@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);
/*
Theme Name: BlogPark
Theme URI: http://www.tawfiqurrahman.com/wpthemes/blogy
Author: Tawfiqur Rahman
Author URI: http://www.tawfiqurrahman.com
Description: A Personal Blog theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, white, light, two-columns, right-sidebar, responsive-layout, blavatar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, translation-ready, accessibility-ready
Text Domain: blogy
*/
/* 
Variables
*/
/*
******************** MIXINS ******************
*/
/* 
******************** WordPress Core *************
 */
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
  text-align: center; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

.sticky .entry-date {
  display: none; }

.gallery-caption {
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  max-height: 50%;
  opacity: 0;
  padding: 6px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
  width: 100%; }

.gallery-caption:before {
  content: "";
  height: 100%;
  min-height: 49px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.gallery-item:hover .gallery-caption {
  opacity: 1; }

.bypostauthor > article .fn:before {
  content: "\f408";
  margin: 0 2px 0 -2px;
  position: relative;
  top: -1px; }

/*
**************** GENERAL STYLES *****************
*/
body, h1, h2, h3, h4, h5, h6, p, a {
  font-family: 'Noto Serif', serif; }

body, #wrapper {
  overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 {
  margin: 12px 0;
  color: #3a4145;
  font-style: normal;
  font-weight: 400; }

h1 {
  font-size: 60px;
  line-height: 60px; }

h2 {
  font-size: 48px;
  line-height: 48px; }

h3 {
  font-size: 34px;
  line-height: 34px; }

h4 {
  font-size: 24px;
  line-height: 28px; }

h5 {
  font-size: 21px;
  line-height: 32px; }

h6 {
  font-size: 18px;
  line-height: 24px; }

p {
  color: #3a4145;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin: 0 0 10px; }

blockquote:before {
  display: inline-block;
  left: -20px;
  position: relative;
  top: 0;
  transform: rotate(180deg); }

q:before, q:after, blockquote:before, blockquote:after {
  color: #dddddd;
  font-family: FontAwesome;
  content: "\f095";
  display: inline-block;
  font-size: 2.4em;
  font-style: normal;
  font-weight: normal;
  padding: 8px;
  text-decoration: inherit; }

blockquote:after {
  left: 20px;
  position: relative;
  top: 20px; }

q:before, q:after, blockquote:before, blockquote:after {
  color: #dddddd;
  font-family: FontAwesome;
  content: "\f10e";
  display: inline-block;
  font-size: 2.4em;
  font-style: normal;
  font-weight: normal;
  padding: 8px;
  text-decoration: inherit; }

blockquote {
  border-bottom: 1px dashed #eeeeee;
  border-top: 1px dashed #eeeeee;
  color: #888888;
  font-family: Baskerville,'NewBaskerville',Times,serif;
  font-style: italic;
  margin: 20px 0;
  padding: 20px 40px; }

.primary_color {
  color: #0c6180; }

.secondary_color {
  color: #9a384f; }

a:hover {
  text-decoration: none; }

img {
  max-width: 100%; }

.big_text {
  font-size: 72px;
  padding: 150px; }

.blog-paginition {
  text-align: center; }

/* Pagination */
.pagination {
  margin-top: 0px !important; }
  .pagination .current {
    color: #9a384f;
    font-weight: bold; }

embed, 
iframe {
  width: 100%; 
}

/* Table Style */

table{
  border-collapse:collapse; 
  border-spacing: 0;  
  padding:0; 
  margin-bottom:18px; 
  width:100%;
}
th{
  font-weight:bold; 
  padding:10px 30px 10px 30px; 
  text-align:center; 
}
tr{
  color:#696969; 
  text-align:center;
}
td{
  padding:10px;
  vertical-align:middle;
}
th, td {
    border:1px solid #eee;
    font-size: 20px;
    line-height: 22px;
}

/* definition list */

dl {
  padding: 10px;
  margin-bottom:20px;
}

dt {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

dt:empty {
  display:none;
}

dd {
    padding-left: 30px;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
}

li{
  font-size: 20px;
}

/*
******************** HEADER ******************
*/
header {
  background: #FFF; }

#headimg {
  text-align: center;
  height: 220px; }
  #headimg h1 {
    margin: 0; }
  #headimg h1 a {
    margin: 0;
    padding: 0px;
    text-transform: uppercase;
    color: #ffffff; }
  #headimg h2 {
    font-size: 20px;
    line-height: 28px; }

.header_text {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

/*
***************** NAVBAR ******************
*/

/* Default wordpress navbar styles*/
#main-nav {
  height: 30px; /* set to the height you want your menu to be */
  margin: 0 0 10px; /* just to give some spacing */
}
#main-nav li  {
  display: block;
  float: left;
  line-height: 30px; /* this should be the same as your #main-nav height */
  height: 30px; /* this should be the same as your #main-nav height */
  margin: 0; padding: 0; /* only needed if you don't have a reset */
  position: relative; /* this is needed in order to position sub menus */
}
#main-nav li a  {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
  color: #FFF;
  background: #752a3c;
}

/*Style for sub menu */

#main-nav ul ul { 
  display: none; 
}
#main-nav ul ul ul { 
  display: none;
}

