/*
Theme Name: spyblog
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 
 
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */


.pagination {
clear:both;
position:relative;
font-size:14px;
line-height:19px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #00C8FF;
}

.pagination a:hover{
color:#fff;
background: #77D100;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #77D100;
color:#fff;
}

.featured-side img {
    height: auto!important;
}

.post-content-right ul {
    margin-bottom: 20px;
}
.post-content-right ul li {
    list-style: disc;
    line-height: 28px;
    margin-left: 20px;
}

/**PromoAd css**/
.promotionaltext {
    display: flex;
    width: 100%;
    padding: 20px;
    text-align: center;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    box-shadow: 3px 5px 9px 0px #f4f4f4;
    margin: 20px 0;
    background: #ffffff;
}
.promotionaltext .leftblock {
    width: 70%;
}
.promotionaltext .leftblock h3 {
    font-weight: 600;
    margin: 10px 0 0;
    font-size: 15px;
}
.promotionaltext .leftblock p {
    font-size: 14px;
    margin-bottom: 0;
}
.promotionaltext .rightblock {
    width: 30%;
    vertical-align: middle;
}
.promotionaltext .rightblock .btn-theme {
    background: #01577a;
    color: #fff;
    font-size: 22px;
    padding: 10px 20px;
    font-weight: 600;
    text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
	.promotionaltext {
		display: block;		
	}
	.promotionaltext .leftblock {
		width: 100%;
		margin-bottom: 10px;
	}
	.promotionaltext .rightblock {
		width: 100%;
	}
}
/***PromoAd css end***/