/*-------------------------------------------------------
Theme Name: Vanessa Errecarte Divi Child Theme
Theme URI: https://vanessaerrecarte.com/
Description: A child theme template for Divi
Author: Heather Olah
Author URI: https://www.designolah.com/
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/


/*------- GENERAL -------*/

#main-content p a, #main-content ul.wp-block-list li a {
	text-decoration: underline;
}
#main-content p a:hover, #main-content p a:focus, #main-content p a:active,
#main-content ul.wp-block-list li a:hover, #main-content ul.wp-block-list li a:focus, #main-content ul.wp-block-list li a:active {
	color: #9d0709;
}

/* Widget buttons */
a.wp-element-button, a.wp-block-button__link {
    background-color: #e9c259;
    border: 3px solid #e9c259;
    border-radius: 1px;
    color: #000;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
	text-decoration: none;
    line-height: 1.5em;
	padding: .3em 1em;
}
a.wp-element-button:hover, a.wp-block-button__link:hover,
a.wp-element-button:active, a.wp-block-button__link:active,
a.wp-element-button:focus, a.wp-block-button__link:focus {
	background-color: #fff;
    border: 3px solid #e9c259;
}

/* Order button */
.order-button p {
    padding-bottom: 0;
}
#sidebar .order-button p {
	font-size: 18px;
}


/*------- HEADER -------*/

#main-header .container {
	min-height: 130px;
	max-width: 1400px;
}
@media only screen and (min-width: 981px) {
    #logo {
        max-height: 93px !important;
    }
}
@media (min-width: 400px) and (max-width: 980px) {
    .et_header_style_left #logo, #logo {
        max-width: none;
		max-height: 93px;
    }
}
@media (max-width: 399px) {
    .et_header_style_left #logo, #logo {
        max-width: 70%;
    }
}
@media (max-width: 440px) {
    .et_header_style_left #logo, #logo {
        margin-left: -20px;
    }
}




/*------- MENU -------*/

#top-menu li a {
	padding-bottom: 10px !important;
}
#top-menu li a:hover, #top-menu li a:focus, #top-menu li a:active {
	border-bottom: 2px solid #e9c259;
}

/* Mobile Menu */
.et_mobile_menu {
    position: absolute;
    top: 129px;
	border-top: 2px solid #000000;
	padding: 15px 0;
}
.et_mobile_menu li a, .nav li li a {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
	padding: 15px 10%;
}

@media only screen and (min-width: 981px) and (max-width: 1500px) { /* show mobile menu sooner */
	#et_mobile_nav_menu {
		display: block;
	}
	#top-menu {
		display: none;
	}
}




/*------- HOMEPAGE -------*/

/* row 1 - hero section */
@media only screen and (min-width: 1880px) {
    #hero-large-screens #hero-book img {
        max-width: 430px;
    }
}
@media (min-width: 1600px) and (max-width: 1879px) {
    #hero-large-screens #hero-book img {
        max-width: 350px;
    }
}
@media (min-width: 1200px) and (max-width: 1599px) {
    #hero-large-screens #hero-book img {
        max-width: 250px;
    }
}
@media (min-width: 980px) and (max-width: 1199px) {
    #hero-large-screens #hero-book img {
        max-width: 200px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    #hero-large-screens #hero-book img {
        max-width: 150px;
    }
}

@media only screen and (min-width: 600px) {
	#mobile-hero-book {
    	flex-flow: row nowrap;
	}
	#mobile-hero-book .et_flex_column_2_5, #mobile-hero-book .et_flex_column_2_5_tablet,
	#mobile-hero-book .et_flex_column_3_5, #mobile-hero-book .et_flex_column_3_5_tablet {
		width: calc(50% - var(--horizontal-gap-parent, 5.5%) * 0.5);
	}
}


/* row 2 - quote slideshow */
@media only screen and (min-width: 768px) {
	#quote-column {
		min-width: 500px;
	}
}
#quote-slideshow .et_pb_testimonial_author {
	margin-top: 50px;
	margin-bottom: 5px;
}

/* row 3 - book description */
@media only screen and (min-width: 1450px) {
	#book-desc-row {
		width: 100%;
	}
}
@media only screen and (max-width: 950px) {
    #book-desc-row {
        flex-flow: column wrap;
    }
	#book-desc-row .et_flex_column_3_5, #book-desc-row .et_flex_column_3_5_tablet,
	#book-desc-row .et_flex_column_2_5, #book-desc-row .et_flex_column_2_5_tablet {
        width: calc(100% - var(--horizontal-gap-parent, 5.5%) * 0);
    }
}

