/*
 Theme Name:   Promos Child
 Theme URI:    
 Description:  Promos Child Theme
 Author:       Pelable
 Author URI:   
 Template:     promos
 Version:      1.0.0
 Tags:         blog, youtube
 Text Domain:  promos-child
*/


/* HEADER */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&family=Mulish:wght@200;400&family=Open+Sans:wght@300&family=Playfair:wght@300;600&family=Roboto&display=swap');

* {
	font-family: 'EB Garamond', sans-serif;
	font-size: 24px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 300;
}

.menu-area {
	margin-top: 30px;
}

.header-1 #site-navigation {
	justify-content: space-evenly;
	margin-bottom: 15px;
	border-bottom: none;
	border-top: none;
	height:80px;
}

.main-header .logo img {
    border-radius: 250px;
    width: 200px;
}

.breadcrumbs-wrap {
	padding: 0;
}

.site-title a {
	text-decoration: none;
	color: #000;
	font-size: 1.5em;
}

.social-links ul li a:before {
	font-size: 24px;
}

.main-menu > ul > li > a {
	text-transform: none;
	font-size: 16px;
	font-family: 'EB Garamond', sans-serif;;
}

.current-menu-item {
	border-bottom: 1px solid #c45d03;
}

.search-box i {
	color: #68686d;
}



.box-wrapper {
	display: flex;
}

.header-1 .head_one .logo {
	text-align: left;
}

.title-container {
	margin: auto;
}

.footer-wrap h2 {
	color: #fff;
}

/* BUTTON STYLES */

.post-excerpt .wp-block-button.is-style-btn-salmon .wp-block-button__link {
	color: #434343;
	border-radius: 0px;
	background-color: #f9dcc4;
	padding: 20px 35px;
	text-decoration: none;
}

/* BODY CONTENT */

.post-excerpt .wp-block-columns {
	margin-bottom: 50px;
}

.post-excerpt a.more-link {
	padding: 14px 36px;
	border-radius: 3px;
    color: #fff;
    font-size: 16px;
    background-color: rgb(225,162,117);
}

.entry-content h2.wp-block-heading {
    font-size: 1.5rem;
}

.entry-content h3.wp-block-heading {
    font-size: 1.3rem;
}

.entry-content h4.wp-block-heading {
    font-size: 1.1rem;
    font-weight: 500;
}

time.entry-date.published {
	font-size: 16px;
}

h2.wp-block-heading {
	margin-bottom: 2.2rem;
    padding-left: 30px;
}

h1.wp-block-heading {
    margin: 10px 0 25px 0;
}

h2.post-title a {
	font-size: 0.9em;
}

.entry-content .wp-block-media-text {
	margin-bottom: 100px;
}

.wp-block-media-text.is-style-playful-bg {
  position: relative;
}

.wp-block-media-text.is-style-playful-bg::before {
    content: "";
    position: absolute;
    top: 4.5em;
    left: 14em;
    bottom: -2em;
    width: 80%;
    opacity: 0.8;
    background-color: #fbf7f6;
    z-index: 0;
}

.has-media-on-the-right.wp-block-media-text.is-style-playful-bg::before {
    content: "";
    position: absolute;
    top: 4.5em;
    left: 0em;
    bottom: -2em;
    width: 80%;
    opacity: 0.8;
    background-color: #fbf7f6;
    z-index: 0;
}

.has-media-on-the-right.is-style-playful-bg h1.wp-block-heading {
	padding-left: 20px;
}


.wp-block-media-text__content, .wp-block-media-text__media {
	z-index: 1;
}

.post-excerpt .wp-block-pullquote {
	background-color: #fbf7f6;
	border-top:none;
	border-bottom:none;
}

.post-excerpt .wp-block-pullquote blockquote {
	position: relative;
	padding: 20px 0px;
}

blockquote::after, blockquote::before {
    position: absolute;
    width: 73px;
    height: 0px;
    content: "";
}

blockquote::after {
    right: 10px;
    bottom: 10px;
    border-top: 1px solid #434343;
}

blockquote::before {
    left: 10px;
    top: 10px;
    border-bottom: 1px solid #434343;
}

