/* Color Scheme */

.breaking-news .the-title,
.widget > h3,
.button,
a.small-button,
.marker,

.block-title,
#wp-calendar td#today,
.small-button,
#writecomment p input[type=submit] {
	background-color: #bd3203;
}
.hover-effect {
	background-color: #ede0e04d;
}
.list-title,
a:hover,
a.mobile-menu,
.widget .meta a {
	color: #C00;
}
.list-title {
	border-bottom: 2px solid #C00;
}
.header {
background: #0a3d62;


}











/*Fun begins*/
.tab_container {
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
}

input, section {
  clear: both;
  padding-top: 10px;
  display: none;
}

label {
font-weight: 700;
font-size: 12px;
display: block;
float: left;
padding: 8px;
color: #757575;
cursor: pointer;
text-decoration: none;
text-align: center;
background: #f0f0f0;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
  padding: 4px;
  background: #fff;
  color: #999;
  border-bottom: 2px solid #f0f0f0;
}

.tab_container .tab-content p,
.tab_container .tab-content h3 {
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;
}
.tab_container .tab-content h3  {
  text-align: center;
}

.tab_container [id^="tab"]:checked + label {
  background: #fff;
  box-shadow: inset 0 3px #0CE;
}

.tab_container [id^="tab"]:checked + label .fa {
  color: #0CE;
}

label .fa {
  font-size: 1.3em;
  margin: 0 0.4em 0 0;
}

/*Media query*/
@media only screen and (max-width: 930px) {
  label span {
    font-size: 14px;
  }
  label .fa {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  label span {
    display: none;
  }

  label .fa {
    font-size: 16px;
  }

  .tab_container {
    width: 98%;
  }
}

/*Content Animation*/
@keyframes fadeInScale {
  0% {
  	transform: scale(0.9);
  	opacity: 0;
  }
  
  100% {
  	transform: scale(1);
  	opacity: 1;
  }
}

.metas {
	color:#999;
	font-size:11px;
	font-style:italic;

}


ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
   color: #545252;
float: left;
padding: 2px 11px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
background: #ddd;
font-weight: 600;
margin-right: 2px;
}

ul.pagination li a.active {
    background-color: #666;
    color: white;
    border: 1px solid #4CAF50;
}

ul.pagination li a:hover:not(.active) {background-color: #063; color:#FFF;}

div.center {text-align: center;}