/*

Theme Name: Color Blog Child

Theme URI: https://www.redvida.org

Author: redvida.org

Author URI: https://www.redvida.org

Description: My WordPress Color Blog child theme.

Template: color-blog

License: GNU General Public License v3

License URI: https://www.gnu.org/licenses/gpl-3.0.html

Version: 1.0.0

Text Domain: color-blog-child

*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/
@import url('https://fonts.googleapis.com/css2?family=Mitr:wght@300;400&display=swap');

body {
    font-size: 16px!important;
    font-family: sans-serif;
}

.entry-content {
    font-size: 1.2em!important;
}

p {
	margin-bottom: 35px!important;
}

.top-featured-post-wrap .entry-header {
	margin-top: 0px!important;
}

.top-featured-post-wrap h3.entry-title a {
	font-size: 0.7em!important;
}

h1, .h1,h1.entry-title {
    font-family: 'Mitr'!important;
    font-size: 2em!important;
}

h2,.h2,h2.entry-title {
    font-family: 'Mitr'!important;
    font-size: 1.8em!important;
    line-height: 1.6em;
}

h3,.h3,h3.entry-title {
    font-family: 'Mitr'!important;
    font-size: 1.6em!important;
}

h4,.h4,h4.entry-title {
    font-family: 'Mitr'!important;
    font-size: 1.4em!important;
}

h5,.h5,h5.entry-title {
    font-family: 'Mitr'!important;
    font-size: 1.2em!important;
}

h6,.h6,h6.entry-title {
    font-family: 'Mitr'!important;
    font-size: 1em!important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: normal;
  font-family: 'Mitr'!important;
  line-height: 1.5;
  font-weight: 700;
}

.entry-title a {
	font-family: 'Mitr'!important;
}
.crp_title {
    font-family: 'Mitr'!important;
    font-size: 1.7em!important;
}

#site-navigation ul li:hover>a, #site-navigation ul li.current-menu-item>a, #site-navigation ul li.current_page_ancestor>a, #site-navigation ul li.current-menu-ancestor>a, #site-navigation ul li.current_page_item>a, #site-navigation ul li.focus>a {
	color: #f00!important;
}

.relatednews-post .relatednews-post-panel{
    width: 96%;
}

.similar-post .similar-post-panel {
    width: 94%;
}

.other-news .othernews-post .othernews-post-details {
    padding: 20px 0px 40px 0px!important;
}

.label-img {
    position: relative;
    margin: 25px auto!important;
    display: table;
}

input[type="search"] {
    position: relative!important;
}

.crp_related {width: 100%; float: left; border: 1px solid; padding: 0 15px; margin: 25px 0;}
.crp_related ul {padding:0;}
.crp_related ul li {width: 100%; float: left; list-style: none; position: relative;}
.crp_related ul li figure { margin: 0em 0!important; padding: 0 1em 1em 0;float: left;}
.crp_title {font-size:1.5em!important; line-height: 1em}


.side-area-post ul li a {
    font-size: 18px!important;
    font-family: 'Mitr'!important;
}

@media (max-width: 575.98px) { 
body {
    font-size: 18px!important;
}
.crp_title {font-size:1em!important; font-weight: bold; position: absolute;line-height: 1em;}
}

@media (max-width: 480px) {

    p {
        font-size: 16px!important;   
    }
    h1, .h1,h1.entry-title {
        font-size: 1.4em!important;
    }

    h2,.h2,h2.entry-title {
        font-size: 1.2em!important;
        line-height: 1.2em!important;
    }

    h3,.h3,h3.entry-title {
        font-size: 1em!important;
    }

    h4,.h4,h4.entry-title {
        font-size: 0.8em!important;
    }

    h5,.h5,h5.entry-title {
        font-size: 0.6em!important;
    }

    h6,.h6,h6.entry-title {
        font-size: 0.4em!important;
    }
}