/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    http://www.web6.org
 Description:  Twenty Fifteen Child Theme
 Author:       Kimi
 Author URI:   http://www.web6.org
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyfifteen-child
*/
/*-----------------------------
	Ramadan Calendar Calculation
-----------------------------*/
/* Create three equal columns that floats next to each other */
.rcolumn {
    float: left;
    width: 33.33%;
    padding: 5px;
	background:#A9D154;
	color:#000;
}
/* Clear floats after the columns */
.rrow:after {
    content: "";
    display: table;
    clear: both;
}
/* Create two equal columns that floats next to each other */
.rcolumn1 {
    float: left;
    padding: 5px;
	background:#A9D154;
	color:#000;
}
.left {
  width: 33.33%;
}
.right {
  width: 66.66%;
}
.rcolumn2 {
    float: left;
    width: 100%;
    padding: 5px;
	background:#A9D154;
	color:#000;
}
.rcolumn input {
	text-align:center;
	font-size:14px;
}
.rcolumn1 select {
	text-align:center;
	font-size:14px;
	width: 80%;
  	padding: 12px;
}
tr, form{font-family: tahoma; font-size: 12px; color: #404040; margin: 0; padding: 0; text-align:center; }
input {font-size: 12px; color:#000; font-weight:bold; width:80px;}
select {font-size: 12px; color:#000; font-weight:bold;}
.caption {font-size: 24px; color: #CE1127; text-align: center; width: 12em; font-weight:bold;}
.arrow {font-weight: bold; text-decoration: none; color: #3D3D3D;}
.arrow:hover {text-decoration: underline;}
.command {font-weight: bold; text-decoration: none; color: #AAAAAA; }
.command:hover {text-decoration: underline;}
.timetable {border-width: 1px; border-style: outset; border-collapse: collapse; border-color: gray; margin: 0 auto;}
.timetable td {border-width: 1px; border-spacing: 1px; padding: 0px; border-style: inset; border-color: #CCCCCC; font-size:14px; text-align: center; vertical-align: middle;}
.head-row td {background-color: #F7F4DC !important; color:#000 !important; font-size:12px; font-weight:bold; width:100% !important; }
.today-row td {background-color:#000 !important; color:#fff !important; font-size:14px; font-weight:bold; border-width: 0px !important;}
#timetable th {color:#000; font-weight:bold; background-color: #F8F7F4; text-align:center;}
/* Ramadan Timing In Article */
.column-t {
  float: left;
  width: 25%;
	height: 80px;;
	background: #0C98C2;
	text-align:center;
	color:white; 
	font-weight:bold;
}
.row-t:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .column-ti {
    width: 100%;
  }
}
/* Sehri Iftari Dua */
.column-dua {
 	float: left;
 	width: 50%;
	padding: 30px;
	text-align: center;
	border-right: 5px solid #fff;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom:20px;
	background: #a9d154;
}
.row-dua:after {
  content: "";
  display: table;
  clear: both;
}
/* country */
.column-country {
  float: left;
  width: 33.33%; /* 3 columns, each taking up 1/3 of the container */
  padding: 14px;
  text-align: center;
  background: #eccc45;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  font-size: 14px !important;
  font-weight: bold;
  color: #0D9CC8;
  box-sizing: border-box; /* Include padding and border in the width */
}
.row-country:after {
  content: "";
  display: table;
  clear: both;
  background: #000;
}
/* Media query for responsive design */
@media (max-width: 768px) {
  .column-country {
    width: 50%; /* On smaller screens, 2 columns taking up 50% each */
  }
}
/* Adsense Ads BG Color */
ins.adsbygoogle { background: transparent !important; }
/* Changing post title/h2 */
.entry-header h2 {font-size:20px;}
/* change the color of the footer */
footer#colophon {
background: #fff !important;
}
/* Other CSS */
.site-main {
    padding: 0;
}
.site-header {
    border-bottom: 0;
	margin-top: 0;
    margin-bottom: 5%;
    padding: 0 20%;
}
.hentry {
    background-color: #fff;
    padding-top: 3%;
}
.hentry + .hentry, .page-header + .hentry, .page-header + .page-content {margin-top: 1%;}
.entry-content, .entry-summary {padding: 0 5% 1%;}
.entry-header {padding: 0 5%;}

/* WP Forms Plugin */
div.wpforms-container-full .wpforms-form .wpforms-field-label {text-align: left;}
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {text-align: left;}
/* Heading H2 */
.entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.2;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
/* Heading H3 */
.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {
    font-size: 26px;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-top: 1em;
    margin-bottom: 1.1852em;
}
/* Title */
.entry-title, .widecolumn h2 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.2308;
    margin-bottom: 0.5em;
}

.widget {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 0 10%;
    padding: 0 10%;
}

/* Fatured Image Remove */

.single-post .attachment-post-thumbnail {
display: none;
}

.post.has-post-thumbnail .post-thumbnail {
    display: none;
}
.post.has-post-thumbnail {
    padding-top: 1%;
}
.hentry, .hentry.has-post-thumbnail {
    padding-top: 1%;
}

/* Show Icon on Cetegory Section */
.category #main article .entry-title:before {
content: "🗓️";
display:inline-block;
margin-right:10px;
}


@media only screen and (max-width: 600px) {
 .entry-header h2 {
    font-size: 15px !important;
    overflow: hidden;
}
}