/* End Default wordpress navbar styles*/

li.page_item {
  display: inline-block;
  text-align: center; }
  li.page_item a {
    display: inline-block;
    color: #fff;
    font-style: 24px;
    padding: 20px 10px; }

.navbar {
  min-height: 40px;
  border: none; }

.navbar-header {
  background-color: #0c6180; }

.navbar-header {
  text-align: center; }

.navbar-toggle {
  float: none; }

.collapse, .navbar-collapse, .navbar-ex1-collapse {
  background: #9A384F; }

.current-menu-item > a {
  background: #CDCDCD; }

li.menu-item a {
  color: #fff;
  font-size: 20px; }
  li.menu-item a:hover {
    background-color: #752a3c; }

li.menu-item.active a,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:active,
.nav .open > a:visited {
  background-color: #752a3c; }

/* === Center align Bootstrap navbar ===*/
.navbar .navbar-nav {
  display: inline-block;
  float: none; }

.navbar .navbar-collapse {
  text-align: center; }

/* === Center align Bootstrap navbar ===*/
.dropdown-menu {
  background-color: #9a384f; }

.dropdown-menu > li > a {
  text-align: left;
  width: 100%;
  font-size: 16px; }
  .dropdown-menu > li > a:hover {
    background: #752a3c;
    color: #fff; }

.icon-bar {
  color: #fFF;
  margin-bottom: 8px; }
  .icon-bar i {
    font-size: 32px;
    line-height: 10px; }

/*
***************** POST STYLE ******************
*/
.post_meta {
  font-size: 20px; }

.post_meta_date,
.post_meta a {
  color: darker(#0c6180, 10%);
  font-size: 20px; }

/* ==== Featured Image Ribbon Style ======*/
.featured-image {
  position: relative; }

.featured-image span {
  font-size: 18px;
  padding-left: 80px;
  display: inline-block;
  min-width: 200px;
  height: 48px;
  padding: 10px 20px;
  background: #ad3f59;
  position: absolute;
  top: 20px;
  left: -18px; }

.featured-image span:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 0px;
  top: 100%;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #4f1d29 #4f1d29 transparent transparent; }

.featured-image span:before {
  content: ' ';
  position: absolute;
  width: 0px;
  height: 0;
  left: 100%;
  top: 0px;
  border-width: 24px 10px;
  border-style: solid;
  border-color: #ad3f59 transparent #ad3f59 #ad3f59;
  border-radius: 0px 5px 5px 0; }

/* end Featured Image Ribbon Style */
.featured-image img {
  margin-bottom: 40px;
  height: 500px;
  opacity: 1;
  display: block;
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms; }
  .featured-image img:hover {
    opacity: .8;
    -webkit-transform: scale(1.05, 1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05, 1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: relative;
    z-index: 99; }
.featured-image span a {
  color: #fff;
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.post-content {
  border: 2px solid #ccc;
  -moz-box-shadow: inset 0 0 5px #eee;
  -webkit-box-shadow: inset 0 0 5px #eee;
  box-shadow: inset 0 0 5px #eee;
  border-radius: 5px;
  background: #ffffff;
  margin: 30px 0;
  padding: 25px 35px; }

div.post-content:nth-child(1) {
  margin-top: 0px; }

.post-extra {
  text-align: center; }

.post-extra a {
  font-size: 24px;
  line-height: 32px; }

.social-share-link {
  margin: 20px 0px; }

.social-share-link a {
  display: inline-block;
  margin-right: 15px; }

.social-share-link a:hover {
  transform: translateY(-5px); }

.post-extra .pull-right,
.post-extra .pull-left {
  font-size: 20px; }

.tags {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  font-size: 14px;
  font-style: italic;
  padding-left: 20px; }

/*
***************** SIDEBAR ******************
*/
.col-md-3.sidebar {
  padding: 0; }

.widget-area {
  margin-bottom: 15px;
  border: 2px solid #ccc;
  -moz-box-shadow: inset 0 0 5px #eee;
  -webkit-box-shadow: inset 0 0 5px #eee;
  box-shadow: inset 0 0 5px #eee;
  border-radius: 5px;
  background: #ffffff; }
  .widget-area h2 {
    font-size: 20px;
    line-height: 24px;
    background-color: #9a384f;
    margin-top: 0;
    padding: 10px 20px;
    color: #fff; }
  .widget-area ul {
    padding: 0 25px 15px; }
  .widget-area li {
    margin-bottom: 15px;
    line-height: 20px; 
    list-style: none;
  }
    .widget-area li a {
      font-size: 20px; }

/*
***************** COMMENTS ******************
*/
.commentlist div {
  background-color: #eee;
  padding: 20px;
  margin-bottom: 5px; }
#comments li{
  list-style: none;
}
#comments fieldset{
  border: none;
}
.comment-avatar, .comment-wrapper {
  border-top: 3px solid #15a8dd; }

h3#comments {
  font-size: 12px; }

h3#respond {
  font-size: 14px; }

li.depth-2 {
  margin-left: 50px; }

li.depth-3 {
  margin-left: 50px; }

.commentlist p {
  font-size: 16px;
  line-height: 22px; }

img.avatar {
  border-radius: 10px; }

#comments h3 {
  font-size: 24px; }
#comments .comment-avatar {
  float: left;
  padding: 10px; }
#comments .comment-meta {
  padding: 5px;
  margin: 0;
  font-size: 16px;
}
#comments .comment-body {
  padding: 10px; }
#comments .comment-body p{
  font-size: 20px;
}
#comments .comment-body .replay{
  font-size: 16px;
}
  #comments .comment-body p, #comments .comment-body .replay {
    margin-left: 45px; 
  }
#comments .replay {
  margin: 0; }
#comments .btn-default:hover{
  background-color: #14A7DD;
  color: #fff;
}

