/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    https://blog.maxwellleadership.ro/twentytwenty-child/
 Description:  Twenty Twenty Child Theme
 Author:       Firoiu Dragos
 Author URI:   https://blog.maxwellleadership.ro
 Template:     twentytwenty
 Version:      1.0.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwenty-child
*/

body {
	background-color: #f8f8f8;
	font-family: 'Source Sans Pro', sans-serif;
}

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
    color: #4d0309 !important;
}

h1, h2, h3, h4, h5, h6, .faux-heading {
	letter-spacing: normal;
}

h2.entry-title {
    font-size: 22px;
}

.post_col {
	width: 33%; 
	display: inline-block; 
	vertical-align: top;
}

.entry-content {
	font-family: 'Source Sans Pro', sans-serif;
}

article {
	margin-top: 40px;
}

article figure {
	margin-bottom: 20px;
}

article h2 a {
	color: #37246B !important;
	font-size: 22px; 
}

#site-content article h1 {
	font-size: 36px; 
	color: #37246B !important;
}


.singular .featured-media::before {
	background-color: transparent;
}

.singular .featured-media-inner {
    left: 0;
}

.featured-media img {
	max-width: 100%;
}

.content_amwm {
	margin-top: 20px;
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 88rem;
}

.box_right {
	margin: 20px 0 20px 0;
	padding: 20px;
	background-color: #e6e6e5;
	border-radius: 5px;
	border: 1px solid #cdc9c6;
}

.box_right_title {
	color: #000000;
	font-size: 31px;
}

.box_right ul {
	margin-left: 0;
	list-style: none;
}

.box_right ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #37246B; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.box_right a {
	color: #37246B !important;
	text-decoration: none;
}

.comment-reply-title {
	color: #37246B;
	font-size: 22px; 
}

.share_box {
	margin: 20px auto 20px auto;
}

.footer-nav-widgets-wrapper, #site-footer {
	background-color: #222222;
	color: #ffffff;
}

.footer-nav-widgets-wrapper h2, .footer-nav-widgets-wrapper p {
	color: #ccc;
}

.footer-nav-widgets-wrapper a, .footer-widgets a, #site-footer a {
	color: #ccc !important;
	text-decoration: none;
}

.footer-nav-widgets-wrapper a:hover, .footer-widgets a:hover, #site-footer a:hover {
	color: #ffffff !important;
	text-decoration: none;
}

.footer-copyright, .footer-copyright a {
	color: #ccc;
}

.footer-widgets-outer-wrapper, .footer-top {
    border-color: #2d2d2d !important;
}

.nav-links a {
	color: #37246B !important;
}

.nav-links a:hover {
	color: #37246B !important;
}

@media (min-width: 700px) {
	.post-inner {
	    padding-top: 4rem;
	}

	h3, .heading-size-3 {
    	font-size: 2.5rem;
	}

	.entry-content {
    	font-size: 16px;
    	margin: 0 2rem;
	}
}

@media (min-width: 1200px) {
	.container-fluid {
		max-width: 1400px;
	}

	.box_right {
    	padding: 10px;
    }

    .box_right_title {
    	font-size: 26px;
	}

	.box_right a {
    	font-size: 16px;
	}

	.header-inner {
		max-width: 1400px;
	}
}

@media (min-width: 993px) and (max-width: 1199px) {
	.singular .featured-media-inner {
	    left: calc(50% - 50vw);
	}

	.section-inner {
    	width: 100%;
	}

	.entry-content {
	    margin: 0;
	}

	.box_right_title {
    	font-size: 26px;
	}

	.box_right a {
    	font-size: 16px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.post_col {
		width: 49%; 
	}

	.singular .featured-media-inner {
	    left: calc(50% - 50vw);
	}
}

@media (max-width: 767px) { 
	.post_col {
		width: 100%; 
	}

	.singular .featured-media-inner {
    	max-width: 100%;
	}

	article {
    	margin-top: 30px;
	}

	.post-inner {
		padding-top: 1rem;
	}
}