.schema-faq.wp-block-yoast-faq-block {
	padding: 40px 50px;
    background-color: #fbf7f6;
    margin-bottom: 60px;
    margin-top: 60px;
}

strong.schema-faq-question {
	font-weight: 700;
    font-size: 1.2em;
}

.entry-content ul {
  display: block;
  margin-left: -10px;
}

.entry-content ul li {
  display: block;
  position: relative;
  color: #af7f4c;
  font-weight: 500;
}

.entry-content ul li:not(:last-child) {
  margin-bottom: 16px;
}

.entry-content ul li:before {
  content: "";
  position: absolute;
  top: 1.5em;
  left: -30px;
  margin-top: -.9em;
  background: #af7f4c;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}

.post-excerpt .wp-block-cover {
	margin-bottom: 100px;
}

.wp-block-cover p.has-larger-font-size {
    color: #fff !important;
    margin-left: 60px;
    bottom: -100px;
    position: relative;
}

/* FOOTER */

.footer-wrap, .footer-wrap #menu-main-menu {
	color: #434343 !important;
	background-color: #FBF7F6;
}

.footer-wrap .footer-top-box {
    padding-top: 100px;
}

.footer-wrap .widget a {
	color: #434343 !important;
}

.site-footer {
	border: none;
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
	fill: #434343;
}

.widget_block h2 {
	border-bottom: none;
	color: #434343;
	font-weight: 300;
	font-size: 2.5rem;
	padding: 10px 0px;
	text-transform: none;
	font-family: 'EB Garamond', sans-serif;
	margin-bottom: 0px;
}

.footer-wrap h3.wp-block-heading {
	color: #434343 !important;
} 

.footer-wrap #menu-main-menu .current-menu-item {
	border-bottom: none;
}

#toTop {
    background-color: #434343 !important;
    border-color: #434343 !important;
}

/* MEDIA QUERIES */

@media (min-width: 1300px) {
	h1.wp-block-heading {
	    width: 90%;
	    font-size: 2.5em;
	}

	.post-excerpt .wp-block-columns.w90 {
		width: 90%;
		margin: auto;
		margin-bottom: 50px;
	}

	.post-excerpt .wp-block-columns.w80 {
		width: 80%;
		margin: auto;
		margin-bottom: 50px;
	}

	.post-excerpt .wp-block-columns.w70 {
		width: 70%;
		margin: auto;
		margin-bottom: 50px;
	}
}

@media (min-width: 992px) {
	.main-menu ul li {
	    margin-right: 30px;
	}

	.main-menu > ul > li > a {
		padding: 3px 0px;
	}

	.main-menu > ul > li:last-child > a {
		padding: 0;
	}

	.site-title {
	padding-right: 80px;
	}


}

@media (max-width: 1300px) {
	h1.wp-block-heading {
	    margin: 100px 0 25px 0;
	    font-size: 2em;
	}
}

@media (max-width: 1100px) {
	h1.wp-block-heading {
	    font-size: 1.5em;
	}
}

@media (max-width: 991px) {
	.header-1 #site-navigation .right-block {
    top: 106px;
	}

	.page.middle-column .posts-container .container {
    max-width: 90%;
	}

	.site-title {
		padding: 20px 10px 10px 5px;
	}

	#content {
		margin-top: 50px;
	}

	.wp-block-cover p.has-larger-font-size {
		bottom: -60px;
    	line-height: 1em;
	}
}

@media (max-width: 600px) {
	.wp-block-media-text.is-style-playful-bg::before {
	    top: 4.5em;
	    left: 0em;
	    bottom: -2em;
	    width: 100%;
	}

	.has-media-on-the-right.wp-block-media-text.is-style-playful-bg::before { 
		width: 100%;
	}

	h1.wp-block-heading {
		width: 90%;
    	padding-left: 20px;
    	margin: 40px 0 25px 0;
	}
}

@media (min-width: 768px) {
	.page.middle-column .posts-container .container {
		max-width: 80%;
	}

	.container.-md {
		max-width: 1000px;
	}

	.container.-sm {
		max-width: 820px;
	}
}

@media (max-width: 420px) {
	.main-header .logo img {
	    width: 110px;
	}
}