/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    http://example.com/twenty-twenty-child/
 Description:  Twenty Twenty Child Theme
 Author:       Remi Sebastian Kits
 Author URI:   
 Template:     twentytwenty
 Version:      1.0.0
 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:  twentytwentychild
*/

@font-face {
	font-family: 'Open Sans';
	src: url(./fonts/OpenSans-Light.ttf);
    font-weight: lighter;
}


@font-face {
	font-family: 'Source Sans Pro';
	src: url(./fonts/SourceSansPro-Regular.ttf);
    font-weight: normal;
}

@font-face {
	font-family: 'Source Sans Pro';
	src: url(./fonts/SourceSansPro-Light.ttf);
    font-weight: lighter;
}

@font-face {
	font-family: 'Antic Didone';
	src: url(./fonts/AnticDidone-Regular.ttf);
    font-weight: normal;
}



html {
	--main-color: #752B37;
	--main-color-intense: #bb1b4f;
	--main-opposite-color: #F5EFE0;
}

button:not(.toggle), .faux-button, 
.wp-block-button__link, .wp-block-file .wp-block-file__button, 
input[type="button"], input[type="reset"], input[type="submit"], 
.bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, 
:root .has-accent-background-color, .comment-reply-link {
	background-color: var(--main-color)!important;
}

.color-accent, .color-accent-hover:hover, 
.color-accent-hover:focus, :root .has-accent-color, 
.has-drop-cap:not(:focus):first-letter, 
.wp-block-button.is-style-outline {
	color: var(--main-color)!important;
}

body:not(.overlay-header) .primary-menu > .current-menu-item > a, 
body:not(.overlay-header) .primary-menu > .current-menu-item > .icon, 
#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: var(--main-color-intense)!important;
}

.footer-widgets {
	width: 100%;
}
@media (min-width: 700px){
	.footer-widgets-outer-wrapper {
		padding: 2rem 0;
	}
	.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
		margin-top: 4rem;
	}
	.archive-header {
		padding: 0.25rem 0;
	}
}


/* POST PREVIEW */

.post-feed {
	display: flex;
	/* flex-direction: column; */
	flex-wrap: wrap;
	justify-content: center;
}

.post-preview {
	flex: 1 1 300px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
	margin: 0 20px 40px;
	min-height: 300px;
	background-size: cover;
	border-radius: 0 0 0 0;
	position: relative;
	flex-grow: 0.25;
}

.post-preview .post-thumbnail, .pt-cv-href-thumbnail {
	height: 250px;
	display: block;
	overflow: hidden;
}

.post-preview .post-thumbnail img, .pt-cv-href-thumbnail img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: top;
	-webkit-transition: transform 0.4s ease;
	-moz-transition: transform 0.4s ease;
	-ms-transition: transform 0.4s ease;
	-o-transition: transform 0.4s ease;
	transition: transform 0.4s ease;
	margin: 0px;
	filter: grayscale(0.6);
}


.post-preview:hover .post-thumbnail img, .pt-cv-href-thumbnail:hover img {
	-ms-transform: scale(1.02); /* IE 9 */
	-webkit-transform: scale(1.02); /* Safari */
	transform: scale(1.02);
	filter: grayscale(0);
}

.post-preview .entry-title {
	font-size: 2.2rem;
	font-weight: 400;
	letter-spacing: 0em;
	color: var(--main-color);
	margin-bottom: 10px;
}
.post-preview .entry-content, .pt-cv-content {
	width: 100%;
	font-size: 1.7rem;
	text-align: justify;
	color: slategray;
}
.post-preview .post-meta {
	display: block;
    margin-bottom: 5px;
    width: 100%;
    position: relative;
    margin-left: 0px;
	margin-top: 5px;
	color: darkgray;
}
.post-preview .post-meta .meta-icon {
	display: none;
}

/* POST SINGULAR */

.post-header-wrapper {
	height: 41vh;
	width: 100%;
	position: relative;
}

.post-header-wrapper .entry-header {
	position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: transparent!important;
    padding-bottom: 0px;
}

.post-header-wrapper .entry-header .entry-header-inner {
	padding: 1em;
	background: white;
	margin-bottom: -1em;
	padding: 5rem;
	padding-bottom: 0px;
}

.post-header-wrapper .entry-header .entry-header-inner .entry-title {
    margin: auto;
	
}

.post-header-wrapper .featured-media {
	height: 100%;
	position: relative;

}

.post-header-wrapper .featured-media-inner {
    position: relative;
	width: 100%;
	height: 100%;
    margin: 0px;
	max-width: 100%;
}

.post-header-wrapper .featured-media-inner img {
	width: 100%;
	object-fit: cover;
	height: 100%;
	object-position: center;
	background-attachment: fixed;
}

