/* 
Theme Name:		 PPD THEME child of ColorMagic
Theme URI:		 http://digitaldem.ru/
Description:	 Theme by Site <a href=\"http://digitaldem.ru/\">http://digitaldem.ru/</a>
Author:			 digitaldem.ru
Author URI:		 http://childthemegenerator.com/
Template:		 colormag
Version:		 1.0.1
Text Domain:	 ColorMag-child
-------------------------------------------------------------- */ 

/* =Theme customization starts here
------------------------------------------------------- */
/* Add Google Roboto Font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,700&display=swap');

/* Import One Column Template */
@import "css/one-column-template.css?v=1.0.1";

/* Import Test Styles */
@import "css/text-styles.css?v=1.0.1";

/* Import Font Avesome */
@import "css/fontawesome-all.css?v=1.0.1";

/* Import Fatured Posts Widget Styles */
@import "css/featured-posts-widget.css?v=1.0.1";

/* Import ya-share plugin styles */
@import "css/ya-share-plugin.css?v=1.0.1";

/* Import crosspost plugin styles */
@import "css/crosspost-plugin.css?v=1.0.1";

/* Import crosspost plugin styles */
@import "css/navigation-styles.css?v=1.0.1";

/* Import people-cards styles */
@import "css/person-cards.css?v=1.0.1";

/* Accordeon styles from colormas-ev2021 */
@import "../colormag-ev2021/css/accordeon-styles.css?v=1.0.1";

@import "lib/remodal/remodal.css?v=1.0.1";
@import "lib/remodal/remodal-default-theme.css?v=1.0.1";

/* Blocs fix height */
.article-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.archive #content .post:nth-child(2n) {
    margin-right: 2.5974%;
}

/* Header styles */
#header-text-nav-wrap {
    padding: 10px 0;
}
#site-title a::after {
    content: '';
    display: block;
    background: url(./img/logo_desktop.svg) no-repeat top left;
    height: 64px;
    width: 300px;
    background-size: 300px 64px;
    height: 76px;
    width: 356px;
    background-size: 356px 76px;
}
#site-title a {
    color: #fff;
    /* display: none; */
}
#site-description {
    color: #f8f8f8;
    display: none;
}
span.cat-links {
    display:none;
}

a.menu-logo {
    /* display:none; */
    float: left;
    padding: 0;
    margin: 10px 0;
}
#header-text-nav-container {
    background-color: #08457E;
}
/* #header-text-nav-wrap {
    padding: 30px 0 35px;
} */

span.cat-links {
    display:none;
}

/* a.menu-logo {
    display:none;
} */
/* Mobile navigation settings */
@media screen and (max-width: 768px) {

    #header-text-nav-container>.inner-wrap{
        display: none;
    }
    .menu-toggle {
        float: right;
    }
    .main-navigation a.menu-logo {
        float: left;
        display: block;
    }
    .main-navigation a.menu-logo:hover {
        background-color: unset;
    }
    a.menu-logo::before {
        content: '';
        display: block;
        background: url(img/ppd_minilogo_title_ext.svg) no-repeat;
        background-size: 256px 40px;
        box-sizing: content-box;
        width: 256px;
        height: 40px;
        margin-right: 16px;
    }
    .site-header .menu-toggle:before  {
        padding: 16px 12px;
        font-size: 24px;
    }
}
@media screen and (max-width: 400px) {
    a.menu-logo::before {
        width: 150px;
        height: 40px;
    }    
}
@media screen and (max-width: 280px) {
    a.menu-logo::before {
        width: 40px;
        height: 40px;
    }    
}
#main {
    padding-bottom: 0;
}
/* Footer settings */
/* Social Icons */
.social-icons {
    background-color: lightgrey;
    text-align: center;
    font-size: 32px;
    font-size: 2rem;
    padding: 8px;
    padding: 0.25rem;
}
.social-icons a {
    color: black;
    padding: 10px;
    padding: 0.625rem;
}
.social-icons a:hover {
    color: #289dcc;
}

/* SendPulse subscription styles */
.sendpulse {
    background-color: lightgrey;
}

/* Site Info */
.site-info {
    background: #0D1433;
    padding: 15px 0;
    padding: 0.9375rem 0;
}
.site-footer {
    margin-top: 20px;
    padding-top: 12px;
    background-color: lightgrey;
}
@media (min-width: 1200px) {
    .site-info {
        padding: 60px 0;
        padding: 3.75rem 0;
    }
}
@media (min-width: 768px) {
    .site-info {
        padding: 45px 0;
        padding: 2.8125rem 0;
    }
}
@media (max-width: 768px) {
    .site-footer {
        margin-top: 45px;
    }
}
.credits {
    text-align: center;
}
.credits-blog {
    color: #ddd;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
}
.credits-blog a {
    color: #fff;
}
.credits-blog a:hover {
    color: #aaa;
    text-decoration: underline;
}
.credits-designer {
    color: #aaa;
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 25px;
    margin-top: 1.5625rem;
    text-align: center;
}

/* People */
/* Impruve when person have't social nework links */
.tmm_scblock {
    min-height: 54px;
}

/* Blockquote styles override */
blockquote, .wp-block-quote, .wp-block-quote.is-style-large, .wp-block-quote.has-text-align-right {
 background-color: #f2f2f2;
 border-radius: 0;
 border: 1px solid #ddd;
 border-left: 4px solid #289dcc;
 color:#444;
 font-size: 15px;
 /* padding: 25px 25px 20px 25px; */
 padding: 20px;
}

