/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Merriweather+Sans:ital,wght@0,300;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
body{background:#f4e2c7;}
.current-menu-item a:before {content: "";position: absolute;top: 8px;right: -15px;width: 4px;height: 24px;background: #af7459!important;}
.leftboxfirst p{margin-bottom:30px;}
.headingcategory .elementor-widget-container {height: 41px; width: 154px; padding: 10px 0;text-align: center;}
.homeleftblog h4 {background: #E3B075;border-radius: 7px 7px 0 0; width: 170px; padding: 10px;font-family: 'Merriweather Sans', sans-serif; font-style: normal;margin:0;font-weight: normal; font-size: 16px; line-height: 24px;text-align: center;}
.creativewrt {padding: 15px;background: #fff;margin-bottom:18px;}
.dateandtags {text-align: right;margin: 0 0 22px;font-family: 'Merriweather Sans';font-style: normal;font-weight: 300;font-size: 14px;line-height: 24px;text-transform: none;color: #888888;}
.headingcreative {font-family: Merriweather Sans;font-style: normal;font-weight: bold;font-size: 18px;line-height: 22px;color: #000000;margin: 0 0 30px;}
.left-contentpost {display: flex;justify-content: space-between; align-items: center;}
.content-right-postc {padding: 10px 20px;}
.content-right-postc p {font-family: 'Merriweather', serif;font-style: normal;font-weight: 300; font-size: 14px;line-height: 24px;color: #000000;}
.content-right-postc a {border: 1px solid rgba(29, 109, 177, 1); padding: 10px;border-radius: 7px;font-family: 'Merriweather', serif;  font-style: italic;font-weight: bold;font-size: 14px;line-height: 24px; color: #000000;}
.featured-leftpost { width: 100%;}
.rightnonfiction h4{background: #E3B075;border-radius: 7px 7px 0 0; width: 188px; padding: 10px;font-family: 'Merriweather Sans', sans-serif; font-style: normal;margin:0;font-weight: normal; font-size: 16px; line-height: 24px;text-align: center;}
.creativewrt3 {padding: 15px 50px;background: #fff;margin-bottom:0px;display: inline-block;width: 100%;}
.headingcreative3{font-family: 'Merriweather Sans', sans-serif;font-style: italic;font-weight: 700;font-size: 30px;line-height: 35px;text-align: left;color: #000000!important;margin:0 0 20px; display: flex; flex-direction: column;  justify-content: flex-end;}
.headingcreative3 a { /*max-width: 282px;*/ display: inline-block;margin-bottom: 30px;color: #000000;}
.content-right-postc3 h5 {font-family: 'Merriweather', serif; margin: 0 auto 20px;font-style: italic;font-weight: bold;font-size: 21px;line-height: 30px;text-align: center;color: #ABABAB;max-width: 575px;}
.content-right-postc3 p{font-family: 'Merriweather', serif;font-style: normal;font-weight: 300;font-size: 18px;line-height: 32px;color: #000000;margin: 0;}
.content-right-postc3 h6{font-family: 'Merriweather', serif;font-style: normal;font-weight: 300;font-size: 18px;line-height: 32px;color: #000000;text-align:center;clear: both;margin:15px 0 0;}
.wp-block-group__inner-container {width: 80%; margin: 40px auto;  border-left: 8px solid #6EB9E9; padding: 0 20px;}
.wp-block-group__inner-container p {font-size: 21px!important;}
.content-right-postc3 p a {
    background: #0f4f92;
    padding: 5px 10px;
    text-align: center;
    border-radius: 7px;
    color: #fff;
    font-size: 14px;
    font-family: 'Merriweather', serif;
    display: block;
    width: 100px;
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
	    font-style: italic;
}
.content-right-postc3 hr.wp-block-separator { width: 100px;margin: 20px 0 0;height: 1px;color: #000;}
.content-right-postc3 code {font-style: italic;font-weight: 300;font-size: 14px;line-height: 24px;color: #000000;font-family: 'Merriweather', serif;}
.bluebgrightpost{background:#BDE0F5; border-radius:21px;margin-bottom:20px;padding:25px;}
.leftblocktest{height:fit-content;}
p{margin:0!important;}
.top-eassy-post {display: flex;}
/*.left-eassy-photo {width: 484px;}*/
.headingcreative3 {padding: 0 30px;}
.headingcreative3 p.expert-text { font-family: 'Merriweather'; font-style: italic; font-weight: 300; font-size: 19px; line-height: 25px;    color: #000000;}
.left-contentpost3 {
    margin: 30px 0 0;
}
.left-eassy-photo {
    min-width: 250px;
    max-width: 250px;
}
@media screen and (max-width: 1024px) {
	
	.top-eassy-post {display: block;}
	.headingcreative3 {padding: 30px 0 0;}
	
}

@media screen and (max-width: 767px) {
	
	.leftblocktest{height:auto;}
	.bluebgrightpost{margin-left:0;}
	.wp-block-group__inner-container{width:100%;}
	.content-right-postc a{display:inline-block; margin:15px 0;}
	.boxwork1, .boxwork2, .boxwork3{width:100%!important;margin-bottom:20px;}
	.boxwork1 h2, .boxwork2 h2, .boxwork3 h2{text-align:center!important;}
	.creativewrt3 {padding: 15px 20px;}
	.left-eassy-photo {min-width: initial; max-width: fit-content;}
	
	}


@media only screen and (min-width:768px) and (max-width:980px) {
	.left-contentpost{flex-wrap:wrap;}
	.content-right-postc {padding: 10px 0px;width: 100%;}
	.featured-leftpost {width: 100%; text-align: center;}
	.leftblocktest{height: max-content;}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-6150498.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {margin: 0 20px!important;}
	.content-right-postc a{display:inline-block; margin:15px 0;}
}
@media only screen and (min-width:981px) and (max-width:1279px) {
	.content-right-postc a{display:inline-block; margin:15px 0;}
	.leftblocktest{height:max-content;}
		section.elementor-section.elementor-top-section.elementor-element.elementor-element-6150498.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {margin: 0 20px!important;}
}