/*
Theme Name: TwentySeventeen - LariKu v7
Theme URI: https://LariKu.info
Author: ZueCell
Author URI: https://twitter.com/ZueCell
Description: Twenty Seventeen Child Theme for LariKu.info v7 - Teal Gin 🩵🫚 2026.01.08
Template: twentyseventeen
Version: 7.1.0
Text Domain: twentyseventeen-lariku07

💃🕺 ----- ----- ----- ----- ----- ----- ---------- 🔰 2️⃣0️⃣2️⃣6️⃣ ---------- */

html { scroll-behavior: smooth; }
::selection { color:#fff; background:#C14A44; }
.clear { clear:both; } .bold {font-weight: bold;}

.meta-desc {display:none;} 
.site-branding-text p.site-title { padding:10px 0 10px 0; }
.paragraph { clear:both; height:12px; }

.LariKuTopAro {
  position: fixed;
  bottom: 70px; right: 22px;
  padding: 6px 10px 2px 10px;
  background: #777; color: #000; font-size:115%;
  z-index: 999; cursor: pointer;
  border-radius: 10px; opacity: 0.5;
  }
  .LariKuTopAro:hover { opacity: 0.7; background: #333; color: #fff; }
  .LariKuTopAro A img { border:0; }
  
/* LOADER 🩵 v7 ------------------------------------ # */

  .loader {
    margin: auto; background:none; max-width:500px; padding:25px 7% 25px 7%;
    text-align:right; font-family: Arial, Helvetica, sans-serif; }

  .loadering {
    margin:0 0 10px 0;
    height: 3.2px;
    width: 104px;
       background: linear-gradient(#c87629 0 0),
           linear-gradient(#006d70 0 0),
           #fff;
       background-size: 60% 100%;
       background-repeat: no-repeat;
       animation: progress-7x9cg2 2.4000000000000004s infinite;
      }
  @keyframes progress-7x9cg2 {
     0% { background-position: -150% 0,-150% 0; }
     66% { background-position: 250% 0,-150% 0; }
     100% { background-position: 250% 0, 250% 0; }
   }

  .loader A.tealgin {
    line-height: 70%; text-decoration:none;
    font-size:35px; font-weight: bold;
    -webkit-text-fill-color: #fff;
    text-shadow:
      -2px -2px #006d70,
       2px  2px #333;  }
  
  .loader span { color:#ddd; font-size:10px; }
  .loader A.post-edit-link {text-decoration:none;}


/* POST  ------------------------------------ # */

.entry-content__ { font-size:95%; }
.entry-content A.akronim {
  clear:both; display:block; border:0;
  padding:5px 0 3px 0; margin:15px 0 3px 0;
  font-size:120%; color:#ff6600;
  letter-spacing:0.03em;
  }
.entry-content A.komunitas {
  font-size:120%; color:#0066cc;
  display:block; border:0;
  padding:0 0 3px 0; margin:0 0 3px 0
  }
.entry-content A.akronim:hover { border:0; }
.entry-content A.akronim img {
  opacity: 0.8; width:100px; height:100px;
  }

.larikueventtop { height:15px; width:100%; }
.larikuevent { font-size: 100%; margin:0; padding:0 0 5px 0; width:100%; clear:both;}
.larikuevent A { color:#003892; /*blu*/ } .larikuevent A.web { font-size: 120%; }
.larikuevent small { font-size: 85%; } .larikuevent ul { margin:0; padding:0; }
.larikueventAds, .larikueventad468 { width:100%; margin:25px 0 25px 0; padding:3px 0 3px 0; clear:both; }

.larikueventki { text-align:right;color:#999;font-weight:bold; width:15%; float:left; }
.larikueventka { width:84%; float:left; padding:0 0 0 10px; }

  .unselectable, .larikueventka {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

.pembatastaon { display:block; border-bottom:2px dashed brown; clear:both; margin:0; padding:0; }
.pembatas { display:block; border-bottom:1px dashed #bbb; clear:both; margin:-5px 0 0 0; padding:0; } /*💕*/

.larikueventKal {
    width:100%; clear:both;
    padding:0; margin:7px 0 7px 0 ;
    border-bottom: 1px dashed #bbb; }
  
.larikueventKal A /*tit*/ { color:#0351c7; /*blu*/ }
  .warnaungu A { font-weight:bold; color:#9966cc; /*ungu*/ }
  .toptab /*taon*/ { padding:0; margin:25px 0 10px 0; color:#2a5d00; border-bottom:2px dashed brown;}
  
  .larikueventNameTop {
      width:40%; float:left; font-size:125%; font-weight:bold; color:#2a5d00;} /* jowek */
  .larikueventName {
      width:40%; float:left; font-size:125%; font-weight:bold; color:#555;
      line-height:95%; }
    
  	.larikueventName A:hover, .larikueventNameTop A:hover { color:#FF2A00; /*oren*/ }
  
  .larikueventDate, .larikueventCat, .larikueventLoc, .larikueventOrg, .larikueventMon
  	{ float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  	
  .larikueventDate { width:10%;  text-align:center; font-weight:700; color:#2a5d00;}
  .larikueventDate span.biger
  	  { font-size:125%; font-weight:bold; color:#fff; background:#396C00; padding:0 4px 0 4px; border-radius:3px; }
  .larikueventDate span.delday { font-weight:normal; font-size:85%; font-style: italic; color:#444; text-decoration: line-through; }
  
  .larikueventCat { width:29%; } .larikueventLoc { width:13%; }
  .larikueventOrg { width:8%; text-align:right;}


.tableweb {margin:0 0 5px 0; line-height:initial;}
.listof { clear:both; background:#eee; padding:3px 0 0 0; margin:15px 0 0 0; }
.padtop { padding:10px 0 0 0; }
.warnaabu { color:#666; }
.brownHR { margin:15px 0 20px 0; border-top: 2px dashed brown; background:none; }
  .isihashtagdes img { width:14.28%; margin:2px 0 0 0; }
  .isiusertagdes img { width:16.6%; margin:2px 0 0 0; }


/* KALENDER  ------------------------------------ # */

.menuyear {
  clear:both; font-size:110%; font-weight:bold;
  padding:25px 0 0 0; margin:-25px 0 0 0; }

  .menuyear A:hover { background: #FC4C02; }
  .year { /*_*/ }
  .year A {
      margin:0 4px 4px 0;
      float:left; border-radius:3px;
      color:#fff; padding:2px 7px 2px 7px;
      background: #003892;
      }
  .year span {
      margin:0 4px 4px 0;
      float:left; border-radius:3px;
      color:#fff; padding:2px 7px 2px 7px;
      background: #396C00;
      }
  .year span.nextyear { background: #ccc; color:#953130; }

  .tahun { /*-*/  } .tahun span { color:#396C00; }
  .tahun span.nextyear { color:#953130; }


.menubulan {
  clear:both; font-size:110%; font-weight:bold;
  margin:-10px 0 20px 0; padding:0 0 7px 0;
  border-bottom:1px solid #333; }

  .menubulan A:hover, .menubulan A.nextyear:hover
    { background: #396C00; } /* ijo */

  .bulan { /*-*/ }
  .bulan A {
      float:left; border-radius:3px;
      color:#fff; background: #C14A44;
      padding:2px 7px 2px 7px; }
    .bulan A.nextyear { background-color:#953130 }


  /* pindah style-des/mob
  .bulandes A, .bulanmob A
  .bulandes A.nextyear, .bulanmob A.nextyear
    .bulandes A { width:7.88%; margin:0 .45% 5px 0; } /* 5.4 | 9.6 : 12 ----- *
    .bulanmob A { width:16.16%; margin:0 .5% 4px 0; } /* 3 | 97 : 6 ----- */

/* ga'dipake
.menutaon { clear:both; font-size:120%; margin-top:77px; }
*/
/*.aktif A { background: #0F41D1; }
  .aktif span.nextyear { background: #396C00; }

/* FOOTER  ------------------------------------ # */

.linktreeside { 
  width:100%; font-weight:bold; float:left; 
  margin:0 10px 4px 0; padding:2px; border-radius:0 0 5px 5px; }

.linktreeside A.sidelink { all:unset; color:#fff; }
.linktreeside A.sidelink:hover { all:unset; color:yellow; cursor: pointer; }

.linkside img { padding:2px 15px 0 12px; float:left; } 

.menubawah { padding:10px; margin-bottom:10px; }
	.menutaon A , .menubawah A { padding-bottom:1px; border-bottom:1px solid #bbb; }
	.menutaon A:hover , .menubawah A:hover { border-bottom:0; color:#006d70; }
	
	/* lariku2023 : fill yellow; shadow #ff1f8f pink */
    
	.menubawah A.lariku2026 {
    font-weight: bold; letter-spacing:0.08em;
    -webkit-text-fill-color: #006d70;
    text-shadow: -1px -1px #044246, 1px 1px #000;
    }

/* 🦋 lariku_slug_url ------------------------------ # */

.larikuslugurl {
  background:#C14A44; width:270px; height:400px;
  text-align:left; font:bold 150% arial,sans-serif;
  padding:5px 15px 20px 15px; margin:50px 0 0 0; }

.larikuslugurl sup {
  font-weight:normal; color:#ccc; font-size:10px }


/* On SINGLE Post 🦁 ------------------------------ # */

  myAutoSlides, mySlides { border-radius:5px; }
  gambarpost { clear:both; border-radius:5px; }
  ul.larikuulli li {padding-top:5px}
  
  .garismerah { background:#C14A44; width:100%; margin:10px 0 0 0; }
  .garisabuabu { background:#444; width:100%; margin:10px 0 0 0; }

  
/* GA  ------------------------------------ # */

  mark, ins { background: #fff; text-decoration: none; }
  .matchAds { font-size:110%; color:#555; font-weight:bold; }
  .g-single {margin:0;padding:0;}

/* The Modal  ------------------------------------ # */

.myModalimg { width:100%; border-radius:7px; border:1px solid #777; cursor:pointer; transition:0.3s; }
.myModalimg:hover {opacity: 0.7;}
.ModalClass {
  display: none; position: fixed; z-index: 1; padding-top: 100px;
  left: 0; top: 0; width: 100%; height: 100%; overflow: auto;
  background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9);
  }

.ModalContent { margin: auto; display: block; width: 99%; max-width: 1111px; }
#ModalCaption { margin: auto; display: block; width: 99%; max-width: 1111px; text-align: center; color: #ccc; padding: 10px 0;  height: 150px; }

.ModalContent, #ModalCaption {
  -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s;
  animation-name: zoom; animation-duration: 0.6s;
  }

@-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} }
@keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} }

.ModalClose { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; }
.ModalClose:hover, .ModalClose:focus { color: #bbb; text-decoration: none; cursor: pointer; }


/* mob des  ------------------------------------ # */

/* template-parts\footer\footer-widgets.php */
A.tag-cloud-link { padding:2px 5px; margin:2px 5px 2px 0; border:1px solid #ccc; border-radius: 3px; text-decoration:none; }

.iconsosmed_ { padding:5px 0 0 0; } .iconsosmed_ table td { padding:2px 0 0 0; font-size:90%; }
.ink364, .ink363 { padding:0; margin:0; }

@media screen and (min-width: 600px) { .deldes, .larikueventMon { display:none; } }
@media screen and (max-width: 480px) {
.delmob, .larikueventReg, .larikueventOrg { display:none; }
.larikueventName { width:100%; }
.larikueventDate { width:20%; }
.larikueventMon { width:80%; padding:4px 0 0 0; font-size:125%; font-weight:bold; text-align:right; }
.larikueventCat { width:53%; } .larikueventLoc { width:27%; text-align:right; }
  .isihashtagmob img { width:33%; margin:2px 0 0 0; }
  .isiusertagmob img { width:33%; margin:2px 0 0 0; }
}

/* IKLAN IG Ads 🫐 ------------------------------------ # */

.IgAdsBox { clear:both; margin:10px 0 10px 0; }
.IgAdsUrl { /*-*/ }

.IgAdsImg, .IgAdsImgSide {
  float:left; overflow:hidden; position:relative;
  /* size % in style-des/mob. */
  }
.IgAdsImg img, .IgAdsImgSide img { position:absolute; width:auto; min-width:100%; min-height:100%; opacity:0.9;}
.IgAdsImg img:hover, .IgAdsImgSide img:hover { opacity:1;}

.IgAdsImgSide {
  margin:.5%; /* x2x3 : 3 */
  width:32.33%; padding-bottom:32.33%; /* 97/3 : 32.33 */
  }

  /* old vv del?! */
  .iklanAtas { clear:both; width:100%; margin:5px 0 5px 0; padding:20px 0 5px 0; }
  .iklanIG { clear:both; width:100%; margin:10px 0 0 0; background-color:red; }
  
  .iklanIGdes{
    float:left; margin:.3%; /* x2x6 : 3.6 */
    width:16.06%; padding-bottom:16.06%; /* 96.4/6 : 16.06 */
    overflow:hidden; position:relative;
    }
  .iklanIGmob{
    float:left; margin:.5%; /* x2x3 : 3 */
    width:32.33%; padding-bottom:32.33%; /* 97/3 : 32.33 */
    overflow:hidden; position:relative;
    }
  .iklanIG img, .iklanIGdes img, .iklanIGmob img { position:absolute; width:auto; min-width:100%; min-height:100%; }
  /* old ^^ */


/* ++++ rubah'bawaan ---

   Typography ------------------------------------
   #ff1f8f; pink
   #C14A44; redpastel
   ++++ */

h1.entry-title {
  font-weight: bold;
  line-height: 70%;
  color:yellow; -webkit-text-fill-color: yellow;
  text-shadow:
    -2px -2px #ff1f8f,
     2px  2px #333;  }
     
  /* h1.entry-title { color:#C14A44; font-size: 45px; font-weight: bold; line-height:80%; } */

h2, .entry-title {
  color:#C14A44; font-size: 20px; font-size: 1.625rem;
  line-height: 75%;
/*  font-weight:bold; */
  -webkit-text-fill-color: #ff1f8f;
  text-shadow:
    -1px -1px #fff,
     1px  1px #333;
  }


/* Tables ------------------------------------ */
table {
	border-collapse: collapse;
	/* margin: 0 0 1.5em; ++++ */
	margin: 0;	width: 100%;
}
thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; }
th { padding: 0.4em; text-align: left; }
tr { border-bottom: 0px solid #eee; }
td { padding:0; border:0; }

th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }


/* Posts ------------------------------------ */

.entry-footer .cat-links-title { font-size:110%;color:#FF5722; } /* +++ add */

.entry-footer .cat-links + .tags-links { margin-top: 1em; }
.entry-footer .cat-links a, .entry-footer .tags-links a { color: #555; } /* +++ */

/* Media Queries ------------------------------------ */

  /* +++ */
	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article {
		width: 100%;
		margin:0; padding:0;
	}
	   /* ternyata general
		 #primary article A { color:#FF2A00; border-bottom:1px solid #ccc; }
	   #primary article A:hover { text-decoration:none; }
	   #primary article p.link-more { display:none; }
	   #primary article .entry-summary { border-bottom:1px dashed #ccc; } */

  #comments {
  	clear: both;
  	padding: 2em 0 0.5em;  /* +++ */
  }
	#comments { padding-top: 0; } /* +++ 5em */


/* LOG! 🫚 LariKu v7
https://lariku.info/wp-content/themes/twentyseventeen-lariku07/style.css?ver=20260127G 
------------------------------------ ---------- ---------- ---------- */