/*
Theme Name: Alpona
Theme URI: https://anisbd.com/alpona-wordpress-theme-has-been-released/
Author: MD. Anisur Rahman Bhuyan
Author URI: https://anisbd.com/
Description: This theme is for Blogging purpose. you can customize your blog as you like. Alpona theme comes with responsive layout. So, You don't have to worry about mobile view. It is simply cool for bloggers.
Tags: two-columns, right-sidebar, custom-background, custom-colors, translation-ready
Version: 1.5.4
Requires at least: 5.0
Tested up to: 5.5
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alpona
Alpona, Copyright 2015 MD. Anisur Rahman Bhuyan.
Alpona is distributed under the terms of the GNU GPL
*/

* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #F1F1F1;
    font-family: Arial, sans-serif, SolaimanLipi;
    font-size: 100%;
    line-height: 25px;
    color: #444444;
}
h1, h2, h3, h4, h5 {
    font-weight: normal;
    font-size: 20px;
}
p {
    color: #444;
    margin: 15px 0px;
	font-size: 100%;
}
a {
    color: #333;
    text-decoration: none;
}
li {
    list-style: none;
}
input, textarea {
    border: 1px solid #E0E0E0;
    display: block;
    margin: 10px 0px;
    padding: 10px;
}

/* General css */
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
.floatleft, .alignleft {
    float: left;
}
.floatright, .alignright {
    float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.skip-link {
    position: absolute;
    top:-100px;
    background-color: #f1f1f1;
    -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    color: #21759b;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    left:6px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
    -webkit-transition: top .75s ease-out;
    transition: top .75s ease-out;
}
 
.skip-link:focus {
    color: #21759b;
    top: 7px;
 
    -webkit-transition: top 0s;
    transition: top 0s;
}
.sticky, .featured {
	background: #FEFEFE;
}
.bypostauthor {
	display: block;
}
.row {
    clear: both;
    display: block;
    width: 100%;
}
.fix {
    overflow: hidden;
}
.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 25px 0px;
}

/* Initial css */
.wrapper {
    width: 90%;
    margin: 0 auto;
}
#main-header {
    padding: 10px 0;
	background: #FAFAFA;
}
.sitename strong {
    text-transform: uppercase;
    font-weight: bold;
}
.sitename h1 a:hover {
    color: #47B371;
}
.sitename p {
    margin: 0;
    display: block;
}
nav select {
	display: none;
}
.banner-img {
	display: block;
	margin-top: 20px;
}

/*  Navigation area  */
.top-menu {
	float: left;
	width: 100%;
	background: #FAFAFA;
	margin-top: 20px;
}
.menu-top > li {
    position: relative;
    float: left;
}
.menu-top li a {
    display: block;
    padding: 10px 15px;
}
.menu-top > li a:hover,
.menu-top > li a:focus {
  color: black;
}

.menu-item-has-children {
  position: relative;
  display: inline-block;
}
.menu-item-has-children:hover ul,
.menu-item-has-children:focus ul,
.menu-item-has-children:focus-within ul {
  left: 0px;
}
.menu-top ul {
    background: #FAFAFA;
    display: block;
    position: absolute;
    left: -9999999px;
    z-index: 100;
}
.menu-top ul li {
    display: block;
    width: 200px !important;
}
.menu-top li:hover ul {
    left: 0px;
}
.menu-top ul li a:hover {
    background: #EEEEEE;
    color: #454545;
}

/* Content area css */
#content {
    width: 68%;
}
#content-full {
	max-width: 100%;
}
#sidebar {
    width: 30%;
}
#content-full {
    width: 100%;
}

/* Article css */
.main-bg {
	background-color: #FAFAFA;
}
.main-post {
    margin: 20px 0;
    padding: 30px;
}
.main-post .entry-title {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}
.main-post .entry-title a:hover {
	color: #757575;
}
.main-post img {
	max-width: 100%;
}
.post-meta {
    border-top: 1px solid #E5E5E5;
}
.post-meta span {
    word-wrap: break-word;
}
.read-more {
    color: #3CB371;
    font-weight: bolder;
    display: block;
    margin-top: 10px;
    font-size: 90%;
}
.main-post ul li {
    margin: 15px 0px;
    list-style: inside disc;
}
.main-post h2, .main-post h3, .main-post h4, .main-post h5, .main-post h6 {
    display: block;
    margin: 10px 0px;
}
.main-post blockquote {
    background: #f2f2f2;
    display: block;
    padding: 10px 20px;
    border-left: 5px solid #CECECE;
}
.main-post cite {
    font-weight: bold;
    font-size: 18px;
}
.main-post table {
    text-align: left;
}
.main-post table td {
    margin-left: 15px;
    padding: 10px;
}
.main-post table tr {
    padding: 10px;
    background: #eee;
}
.main-post table th {
    padding: 10px;
}
.main-post ul ul {
    margin-left: 25px;
}
.main-post ol li {
    margin: 10px 0px;
    list-style: inside number;
}
.main-post ul {
    list-style: square inside;
}
.main-post ol ol {
    margin-left: 25px;
}
.main-post pre {
    background: #f4f4f4;
    border: 1px solid #ddd;
    padding: 10px;
    overflow: hidden;
}
.main-post p q {
    font-size: 30px;
    font-style: italic;
    display: block;
    line-height: 45px;
}
.main-post div {
    max-width: 100%;
}
.navigation .screen-reader-text {
    display: none;
}
.nav-links a {
    padding: 7px 10px;
    background: #EFEFEF;
    border: 1px solid #444;
}

