/*
Theme Name: Satu Data Flores Timur
Theme URI: https://satudata-florestimur.com/
Version: 1.0
Text Domain: satudata
*/


/* GENERAL
================================================================ */
html{overflow-x:hidden;}
body{color:#111; font-size:16px; font-family:'Inter', sans-serif; line-height:1.3em; overflow-x:hidden;}


/* WP CLASSES
================================================================ */
.alignnone {margin: 0;}
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right; margin-left: 1.5em; margin-bottom: 1em;}
.alignleft {float: left; margin-right: 1.5em; margin-bottom: 1em;}

.clearfix::after {content: ""; display: table; clear: both;}

/* Image alignment inside Editor + frontend */
img.alignleft,
img.alignright,
img.aligncenter,
figure.alignleft,
figure.alignright,
figure.aligncenter {height: auto;}

/* Caption styling */
.wp-caption {max-width: 100%; margin-bottom: 1em; text-align: center;}
.wp-caption img {margin: 0; padding: 0; border: 0;}
.wp-caption-text {font-size: 0.875rem; color: #666; margin-top: .5em;}

/* Galleries */
.gallery {margin-bottom: 1.5em;}
.gallery-item {display: inline-block; text-align: center; vertical-align: top; margin: 0 1em 1em 0;}
.gallery-columns-2 .gallery-item { width: 48%; }
.gallery-columns-3 .gallery-item { width: 31%; }
.gallery-columns-4 .gallery-item { width: 23%; }

/* Block Editor Wide + Full Alignment Support */
.alignwide {margin-left: auto; margin-right: auto; max-width: 1200px;}
.alignfull {width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}

/* SECTION, BG, COLOR
================================================================ */
.section{padding:60px 0}

.section-title{color:#3C5973; font-size:30px; font-weight:700; margin:0 0 30px}
.section-subtitle{font-size:24px; font-weight:600; margin:0 0 20px}

@media (max-width:767px){
    .section{padding:30px 0}
    .section-title{font-size:24px;}
    .section-subtitle{font-size:18px;}
} 

/* HEADER
================================================================ */
#site-header{background:#fff; padding:10px 0; box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#site-header .navbar-brand img{height:20px; width:auto;}
#site-header .navbar{background:#fff; padding-top:0; padding-bottom:0}

/* GENERAL
================================================================ */


/* DATA */
.data-area-title{color:#3C5973; font-size:18px; font-weight:700; margin:0 0 20px}

.card-data{background:#eee; height:100%; display:flex; flex-direction:column; justify-content: space-between; padding:20px}
.card-data h4{font-size:16px; font-weight:600; margin:0 0 20px}
.card-data table td{vertical-align:top;}
.card-data table td .count{float:left; font-size:22px; font-weight:700; margin:0 0 4px; text-align:right; width:100%}
.card-data table td .percentage{float:left; margin:0 0 10px; text-align:right; width:100%}



/* SINGLE PAGE
================================================================ */
#page-title{background:#3C5973; }
#page-title h1{color:#fff; font-weight:700; font-size:40px; margin:0}

#page-content{background:#fff;}

@media (max-width:767px){
    #page-title h1{font-size:24px}
}

/* FOOTER
================================================================ */
#site-footer{background:#3C5973!important; font-size:14px}