/*######################################################## GENERAL */

body{background:#EB1D6A;}
a{color:#EB1D6A;}
input{padding:4px;}
textarea{padding:4px;}
select{padding:4px;}

/**************** MISC */

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.width-global{width:960px;margin:auto;}

/*######################################################## ALL */

#wrapper{background:#fff;padding-bottom:30px;padding-top:20px;}

/*######################################################## HEADER */

header#header{background:#fff;padding:10px 0 0;}
header#header h1#blog-title{margin:0;}
header#header h1#blog-title a{display:block;width:200px;height:44px;background:url(../images/logo-pamapedia.png) no-repeat;text-indent:-9999px;}

/**************** SEARCH FORM */

.searchform{margin-top:3px;}
.searchform input[type="search"]{border:1px solid rgba(0,0,0,0.1);font-size:12px;background:#eee url(../images/icon-search-2.png) 247px no-repeat;padding:9px 6px;padding-right:22px;width:270px;}

/**************** SOCIAL */

header#header .width-global{position:relative;padding-bottom:10px;}
header#header .width-global .social-web{position:absolute;left:5px;bottom:-30px;}
header#header .width-global .social-web ul{margin:0;}
header#header .width-global .social-web ul li{display:inline-block;margin:0;margin-right:15px;}
header#header .width-global .social-web ul li a{text-decoration:none;font-size:12px;padding:6px 0;}

/*######################################################## NAVIGATION */

nav#main-navigation{background:#EB1D6A;}
nav#main-navigation ul{width:960px;margin:auto;overflow:hidden;}
nav#main-navigation ul li{float:right;margin:0;}
nav#main-navigation ul li:first-child{margin-right:-20px;}
nav#main-navigation ul li a{display:block;padding:7px 20px;text-decoration:none;font-weight:bold;font-size:13px;text-transform:uppercase;color:#fff;}
nav#main-navigation ul li a:hover{color:rgba(255,255,255,0.9);}

/**************** STICKY */

.is-sticky #sticker{width:100%;text-align:center;border-bottom:5px solid #fff;z-index:9998;}
.is-sticky #sticker nav#main-navigation ul li{float:none;display:inline-block;text-align:center;}
.is-sticky #sticker nav#main-navigation ul li:first-child{margin-right:0;}

/*######################################################## BREADCRUMB */

#breadcrumb{margin-bottom:15px;font-size:11px;text-transform:uppercase;}
#breadcrumb a{text-decoration:none;}
#breadcrumb a:hover{color:#333;}

/*######################################################## HOMEPAGE */

#homepage{background:#fff;padding-bottom:30px;}
#homepage article{width:650px;}

/**************** ADS */

.ads-homepage{text-align:center;margin-left:-5px;padding-top:20px;}
.margin-top-50{margin-top:50px;}

/**************** FEATURED */

#homepage .featured-post{}
#homepage .featured-post h2{text-align:center;color:#EB1D6A;font-size:16px;text-transform:uppercase;border-bottom:1px solid #d3d3d3;width:200px;margin:auto;}
#homepage .featured-post ul{margin:0;margin-top:20px;margin-right:-40px;}
#homepage .featured-post ul li{margin:0;display:inline-block;width:290px;margin-bottom:40px;padding-right:40px;vertical-align:top;}
#homepage .featured-post ul li img{margin-bottom:10px;}
#homepage .featured-post ul li a{text-decoration:none;font-weight:bold;font-size:16px;line-height:22px;}
#homepage .featured-post ul li .title a{color:#333;}
#homepage .featured-post ul li .title a:hover{border-bottom:1px solid #ddd;color:#EB1D6A;}

/**************** POST THUMBNAIL */

#listing.post-thumbnail{float:left;margin-right:30px;}
#listing.post-thumbnail img{}

/*######################################################## SLIDEHSOW */

#slideshow-wrapper{margin-bottom:30px;position:relative;border-bottom:1px solid #ccc;}
#slideshow-wrapper #slide{width:100%;height:500px;}
#slideshow-wrapper #slide .slide-height{height:500px;}
#slideshow-wrapper #slide .slide-in{width:960px;margin:auto;height:500px;position:relative;}
#slideshow-wrapper #slide .slide-in .position-s{position:absolute;bottom:50px;right:0;width:500px;text-align:right;}
#slideshow-wrapper #slide .slide-in .position-s .metadata-s{margin-bottom:15px;}
#slideshow-wrapper #slide .slide-in .position-s .metadata-s a{color:#fff;background:rgba(0,0,0,0.6);text-decoration:none;text-transform:uppercase;font-size:12px;padding:6px 8px;border:1px solid rgba(255,255,255,0.4);margin-left:5px;}
#slideshow-wrapper #slide .slide-in .position-s .metadata-s a:hover{background:rgba(0,0,0,0.8);}
#slideshow-wrapper #slide .slide-in .position-s h2 a{text-decoration:none;font-size:46px;line-height:56px;color:#fff;padding:7px 0;text-shadow:0 0 10px #000;}
#slideshow-wrapper #slide .slide-in .position-s h2 a:hover{color:rgba(255,255,255,0.9);}

/**************** PAGER */

.bx-pager{display:none;}
.bx-controls-direction{}
.bx-controls-direction a{position:absolute;top:155px;z-index:9999;width:35px;height:200px;display:block;text-indent:-9999px;}
.bx-controls-direction a.bx-prev{background:url(../images/image-arrow-left.png) center no-repeat;left:20px;}
.bx-controls-direction a.bx-next{background:url(../images/image-arrow-right.png) center no-repeat;right:20px;}

/*######################################################## PAGE */

#wrapper article{width:650px;}
#wrapper article.width-full{width:960px;}
h1.title{font-size:30px;font-weight:bold;letter-spacing:-0.5px;line-height:38px;}
h1.title a{text-decoration:none;color:#EB1D6A;}
h1.title a:hover{border-bottom:1px solid #ddd;color:#333;}

h2.title{font-size:30px;font-weight:bold;letter-spacing:-0.5px;line-height:39px;}
h2.title a{text-decoration:none;color:#EB1D6A;}
h2.title a:hover{border-bottom:1px solid #ddd;color:#333;}

/**************** METADATA */

.metadata{margin:15px 0;text-transform:uppercase;font-size:11px;color:#999;line-height:22px;letter-spacing:1px;}
.metadata a{color:#000;text-decoration:none;}
.metadata a:hover{color:#EB1D6A;}
.metadata .gravatar-image{margin-right:15px;}
.metadata-bottom{margin-top:60px;}
.fb-like{margin-top:20px;margin-bottom:5px;}

/**************** WPCF7 */

.wpcf7{font-size:12px;}
.wpcf7 input[type="text"]{border:1px solid rgba(0,0,0,0.1);background:#eee;padding:9px 6px;}
.wpcf7 input[type="email"]{border:1px solid rgba(0,0,0,0.1);background:#eee;padding:9px 6px;}
.wpcf7 textarea{border:1px solid rgba(0,0,0,0.1);background:#eee;padding:9px 6px;width:50%;}

/*######################################################## THE CONTENT */

.the-content{padding-top:10px;font-size:16px;line-height:25px;color:#444;}
.the-content h2,
.the-content h3,
.the-content h4,
.the-content h5,
.the-content h6{color:#444;}
.the-content h2{font-weight:bold;font-size:16px;}

/**************** MISC */

.the-content a{font-weight:bold;text-decoration:none;}
.the-content a:hover{color:#222;}

/**************** TABLE */

.the-content table {border-collapse:collapse;width:100%;margin-bottom:20px;background:#fff;box-shadow:0 2px 2px -2px #999;}
.the-content table td{border:1px solid #DDD;padding:7px;}
.the-content table.first-td td:first-child{background:#eee;font-weight:bold;}
.the-content table thead tr th{background-color:#eee;border:1px solid #DDD;padding:7px;font-weight:bold;}
.the-content table thead tr td{background-color:#eee;border:1px solid #DDD;padding:7px;font-weight:bold;}
.the-content table thead td a,
.the-content thead td{text-decoration:none;color:#222;font-weight:700;}

/**************** LISTING */

.the-content ul{margin-bottom:20px;margin-left:20px;}
.the-content ul li{list-style:square;margin-bottom:2px;}
.the-content ol{margin-bottom:20px;margin-left:20px;}
.the-content ol li{list-style:decimal;margin-bottom:2px;}

/**************** IFRAME */

.the-content iframe{margin-bottom:10px;}

/**************** BLOCKQUOTE */

.the-content blockquote{background:#FFEFBF;padding:20px;border:3px solid rgba(0,0,0,0.05);font-family:Georgia,serif;font-size:14px;font-style:italic;margin:0 15px;margin-bottom:20px;}
.the-content blockquote p{margin-bottom:0;}
.the-content blockquote p:nth-child(2),
.the-content blockquote p:nth-child(3),
.the-content blockquote p:nth-child(4)
{padding-top:20px;}

/*######################################################## IMAGES */

.the-content img{height:auto;max-width:620px;width:auto;margin-top:4px;margin-bottom:20px;}
.the-content .attachment img{max-width:620px;}
.the-content .alignleft,
.the-content img.alignleft{display:inline;float:left;margin-right:20px;max-width:620px;}
.the-content .alignright,
.the-content img.alignright{display:inline;float:right;margin-left:20px;max-width:620px;}
.the-content .aligncenter,
.the-content img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
.the-content img[align="right"]{display:inline;float:right;margin-left:20px;max-width:620px;}
.the-content img[align="left"]{display:inline;float:left;margin-right:20px;max-width:620px;}
.the-content .wp-caption{margin-bottom:20px;}
.the-content .wp-caption img{margin:5px 5px 0;}
.the-content .wp-caption p.wp-caption-text{text-align:center!important;font-style:italic;color:#333;font-size:11px;margin:5px;font-family:arial,sans-serif;}
.the-content .wp-smiley{margin:0;}
.gallery-caption{font-style:italic;font-size:12px;line-height:2;color:#757575;}
.gallery-caption{width:90%;}
.gallery-caption a{display:inline;}

/*######################################################## ARCHIVE */

h1#archive-title{text-align:center;color:#EB1D6A;font-size:16px;text-transform:uppercase;border-bottom:1px solid #d3d3d3;width:250px;margin:auto;}

/**************** ADS */

.ads-archive{text-align:center;margin-left:-5px;margin-top:30px;margin-bottom:40px;}

/**************** FEATURED */

.archive-post{margin-bottom:70px;}
.archive-post h2{text-align:center;color:#EB1D6A;font-size:16px;text-transform:uppercase;border-bottom:1px solid #d3d3d3;width:200px;margin:auto;}
.archive-post ul{margin:0;margin-top:20px;margin-right:-40px;}
.archive-post ul li{margin:0;display:inline-block;width:290px;margin-bottom:40px;padding-right:40px;vertical-align:top;}
.archive-post ul li img{margin-bottom:10px;}
.archive-post ul li a{text-decoration:none;font-weight:bold;font-size:16px;line-height:22px;}
.archive-post ul li .title a{color:#333;}
.archive-post ul li .title a:hover{border-bottom:1px solid #ddd;color:#EB1D6A;}

/*######################################################## COMMENT */

#comment-area{background:#F1F1F1;padding:10px;margin-top:20px;}

/*######################################################## SIDEBAR */

aside#sidebar{width:220px;background:#eee;padding:20px;box-shadow:0 2px 2px #ccc;}
aside#sidebar .sidebar-heading{text-align:center;}
aside#sidebar .ads-banner p{margin:0!important;}
aside#sidebar .ads-banner p img{margin-top:-20px!important;}

/**************** WIDGET */

.widget-container{margin-bottom:20px;text-align:center;}

/**************** LISTING */

aside#sidebar .listing-post{}
aside#sidebar .listing-post ul{margin:0;}
aside#sidebar .listing-post ul li{margin:0;margin-bottom:30px;text-align:center;line-height:20px;}
aside#sidebar .listing-post ul li a{text-decoration:none;font-weight:normal;}
aside#sidebar .listing-post ul li a:hover{color:#333;}
aside#sidebar .listing-post .post-thumbnail img{margin-bottom:10px;max-width:218px;height:auto;}

/**************** ADS BANNER */

aside#sidebar .ads-banner{margin-bottom:40px;text-align:center;}

/*######################################################## BUTTON */

.button{margin-top:20px;}
.button a{font-family:arial,sans-serif!important;font-size:11px!important;letter-spacing:0!important;color:#FFF;font-weight:bold!important;background:#EB1D6A;border-radius:1px;text-shadow:none!important;padding:8px 10px;text-transform:uppercase!important;text-decoration:none;}
.button a:hover{background:#BB1151;color:#fff;}

/*######################################################## SHARE BUTTON */

#share-button{margin-top:30px;color:#888;}

/**************** BUTTON */

#share-button .share-button{display:inline-block;background:#eee;padding:10px;margin-right:2px;margin-top:10px;text-transform:none;letter-spacing:0;}
#share-button .share-button a{color:#fff;text-decoration:none;font-size:14px;display:block;}
#share-button .share-button a:hover{color:rgba(255,255,255,0.8);}
#share-button .share-button.facebook-button{background:#214484 url(../images/social-icon-facebook.jpg) -1px 1px no-repeat;padding-left:40px;}
#share-button .share-button.twitter-button{background:#28A9E0 url(../images/social-icon-twitter.jpg) 5px center no-repeat;padding-left:40px;}
#share-button .share-button.whatsapp-button{background:#03A600 url(../images/social-icon-whatsapp.jpg) 5px center no-repeat;padding-left:40px;}

/*######################################################## PAGINATION */

#pagination{margin-top:30px;overflow:hidden;}

/**************** PAGE BUMBER */

#pagination ul.page-numbers{display:block;margin-left:-5px;font-size:12px;}
#pagination ul.page-numbers li{float:left;display:block;color:#999;margin-left:5px;margin-bottom:5px;}
#pagination ul.page-numbers li a{background:#ddd;display:block;color:#555;padding:4px 8px;border:1px solid rgba(0,0,0,0.05);text-decoration:none;}
#pagination ul.page-numbers li:hover a,
#pagination ul.page-numbers li a:focus{background:#d3d3d3;}
#pagination ul.page-numbers li span.current{background:#EB1D6A;color:#FFF;cursor:default;display:block;padding:4px 8px;border:1px solid rgba(0,0,0,0.05);}
#pagination ul.page-numbers li span.current:hover,
#pagination ul.page-numbers li span.current:focus{background:#EB1D6A;}
#pagination ul.page-numbers li a.next,
#pagination ul.page-numbers li a.prev{font-weight:bold;padding:4px 12px;}

/*######################################################## POPUP */

#lean_overlay{position:fixed;z-index:10000;top:0;left:0;height:100%;width:100%;background:#000;display:none;}

/**************** POPUP MODAL STYLING */

#popup-modal{padding:15px;text-align:center;display:none;background:#fff;border-radius:2px;box-shadow:0 0 8px rgba(0,0,0,0.6);position:relative;}

/* INTRO */

#popup-modal .introduction{width:380px;}
#popup-modal .introduction h1{font-size:20px;color:#EB1D6A;text-transform:uppercase;font-size:14px;margin-bottom:15px;}
#popup-modal .introduction p{margin-bottom:25px;font-size:12px;}

/* FORM */

#popup-modal .introduction form{padding:18px 10px;background:url(../images/image-red-white-blue-stripe.png) bottom repeat-x, #eee url(../images/image-red-white-blue-stripe.png) top repeat-x;}
#popup-modal .introduction input[type="text"],
#popup-modal .introduction input[type="email"]
{padding:6px;padding-left:24px;background:#fff;border:1px solid #ddd;width:260px;margin-bottom:5px;}

/* SUBIT BUTTON */

#popup-modal .introduction input[type="submit"]{padding:6px 8px;margin-top:5px;background:#8CBA00 url(https://pamapedia.com/wp-content/themes/pamapedia/images/background-button-green.jpg) center bottom repeat-x;color:#fff;border:1px solid rgba(0, 0, 0, 0.1);border-radius:2px;font-weight:bold;cursor:pointer;box-shadow:0 4px 2px -2px #ccc;font:12px/1.5 arial,sans-serif;font-weight:bold;}
#popup-modal .introduction input[type="submit"]:hover{background:#789F00;}
#popup-modal .introduction input[type="submit"]:active{box-shadow:0 4px 2px -2px #aaa;}

/* NAMA EMEL */

#popup-modal .introduction input.name{background:#fff url(../images/icon-user.png) 5px center no-repeat;}
#popup-modal .introduction input.emel{background:#fff url(../images/icon-email-2.png) 5px center no-repeat;}

/**************** CLOSE */

a.modal-close{background:rgba(0,0,0,0.8) url(../images/icon-close-3.png) center no-repeat;width:22px;height:22px;display:block;text-indent:-9999px;border-radius:2px;position:absolute;top:-8px;right:-8px;}

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

footer#footer{color:#fff;font-size:12px;padding-bottom:10px;}
footer#footer a{text-decoration:none;color:rgba(255,255,255,0.8);}
footer#footer a:hover{color:#fff;}

/**************** NAVIGATION */

footer#footer #footer-navigation{}
footer#footer #footer-navigation ul{overflow:hidden;text-align:center;margin:0;margin:15px 0 0;}
footer#footer #footer-navigation ul li{display:inline-block;margin:0;margin:0 20px;}

/**************** COPYRIGHT */

footer#footer .copyright{padding:10px 0 25px;text-align:center;background:url(../images/logo-pamapedia-footer.png) center bottom no-repeat;}

/*######################################################## TO TOP */

#toTop{width:90px;background:#0085B2;text-align:center;padding:5px 0;position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;border-radius:1px;}
#toTop:hover{background-color:#00688A;}