/* BOOKS */

.wc-block-grid__products {
    justify-content: center;
}

.wc-block-grid.has-5-columns .wc-block-grid__product,
.wc-block-grid__product {
    min-width: 200px;
    flex-grow: 1;
    max-width: 50vw;
}

.wc-block-grid__product-image img {
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
	filter: grayscale(0.2);
}

.wc-block-grid__product-image:hover img {
	transform: scale(1.02);
	filter: grayscale(0);
}

.wc-block-grid__product-image {
    display: block;
	height: 300px;
	position: relative;
    overflow: hidden;
}

.has-background .wc-block-grid__product-title {
	color: white;
	font-family: 'Antic Didone';
	font-weight: 400;
}

.has-background .woocommerce-Price-amount {
	color: white;
}

/* OTHER */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Antic Didone' !important;
	font-weight: 400;
	letter-spacing: initial;
}

.cover-header + .post-inner {
   padding-top: 0px!important;
}

.post-header-wrapper + .post-inner {
   padding-top: 3em!important;
}



.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
   max-width: 80rem;
   width: calc(100% - 4rem);
}

a {
	text-decoration: none;
}


@-webkit-keyframes PROGRESS-ANIMATION {
  0%   { width: 0%; }
  100% { width: 50%; }
}
@keyframes PROGRESS-ANIMATION {
  0%   { width: 0%; }
  100% { width: 50%; }
}

.progressbar {
	background: white;
	background: var(--main-opposite-color);
	border-radius: 15px;
	display: relative;
}

.progressbar > * {
	background: #777777;
	border-radius: 15px;
	width: 0%;

	-webkit-animation: PROGRESS-ANIMATION 5s forwards; /* Safari 4+ */
	-moz-animation:    PROGRESS-ANIMATION 5s forwards; /* Fx 5+ */
	-o-animation:      PROGRESS-ANIMATION 5s forwards; /* Opera 12+ */
	animation:         PROGRESS-ANIMATION 5s forwards; /* IE 10+, Fx 29+ */
	animation-delay: 2s;
}




.primary-menu > li:not(.current_page_item) > a {
	color: black!important;
}
.primary-menu > li:hover > a {
	color: var(--main-color)!important;
}


.primary-menu li.current-menu-item > a,
.primary-menu li.current-menu-item > .link-icon-wrapper > a,
.menu-item > a {
   text-decoration: none!important;
}



.ab-block-spacer {
	visibility: hidden;
}

.ab-button {
	transition: all .1s ease;
	font-family: 'Antic Didone';
	padding: .4em 1em;
	border-radius: 2px;
}

.light .ab-button {
	box-shadow: none;
	color: var(--main-color) !important;
	background: linear-gradient(to right, var(--main-color) 50%, var(--main-opposite-color) 50%);
	background-size: 200% 100%;
	background-position: right bottom;
}

.dark .ab-button {
	box-shadow: none;
	color: var(--main-opposite-color) !important;
	background: linear-gradient(to right, var(--main-opposite-color) 50%, var(--main-color) 50%);
	background-size: 200% 100%;
	background-position: right bottom;
}

.dark .ab-button:hover { color: var(--main-color) !important; }
.light .ab-button:hover { color: var(--main-opposite-color) !important; }

.ab-button:hover {
	background-position: left bottom;
}

.pull_25 {
	position: relative;
	margin-top: -10%;
}

.tight {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
}
.parallax {
	background-attachment: fixed;
}

.wp-block-cover {
	overflow: visible;
}

#site-header {
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 99;
	font-family: 'Antic Didone';
}

.admin-bar #site-header {
  top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar #site-header {
		top: 0px;
		scroll-margin-top: 46px;
	}
}

.search-toggle .toggle-text {
	display: none;
}

#site-header .header-inner {
	padding: 1.4rem 0px;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}

#site-header.stuck .header-inner {
	padding: 0.5rem 0px;
}

.site-logo img {
	height: 5rem;
}

body {
	font-family: 'Source Sans Pro';
}

.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt {
	font-family: 'Source Sans Pro';
}

h1, .heading-size-1 {
	font-weight: 400;
}

@media (min-width: 1220px){
	.wp-block-cover > * {
		padding: 6rem 0!important;
	}
	.wp-block-cover h3 {
		font-size: 2.5rem;
	}
	.wp-block-cover p {
		font-size: 2rem;
	}
}


.woocommerce img {
    height: 300px;
    object-fit: cover;
}

@media (min-width: 1220px){
	h1, .heading-size-1 {
		font-size: 6.0rem;
	}
}

@media (max-width: 700px) {
	.wp-block-cover h3 {
		font-size: 2rem;
	}
	.wp-block-cover p {
		font-size: 1.75rem!important;
	}
}