/* Widget css */
.sidebar {
    background: #FAFAFA;
    margin: 20px 0px;
    padding: 30px;
}
.widget h2 {
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 25px;
}
.widget li {
    display: block;
    margin: 12px 0px;
}
.widget li a {
    border-bottom: 1px solid #EDEDED;
}
#wp-calendar {
    width: 100%;
    text-align: center;
}
#wp-calendar caption {
    margin: 10px 0px;
    font-weight: bold;
    color: #FA807A;
}
#s {
	width: 90%;
}

/* Gallery css */
.gallery-content {
    text-align: center;
    background: #FAFAFA;
    margin: 20px 0px;
    padding: 30px;
}
.gallery-content h1 {
    font-size: 30px;
    margin-bottom: 20px;
}
.gallery-content hr {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #FAFAFA;
    border: 3px solid #EEE;
}
.gallery-content img {
    display: inline;
    margin: 10px 10px;
}

/* Pagination css */
.pagination {
    background: #FAFAFA;
    padding: 20px;
}
.pagination li {
    display: inline-block;
    margin-right: 10px;
    line-height: 45px;
}
.pagination li a {
    border: 1px solid #BCBCBC;
    padding: 7px 10px;
	color: #434343
}
.pagination li a:hover {
    background: #333;
    color: #FAFAFA;
    transition: ease 1s background-color,color;
}
.pagination .current {
    border: 1px solid #444;
    padding: 7px 10px;
    background: #454545;
    color: #FFFFFF;
}

/* Footer css */
#footer {
    background: #EDEDED;
	margin-top: 20px;
	color: #555555;
}
#footer a {
	color: #555555;
}

/* social links share */
.social_links {
    background: none repeat scroll 0 0 #fafafa;
    margin: 20px 0;
    overflow: hidden;
}
.social_links li a {
    float: left;
    display: block;
    padding: 15px 17px;
    width: 24%;
    text-align: center;
    color: #FFFFFF;
}
.social_links i {
    display: block;
}
.fan-fb {
    background: #6C8AC8;
}
.fan-tw {
    background: #4099FF;
}
.fan-gplus {
    background: #D24736;
}

/* Author page */
.socialize li {
    background: #EAEAEA;
    display: inline-block;
    padding: 15px;
    text-align: center;
    width: 150px;
}
.socialize li a {
    color: #434343;
}
.author strong {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
}
.socialize {
    margin: 15px;
}
.author h3 {
    color: #434343;
    display: block;
    margin-top: 15px;
}
.contact_me li {
    background: none repeat scroll 0 0 #eaeaea;
    color: #444;
    display: inline-block;
    margin: 10px 0;
    padding: 15px 30px;
    width: 210px;
}
.contact_me {
    font-family: caption;
    font-size: 25px;
    color: #444;
}
.contact_me strong {
    display: block;
    font-family: arial;
    margin-bottom: 15px;
}

/* Post heading */
.main-post h1 {
    font-size: 25px;
    font-weight: bold;
}
.main-post h2 {
    font-size: 23px;
    font-weight: bold;
}
.main-post h3 {
    font-size: 18px;
    font-weight: bold;
}
.main-post h4 {
    font-size: 17px;
    font-weight: bold;
}
.main-post h5 {
    font-size: 15px;
    font-weight: bold;
}
.main-post h6 {
    font-size: 13px;
    font-weight: bold;
}

/* Meta css */
.meta-nav, .single-meta, .blank-doc {
    background: none repeat scroll 0 0 #fafafa;
    display: block;
    margin-top: 20px;
    padding: 15px 30px;
    color: #999;
}
.single-meta {
    margin: 20px 0px;
}
.meta-nav span a {
    font-weight: bold;
}

/* comment box */
#comments {
    background: #fff;
}
#comments h2, #comments div {
    padding: 10px 30px;
}
#comments ul {
    margin: 0px;
    padding: 0px;
}
#respond {
    margin-top: 20px;
}
#respond input {
    width: 60%;
}
#respond textarea {
    width: 95%;
}
#respond .submit {
    width: 20%;
}
.depth-1, .depth-2, .depth-3, .depth-4, .depth-5, .depth-6, .depth-7, .depth-8, .depth-9, .depth-10 {
    margin-left: 20px;
}
.vcard img {
    display: block;
    float: left;
    margin-right: 10px;
}
.vcard cite {
    display: block;
}
.vcard>a {
    display: block;
    font-size: 13px;
}

/* Author bio */
.author-bio {
    background: #fafafa;
    padding: 20px 30px;
    margin: 20px 0px;
}
.author-bio h2 {
    border-bottom: 1px solid #eee;
    font-size: 18px;
    padding-bottom: 5px;
}
.author-bio img {
    display: block;
    float: right;
    margin: 10px 0px;
    max-width: 100%;
}

/* Resposive css */
@media (max-width: 480px){
    .sitename, .top-menu {
        display: block;
        float: none;
        text-align: center;
    }
	.nav_res {
		display: block;
	}
    .menu-top {
		display: none;
    }
    .social_links {
    }
    .social_links li a {
        float: none;
        display: block;
        padding: 5px 0px;
        width: 100%;
        text-align: center;
        color: #FFFFFF;
    }
    .social_links i {
        display: none;
    }
    #footer p {
        float: none;
        text-align: center;
        margin: 7px 0px;
    }
	.main-post h1 {
		font-size: 150%;
	}
    .post-meta span {
		display: block;
	}
	.top-menu select {
		background: #EDEDED;
		border: 1px solid #444;
		padding: 5px 0;
		width: calc(50%);
	}
	.post-meta p {
		font-size: 80%;
	}
}

/* Responsive menu */
@media (max-width: 960px) {
  nav ul  {
	display: none;
  }
  nav select {
	display: inline-block;
  }
  .top-menu select {
		background: #EDEDED;
		border: 1px solid #444;
		padding: 0px 5px;
		width: calc(100%);
	}
	.top-menu select option {
		padding: 5px 5px;
	}
}