/* row 4 - bio */
@media only screen and (min-width: 1380px) {
	#bio-word-images {
		margin-top: -230px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1379px) {
	#bio-word-images {
		margin-top: -30px;
	}
}


/*------- SUBPAGES -------*/

/* About */
@media only screen and (min-width: 2000px) {
	#about-head-text {
		margin-left: 80px;
	}
}
@media only screen and (max-width: 1850px) {
	#about-head-text {
		max-width: 1000px !important;
	}
}
@media only screen and (max-width: 1570px) {
	#about-head-text {
		max-width: 850px !important;
	}
}
@media only screen and (max-width: 1380px) {
	#about-head-text {
		max-width: 680px !important;
	}
}
@media only screen and (max-width: 1200px) {
	#about-head-text {
		max-width: 1200px !important;
		width: 100% !important;
		background-color: rgba(255, 255, 255, 0.8); 
	}
	#about-head {
		padding-top: 0; 
	}
	#about-head-text .et_pb_text {
		margin-top: 30px !important;
    	margin-bottom: 20px !important;
	}
}
@media only screen and (max-width: 700px) {
	#about-head-text h1 {
		font-size: 9vw;
	}
	#about-head-text h2 {
		font-size: 5vw;
	}
}
@media only screen and (max-width: 480px) {
	#about-head-text h1 {
		font-size: 10vw;
	}
	#about-head-text h2 {
		font-size: 7vw;
	}
}


/* Book */
#book-page-quotes .et_pb_testimonial_author {
	margin-top: 30px;
	margin-bottom: 5px;
}


/* Speaking */
@media only screen and (max-width: 1400px) {
	#speaking-header-row {
		width: 60%;
	}
	#speaking-header-row {
		padding-left: 50px !important;
	}
}
@media only screen and (max-width: 980px) {
	#speaking-header-row h3, #speaking-header-row p {
		display: none;
	}
	#speaking-header {
		background-position: right -90px top !important;
	}
}
@media only screen and (max-width: 680px) {
	#speaking-header {
		padding-top: 0;
	}
	#speaking-header-row {
		width: 100%;
		padding-left: 50px !important;
		padding-top: 20px !important;
    	padding-bottom: 20px !important;
	}
}
@media only screen and (max-width: 600px) {
	#speaking-header-row h1 {
		font-size: 40px;
	}
}
@media only screen and (max-width: 430px) {
	#speaking-header-row h1 {
		font-size: 32px;
	}
	#speaking-header-row {
		padding-left: 30px !important;
	}
}
.full-height-img, .full-height-img .et_pb_image_wrap {
	height: 100%;
}
.full-height-img img {
	object-fit: cover;
	height: 100%;
}


/* Contact */
.gform_button {
	background-color: #e9c259;
    border: 3px solid #e9c259;
    border-radius: 1px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
	font-size: 20px;
    padding: .3em 1em;
    line-height: 1.7em;
}
.gform_button:hover, .gform_button:active, .gform_button:focus {
	background-color: #fff;
    border: 3px solid #000;
}
p.gform_required_legend {
	padding-bottom: 20px !important;
}


/*------- BLOG -------*/

body.blog article.post {
	clear: both;
	overflow: auto;
	background: url("https://vanessaerrecarte.com/wp-content/uploads/2026/02/divider-line-black.png") no-repeat top center;
    background-size: contain;
	padding-top: 60px;
	margin-top: 30px;
	margin-bottom: 50px;
}
body.blog article.post:first-of-type {
	background-image: none;
	padding-top: 0px;
}
@media only screen and (min-width: 768px) {
	body.blog article.post img {
		float: left;
		width: 300px;
		margin-right: 30px;
		margin-bottom: 10px;
    	object-fit: cover;
	}
}
body.blog .et_pb_post .entry-featured-image-url {
    margin-bottom: 0px;
}
@media only screen and (max-width: 1300px) {
	body.blog h2.entry-title {
    	font-size: 36px;
	}
}
@media only screen and (max-width: 767px) {
    body.blog h2.entry-title {
        font-size: 36px !important;
		padding-top: 30px;
    }
}
@media only screen and (max-width: 479px) {
    body.blog h2.entry-title {
        font-size: 30px !important;
		padding-top: 30px;
		padding-bottom: 10px;
    }
}
p.post-meta, p.post-meta a {
	color: #36465f !important;
	line-height: 1.4em;
	padding-top: 5px;
}
body.blog .pagination {
    margin-bottom: 60px;
    text-transform: uppercase;
    font-weight: bold;
}
body.single-post article.post {
	margin-bottom: 100px;
}


/*------- FOOTER -------*/

footer a:hover, footer a:focus, footer a:active {
	text-decoration: underline;
}