/*
Theme Name: Deserve Pro
Theme URI: https://fruitthemes.com/wordpress-themes/deservepro/
Author: fruitthemes
Author URI: https://fruitthemes.com
Description: Deserve pro is a lightweight, faster, clean, super flexible and bootstrap based responsive theme for business or personal websites. Deserve pro Theme is built on top of Twitter Bootstrap which means that your site can be displayed on every device (pc, laptop, mobile devices, tablets etc) without horizontal scrolling. It has got custom widgets, theme-options etc in order to get it customized as per your need.

Version: 2.0.0
Text Domain: deservepro
*/

::selection {
    background: #d33;
    color: #fff;
}

/* WordPress Core */
.page-content img.size-full{width: 100%; height: 100%;}
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.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; text-align:center;}
.sticky{}
.bypostauthor{}
.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;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/
.sidebar-section img {
	width: 100%;
    max-width: 100%;
    height: auto;
}
.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}
.gallery-columns-1 .gallery-item {width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}
.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}
.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}
@media (max-width: 767px){
	.page-content img{
		width: 100%;
		height: 100%;
	}
}
@media screen and (min-width: 48em) {
	/* Gallery Columns */
	.gallery-columns-5 .gallery-item {max-width: 20%;}
	.gallery-columns-6 .gallery-item {max-width: 16.66%;}
	.gallery-columns-7 .gallery-item {max-width: 14.28%;}
	.gallery-columns-8 .gallery-item {max-width: 12.5%;}
	.gallery-columns-9 .gallery-item {max-width: 11.11%;}
}

@media screen and (min-width: 30em) {
	/* Gallery Columns */
	.gallery-item {max-width: 25%;}
	.gallery-columns-1 .gallery-item {max-width: 100%;}
	.gallery-columns-2 .gallery-item {max-width: 50%;}
	.gallery-columns-3 .gallery-item {max-width: 33.33%;}
	.gallery-columns-4 .gallery-item {max-width: 25%;}
}