/*Theme Name: Legendo
Theme URI: https://themeforest.net/user/webRedox/portfolio
Description: Legendo is a business WordPress theme designed specifically for corporate, business, portfolio, creative freelancers, photographers and those that offer agency business. The theme comes with a awesome unique design also we ensure you can easily design your website just how you like it.
Version: 1.44
Author: webRedox WordPress team
Author URI: http://webredox.net/

License:
License URI:
Tags: two-columns, custom-background, custom-colors, featured-images, theme-options
Text Domain: legendo
*/

.wp-caption{
margin-bottom: 1.75em;
max-width: 100%;
}
.wp-caption-text{
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.24s ease-in-out;
-moz-transition: opacity 0.24s ease-in-out;
transition: opacity 0.24s ease-in-out;}
.sticky{color: #000;}
.gallery-caption{
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.24s ease-in-out;
-moz-transition: opacity 0.24s ease-in-out;
transition: opacity 0.24s ease-in-out;}
.bypostauthor{color:#000;}
.alignleft
 {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.alignright{
    display: block;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
.aligncenter
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    margin-bottom: 20px;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}
.screen-reader-text:focus {
color:#000;	
}



.max-width {
    max-width: 600px;
    margin: 0 auto;
}

.blog-post.is-word {
    display: flex;
}

.blog-post.is-word > div:first-child {
    flex: 0 0 300px;
    margin-right: 40px;
}

.blog-post.is-word > div:last-child {
    flex-grow: 1;
}

@media (max-width: 768px) {
    .blog-post.is-word {
        flex-direction: column;
    }

    .blog-post.is-word > div:first-child {
        max-width: 100%;
        margin-right: 0;
        flex-grow: 1;
    }

    .blog-post.is-word > div:last-child {
        flex-grow: 1;
    }
}

.title-author-image {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}