@media (min-width: 700px) {
	.header-inner {
		padding: 2.4rem 0px;
	}
	.site-logo img {
		height: 6rem;
	}
}

@media (min-width: 1000px) {
	.header-inner {
		padding: 1.4rem 0px;
	}
}


.pt-cv-view .pt-cv-title, .pt-cv-title a {
	letter-spacing: normal;
	font-weight: 400;
	color: black;
}

.pt-cv-wrapper .btn {
	display: none;
}

/* CALENDAR */

.ecs-day {
    display: inline;
    /* max-width: 200px; */
    flex-grow: 1;
    max-width: 50vw;
}

.ecs-event {
	max-width: 200px;
}

.ecs-event .entry-title {
	font-size: 1.5rem;
	margin-top: 1rem;
	margin-bottom: 0px;
	font-weight: 600;
	text-transform: none;
}

.ecs-event span {
	font-size: 1.5rem;
}


.ecs-header {
	background: var(--main-color);
	color: white;
	text-align: center;
	font-family: 'Antic Didone';
}

.ecs-event-list {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
	justify-content: center;
	list-style-type: none;
}

.tribe-events-month-event-title {
	font-size: 1.2rem;
    font-weight: 600!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding-top: 30px;
}

.tribe-common button,
.tribe-common-c button
 {
	background: white!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {
	min-height: 110px;
}

.alignfull {
	margin-bottom: 1rem;
   margin-top: 1rem;
}

@media (min-width: 1220px){
	.entry-content > .alignfull {
		 margin-bottom: 2rem;
		 margin-top: 2rem;
	}
	.entry-content > .wp-block-group.alignwide.has-background, 
	.entry-content > .wp-block-group.alignfull.has-background {
		padding-bottom: 30px;
		padding-top: 30px;
	}
	
}


.wp-block-group__inner-container > * {
	margin-top: 5px!important;
	/* margin-bottom: 5px!important; */
}




/* -------------------------------------------------------------------------- */
/*	7d. Template: Full Width Cover */
/* -------------------------------------------------------------------------- */

@media (min-width: 1220px){
	.cover-header + .post-inner {
		 padding-top: 6rem;
	}
}


body.template-full-width-cover .cover-header {
	display: none;
}

body.template-full-width-cover .screen-height {
	height: 70vh;
	min-height: 70vh;
}

body.template-full-width-cover .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
body.template-full-width-cover [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 120rem;
}

body.template-full-width-cover .entry-content .alignleft,
body.template-full-width-cover .entry-content .alignright {
	position: static;
}

body.template-full-width-cover .entry-content .alignleft,
body.template-full-width-cover [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
body.template-full-width-cover [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
body.template-full-width-cover [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft {

	/*rtl:ignore*/
	margin-left: 0;
	position: static;
}

body.template-full-width-cover .entry-content > .alignleft,
body.template-full-width-cover [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
body.template-full-width-cover [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
body.template-full-width-cover [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {

	/*rtl:ignore*/
	margin-left: 2rem;
	position: static;
}

body.template-full-width-cover .entry-content .alignright,
body.template-full-width-cover [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
body.template-full-width-cover [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
body.template-full-width-cover [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright {

	/*rtl:ignore*/
	margin-right: 0;
	position: static;
}

body.template-full-width-cover .entry-content > .alignright,
body.template-full-width-cover [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
body.template-full-width-cover [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
body.template-full-width-cover [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {

	/*rtl:ignore*/
	margin-right: 2rem;
	position: static;
}


body.template-full-width-cover .entry-header {
	background: transparent;
	padding: 0;
}



/* -------------------------------------------------------------------------- */
/*	7e. Template: Page Width */
/* -------------------------------------------------------------------------- */

body.template-page-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
body.template-page-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 120rem;
}

body.template-page-width .entry-content .alignleft,
body.template-page-width .entry-content .alignright {
	position: static;
}

body.template-page-width .entry-content .alignleft,
body.template-page-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
body.template-page-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
body.template-page-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft {

	/*rtl:ignore*/
	margin-left: 0;
	position: static;
}

body.template-page-width .entry-content > .alignleft,
body.template-page-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
body.template-page-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
body.template-page-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {

	/*rtl:ignore*/
	margin-left: 2rem;
	position: static;
}

body.template-page-width .entry-content .alignright,
body.template-page-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
body.template-page-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
body.template-page-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright {

	/*rtl:ignore*/
	margin-right: 0;
	position: static;
}

body.template-page-width .entry-content > .alignright,
body.template-page-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
body.template-page-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
body.template-page-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {

	/*rtl:ignore*/
	margin-right: 2rem;
	position: static;
}