/*
***************** FOOTER ******************
*/
footer {
  background: #2c3e50; }
.footer li{
  list-style: none;
}
.footer_widget {
  padding: 30px 10px; }
  .footer_widget h3 {
    color: #cccccc;
    font-size: 24px; }
  .footer_widget .footer-widget-area a {
    font-size: 16px;
    line-height: 20px; }
  .footer_widget table {
    color: #0c6180; }
    .footer_widget table caption {
      margin-bottom: 10px; }

/* Widget styles */
.widget-container ul{
  margin:0;
}
.widget-container li a{
  color: #428bca;
  padding: 1px;
}
.tagcloud{
  padding: 10px 20px;
}
/* Calendar widget Style */
.widget_calendar table{
  border-collapse:collapse; 
  border-spacing: 0;  
  padding:0; 
  max-width:100%;
}
.widget_calendar caption{
  color: #428bca;
}
.widget_calendar th{
  font-weight:bold; 
  padding:5px; 
  text-align:center; 
}
.widget_calendar tr{
  text-align:center;
}
.widget_calendar td{
  padding:5px;
  vertical-align:middle;
}
.widget_calendar th, .widget_calendar td {
  border:none;
    font-size: 14px;
    line-height: 16px;
}
/* Page widget style */
.widget_pages ul li{
  display: block;
  text-align: left;
}
.widget_pages ul li a{
  color: #428bca;
}
.widget_pages ul ul, .widget_pages ul ul ul{
  padding: 0;
  margin: 0;
}


.copyright {
  background-color: #1a242f;
  padding: 0; }
  .copyright p {
    font-size: 14px;
    color: #FFF;
    text-align: center; }