blockquote p::before, .wp-block-quote p::before, .wp-block-quote.is-style-large p::before, .wp-block-quote.has-text-align-right p::before {
    content: '';
}

blockquote p, .wp-block-quote p, .wp-block-quote.is-style-large p, .wp-block-quote.has-text-align-right p {
    font-size: 15px;
    padding: 0;
}

blockquote a, .wp-block-quote a, .wp-block-quote.is-style-large a, .wp-block-quote.has-text-align-right a {
    color: #289dcc;
    text-decoration: none;
}

@media (max-width: 768px) {
    .widget_highlighted_posts .article-content .entry-title {
        font-size: 14px;
    }
}

/* Hide reCAPTCHA badge */
.grecaptcha-badge {
    visibility: hidden;
}

/* entry-meta */
#content .post .article-content .below-entry-meta .posted-on .fa,
.widget_featured_posts .article-content .below-entry-meta .posted-on .fa {
    color: #289dcc;
    font-size: 12px;
    padding-right: 3px;
}
#content .post .article-content .below-entry-meta .byline .fa, #content .post .article-content .below-entry-meta .comments .fa, #content .post .article-content .below-entry-meta .tag-links .fa, #content .post .article-content .below-entry-meta .edit-link .fa {
    color: #289dcc;
    padding-right: 5px;
    font-size: 12px;
}

#content .post .article-content .below-entry-meta {
    padding-bottom: 0px;
}

.widget_featured_posts .article-content .below-entry-meta {
    margin-bottom: 0px;
}

.widget_featured_posts .article-content .entry-title {
    padding: 0;
}

span.cat-links-single {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
}
.cat-links-single:before {
    content: "\2022";
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0 7px 0 7px;
    margin: 0 0.4375rem 0 0.4375rem;
}
.cat-links-single:after, .logged-in .tags-links-single:after {
    display: none;
    content: "\2022";
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0 0 0 7px;
    margin: 0 0 0 0.4375rem; 
}

#content .post .article-content .below-entry-meta .posted-on,
#content .post .article-content .below-entry-meta .byline,
#content .post .article-content .below-entry-meta .comments,
#content .post .article-content .below-entry-meta .tag-links {
	padding-right: 0;
}
.widget_featured_posts .article-content .below-entry-meta .posted-on,
.widget_featured_posts .article-content .below-entry-meta .byline {
    padding-right: 0;
}

/*  */
.wp-block-verse {
    font-style: italic;
    text-align: right;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
    font-family: "Montserrat", sans-serif;
    padding: 8px;
    padding: 0.5rem;
    background-color: white;
    border: none;
    margin-left: 20%;
    white-space: pre-wrap;
    word-wrap: break-word;
    hyphens: none !important;
}

/* Article title settings */
#content .post .article-content .entry-title {
    padding: 5px 0 20px;
    font-size: 22px;
}

.archive #content .post:not(:first-child) .article-content .entry-title {
    padding-bottom: 15px;
}

.entry-content h2 {
    font-size: 28px;
}

.crosspost {
    margin-top: 40px;
}

/* set banner full width */
.widget_slider_area {
    float: none;
    display: block;
    width: 100%;
}

.widget_beside_slider {
    display: none;
}


.search .status-publish:first-child,
.archive #content .post:first-child {
	float: left;
	width: 48.7013%;
}

.archive #content .post:first-child .article-content .entry-title,
.archive #content .post:not(:first-child) .article-content .entry-title {
    font-size: 20px;
}
.search .status-publish:nth-child(2n),
.archive #content .post:nth-child(2n) {
	float: right;
	width: 48.7013%;
}

.search .status-publish:nth-child(2n+1),
.archive #content .post:nth-child(2n+1) {
	float: left;
	width: 48.7013%;
	clear: both;
}
.search .status-publish:nth-child(2n),
.archive #content .post:nth-child(2n) {
    margin-right: 0;
    margin-left: 2.5974%;
}

@media screen and (max-width: 420px){
    #site-navigation {
        background-color: #08457E;
    }
    .widget_featured_posts .first-post:not(.small) .single-article.card, .widget_featured_posts .following-post .single-article.card {
        min-height: unset;
        max-height: unset;
    }
    .archive #content .post:first-child {
        float: none;
        width: 100%;
    }
    
    .archive #content .post:first-child .article-content .entry-title {
        font-size: 20px;
    }
    
    .archive #content .post:nth-child(2n) {
        float: none;
        width: 100%;
    }
    
    .archive #content .post:nth-child(2n+1) {
        float: none;
        width: 100%;
        clear: both;
    }
    .archive #content .post:nth-child(2n) {
        margin-right: 0;
        margin-left: 0;
    }
}

.sp-form .sp-button:hover {
    top: 0 !important;
}
.sp-form .sp-form-control {
    border-color:#fff !important;
    outline-color: unset;
}
.sp-form b, .sp-form strong {
    font-weight: 400 !important;
}
.post .entry-header {
    margin-bottom: 0px;
}

@media screen and (max-width: 600px) {
    .main-content-section .tg-one-half {
        width: 100%;
    }
}

/* ev-banner */
.main-content-section {
    padding: unset;
}
.ev-banner-wide,
.ev-banner-square {
    width: 100%;
}
@media screen and (min-width: 769px ) {
    .ev-banner-wide {
        display: none;
    }
    .ev-banner-square {
        display: block;
    }
}
@media screen and (max-width: 768px ) {
    .widget_slider_area {
        padding: unset;
    }
    .ev-banner-wide {
        display: block;
    }
    .ev-banner-square {
        display: none;
    }
}