/*
Theme Name: ingridadelsberger
Text Domain: ingridadelsberger
Version: 1.1
*/
:root {
    --pink: #ce44be;
    --aqua: #34a3c1;
}

* { box-sizing: border-box; margin: 0px; padding: 0px; }
html { scroll-behavior: smooth; }
img { max-width: 100%; height: auto; }
.alignleft { float: left; padding: 0 30px 20px 0; width: 70%; }
a { text-decoration: none; color: #ce44be; transition: all 0.3s ease; }
a:hover, .black-link a:hover { text-decoration: underline !important; color: #34a3c1 !important; transition: all 0.3s ease; }
a.logo, a.logo:hover { text-decoration:none !important; }
p { margin-bottom: 1.8em; }
h1, h2 { font-family: "Vollkorn", Times New Roman, serif; font-weight: 300; line-height: 1.2; margin-bottom: 10px; }
h1 { font-family: "Vollkorn", Times New Roman, serif; font-size: 34px; line-height: 36px; margin-bottom: 0.5em; }
h2 { font-size: 28px; }
.main .inner .wp-block-image img { width: 60%; clear: both; float: left; margin: 0 35px 25px 0; }
.grey_section .wp-block-image img, .blue_section .wp-block-image img { width: 100% !important; }
.sidebar_cookbook_header a { font-size: 22px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 1.2; letter-spacing: 2px; margin-top: 10px; display: block; }
.sidebar_cookbook_text, .sidebar_cookbook_text a { font-family: 'Vollkorn', serif; }
.sidebar_cookbook_img img { margin-top: 5px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); }
.grey_section, .blue_section { padding-bottom:80px !important; }
.grey_section h2 { margin: 15px 0; }
.grey_section img { margin-bottom:30px; }
.blue_section h2 { margin: 15px 0 10px; }
img.aligncenter { display: block; margin: auto; }
img.alignright { float: right; margin-bottom: 1em; }
.wp-block-image>img { /* margin-bottom: 30px; */ }
.wp-block-image img { display: block; width: 100%; object-fit: cover; margin-bottom: 20px; }
body { font-family: "Open Sans", Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #222; }
.ani, .link svg, .link svg path { transition: all 0.3s ease; }
.m-menu { width: 27px; height: 16px; position: relative; }
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #222; opacity: 1; left: 0; border-radius: 2px; }
.m-menu span:nth-child(1) { top: 0; }
.m-menu span:nth-child(2) { top: 8px; }
.m-menu span:nth-child(3) { top: 16px; }
.m-menu { transform: rotate(0); transition: 0.5s ease-in-out; cursor: pointer; z-index: 11; display: none; width: 30px; margin: auto; height: 40px; }
.m-menu span { transform: rotate(0); transition: 0.25s ease-in-out; }
.mm-open .m-menu span:nth-child(1) { top: 9px; transform: rotate(135deg); }
.mm-open .m-menu span:nth-child(2) { opacity: 0; left: -60px; }
.mm-open .m-menu span:nth-child(3) { top: 9px; transform: rotate(-135deg); }
.header { border-bottom: 1px solid #eee; text-align: center; padding: 30px 0 20px; }
.site-title { font-family: 'Vollkorn', serif; font-size: 40px; color: #000; line-height: 1; text-decoration:none !important; }
.site-title:hover { color:#34a3c1; text-decoration:none !important; transition: all 0.3s ease; }
.site-tag { font-size: 12px; font-weight: 700; letter-spacing: 2px; margin-bottom: 40px; }
.header li { display: inline-block; letter-spacing: 1.4px; text-transform: uppercase; font-size: 14px; font-weight: 600; }
.header li a { color: #222; padding: 10px 20px; }
.header li a:hover, .header li.current-menu-item>a { color: var(--pink); text-decoration: none; }
.site-container { max-width: 1280px; margin: auto; padding: 100px 20px; display: flex; }
.site-container aside { min-width: 360px; flex-basis: 360px; }
aside .widget_block { border: 1px solid #eeeeee; padding: 40px; }
h3.wp-block-heading.available { font-family: 'Vollkorn', serif; font-size: 15px; }
.black-link h2 { margin-bottom: 0; }
.black-link a { color: #000; }
.sidebar_book { width:90% !important; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); margin: 10px 0; }
aside h3.wp-block-heading { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
aside .mc4wp-form { font-family: 'Vollkorn', serif; }
aside .mc4wp-form h3 { font-size: 22px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 1.2; letter-spacing: 2px; margin-bottom: 10px; }
aside .mc4wp-form input { width: 100%; border: 1px solid #bbb; color: #000; padding: 10px; font-family: inherit; margin-bottom: 10px; padding: 16px 24px; }
aside .mc4wp-form input[type="submit"] { background-color: var(--pink); font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #fff; cursor: pointer; border:0; }
aside .mc4wp-form input[type="submit"]:hover { background: var(--aqua); transition: all 0.3s ease; }
.let-chat { position: relative; height: 370px; padding: 20px; display: flex; justify-content: center; color: #fff; font-family: 'Vollkorn', serif; font-size: 16px; background: var(--aqua); overflow: hidden; }
.let-chat h3 { font-family: 'Vollkorn', serif; font-size: 26px; font-weight: normal; text-transform: none; }
.let-chat:hover { text-decoration: underline; }
.let-chat .wp-block-image { position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 0; transition: all 0.3s ease; }
.let-chat .wp-block-image img { display: block; }
.let-chat:hover .wp-block-image { opacity: 0; }
.let-chat h3, .let-chat p { position: relative; pointer-events: none; }
.main { padding-right: 40px; flex-grow: 1; width: 100%; }
a.wp-element-button { display: inline-block; padding: 20px 50px; background-color: var(--pink); color: #fff; text-decoration: none; cursor: pointer; }
a.wp-element-button:hover { background: var(--aqua); text-decoration: none !important; color:#fff !important; }
.cta_btn a.wp-element-button { margin:20px 0 0; }
.quote p { margin:0; padding:0; }
.testimonial strong { margin-top:10px; display:block; }
.wp-block-separator { margin: 50px 0; border: none; border-top: 1px dashed #333; }
strong a { color: #222; }
.main .inner ul { margin-left: 30px; margin-bottom: 15px; }
.wp-block-quote { padding: 25px 0; border-top: 1px dashed #333; border-bottom: 1px dashed #333; font-style: italic; font-family: 'Vollkorn', serif; font-size: 19px; }
.nf-form-layout input, .nf-form-layout textarea { padding: 15px; border: 1px solid #ddd; }
.nf-form-layout .submit_btn { background-color: var(--pink); color: #fff; border: none; padding: 23px 150px; margin: auto; text-transform: uppercase; font-size: 16px; letter-spacing: 1.6px; font-weight: bold; }
.nf-form-fields-required { font-style: italic; margin-bottom: 30px; }
.blog-grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; }
.blog-grid .title { font-size: 26px; font-family: 'Vollkorn', serif; line-height: 1.2em; margin: 20px 0; display: block; }
.blog-grid .meta, .single .meta { color: #777; font-size: 14px; padding-bottom: 20px; }
.single h1.page-title { margin-bottom: 0; }
.ingrid_sig { max-width: 250px; }
.entry-meta li { display: inline-block; }
.entry-meta { padding-top: 30px; border-top: 1px dashed #ddd; margin-top: 40px; font-size: 14px; font-style: italic; }

footer #block-12 .wp-block-group { padding: 0 20px; }
footer .mc4wp-form { max-width: 1280px; margin: auto; text-align: center; color: #fff; padding: 50px 0; }
footer .mc4wp-form h3 { font-weight: 700; text-transform: uppercase; line-height: 1.2; letter-spacing: 2px; font-size: 22px; margin-bottom: 10px; }
footer .mc4wp-form p a { color: inherit; text-decoration: underline; }
footer .mc4wp-form p { font-family: 'Vollkorn', serif; font-size: 21px; font-style: italic; padding-bottom: 10px; }
footer .mc4wp-form-fields { display: grid; grid-template-columns: 2fr 2fr 1fr; grid-gap: 0 15px; }
footer .mc4wp-form h3, footer .mc4wp-form p { grid-column: 1/4; }
footer input[type="submit"] { height: 50px; width: 100%; background-color: #222; color: #fff; font-weight: bold; font-size: 16px; cursor: pointer; outline: none; border: none; }
footer input[type="submit"]:hover { background-color: var(--aqua); transition: all 0.3s ease; }
footer .mc-field-group input { width: 100%; height: 50px; padding: 0 15px; border: none; outline: navajowhite; }
footer .widget_nav_menu { margin-bottom: 40px; }
footer .widget_nav_menu li { display: inline-block; }
footer .widget_nav_menu a { text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 1.4px; padding: 10px 20px; }
footer .widget_nav_menu .current-menu-item > a { color: var(--pink); }
.footer-2 { padding: 50px 20px; color: #a7a7a7; }
.footer-2 a { color: #a7a7a7; }
.footer-2 a:hover { text-decoration: none; color: #fff; }

.wp-block-buttons { clear:both; }


@media (max-width: 960px) {
	.header li a { padding: 10px 15px; font-size: 13px; }
	.main { padding-right: 25px; }
	.main .inner .wp-block-image img { width: 100%; clear: both; margin: 0 0 30px 0; }
	.alignleft { float: left; padding: 0; padding-bottom: 30px; width: 100%; }
	.site-container aside { min-width: 300px; flex-basis: 300px; }
	aside .widget_block { padding: 25px; }
	.let-chat { height: 325px; }
	h3.wp-block-heading.available { font-size: 13px; }
	.blue_section, .grey_section { padding:25px !important; }
}


		
@media(max-width: 800px) {
    .site-tag.site-tag { margin-bottom: 20px; }
    .m-menu { display: block; }
    .header nav { opacity: 0; transition: all 0.3s ease; position: absolute; background: #fff; left: 0; right: 0; padding-bottom: 20px; box-shadow: 0 2px 5px -3px #0000008a; pointer-events: none; visibility: hidden; }
    .mm-open .header nav { opacity: 1; pointer-events: all; visibility: visible; }
    .header li { display: block; }
    .header li a { padding: 10px; display: block; }
    .site-container { display: block; }
    .main { padding-right: 0; }
    .alignleft { padding-right: 0; }
    .site-container aside { min-width: auto; margin-top: 50px; }
	.site-container aside #block-7 { display:none; }
    body .is-layout-flex { display: block; }
	aside .wp-block-image img { max-width: 340px }
	.let-chat { height: 460px; padding: 100px 20px; font-size: 22px; max-width: 340px }

}

@media(max-width: 600px) {
    .main { padding-right: 0; }
    .site-container { padding-top: 60px; }
    .blog-grid { grid-template-columns: 1fr; }
    h1, h2 { line-height: 1.1; }
    h2 { font-size: 24px; }
    a.wp-element-button { padding: calc(0.667em + 2px) calc(1.333em + 2px); }
    .sidebar_cookbook_header a { line-height: 1.1; }
    footer { text-align: center; }
    footer .widget_nav_menu ul { display: grid; grid-template-columns: 1fr 1fr; }
    footer .widget_nav_menu a { font-size: 12px; white-space: nowrap; }
    footer .mc4wp-form p { font-size: 16px; }  /* Check this line for the stray '=' */
    footer .mc4wp-form-fields { display: block; padding: 0 20px; }
    footer .mc-field-group { margin-bottom: 15px; }
}