/* Our own tweaks to the Divi styles exported from WordPress. Loaded after each page's Divi CSS. */

/* Divi sets the big page headings (e.g. "Dogl Calculus: learn by doing!") to 60px at every
   width, which fills most of a phone screen. */
@media only screen and (max-width: 980px) {
	.et_pb_heading_0 .et_pb_heading_container h1 {
		font-size: 48px;
	}
}
@media only screen and (max-width: 767px) {
	.et_pb_heading_0 .et_pb_heading_container h1 {
		font-size: 36px;
	}
}

/* Precalculus: the "Get the app!" button sat centred in a narrow column (it used to have a
   "Teacher Access" button beside it), indented from the text and far below the line above it. */
.page-id-817 .et_pb_row_inner_3 {
	padding-top: 0;
}
.page-id-817 .et_pb_button_3_wrapper {
	text-align: left;
}

/* Precalculus: the wave at the bottom of the "Teacher's Eye" section was transparent, to match
   the teacher sign-up section that used to follow it. Draw it in white, like on the other pages. */
.page-id-817 .et_pb_section_4.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI2MHB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEyODAgMy40QzEwNTAuNTkgMTggMTAxOS40IDg0Ljg5IDczNC40MiA4NC44OWMtMzIwIDAtMzIwLTg0LjMtNjQwLTg0LjNDNTkuNC41OSAyOC4yIDEuNiAwIDMuNFYxNDBoMTI4MHoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNMCAyNC4zMWM0My40Ni01LjY5IDk0LjU2LTkuMjUgMTU4LjQyLTkuMjUgMzIwIDAgMzIwIDg5LjI0IDY0MCA4OS4yNCAyNTYuMTMgMCAzMDcuMjgtNTcuMTYgNDgxLjU4LTgwVjE0MEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMjgwIDUxLjc2Yy0yMDEgMTIuNDktMjQyLjQzIDUzLjQtNTEzLjU4IDUzLjQtMzIwIDAtMzIwLTU3LTY0MC01Ny00OC44NS4wMS05MC4yMSAxLjM1LTEyNi40MiAzLjZWMTQwaDEyODB6Ii8+PC9nPjwvc3ZnPg==);
}

/* Home and Precalculus: less space between the hero text and the app store badges. */
#download {
	padding-top: 10px;
}

/* MathMeter: the purple band with jagged edges used to hold a "Teaching Calculus? Try Dogl
   Classroom!" banner. It's kept as a visual break, so it needs some height of its own. */
.page-id-1877 .et_pb_section_2.et_pb_section {
	padding-top: 40px;
	padding-bottom: 30px;
}