/*
Theme Name: Matchbook Child Theme for Divi
Author: Matchbook Media
Author URI: http://www.matchbook.media
Template: Divi
Version: 1.1.0
*/
/* * * * * * * * * * * * * *
CSS DIRECTORY
- ROOT VARIABLES
- EM SIZING RULES
- FONTS
- GLOBAL
* * * * * * * * * * * * * * */
/* * * * * * * * * * * * * *
DIVI BREAKPOINTS
- mobile-s: 480px;
- mobile-m: 600px;
- mobile: 782px;
- tablet: 981px;
- laptop: 1350px;
- laptop-l: 1405px;
* * * * * * * * * * * * * * */
/* * * * * * * * * * * * * */
/* ROOT VARIABLES */
/* * * * * * * * * * * * * */
/* Edit the values - not the names. */
:root {
--color-primary : #274424;
--color-primary-dark : #274424;
--color-primary-light : #8a9b88;
--color-primary-text : #0b0c0b;
--color-primary-text-light : #ffffff;
--color-secondary : #5a2802;
--color-secondary-light : #855d40;
--color-secondary-text : #274424;
--border-radius-primary : 0.3em;
--border-radius-secondary : 0.25em;
--font-family-heading : 'Ethereal', sans-serif;
--font-family-sub-heading : 'Ethereal', sans-serif;
--font-family-paragraph : 'Avenir', sans-serif;
--font-size-heading : 5.5em;
--font-size-sub-heading : 3em;
--font-size-paragraph : 1.3em;
--padding-primary : 1em;
--padding-secondary : 0.5em;
--row-max-width : none;
--button-green-background-color: var(--color-primary-light);
--button-dark-background-color : var(--color-primary-dark);
--button-brown-background-color: var(--color-secondary-light);
--button-border-color : var(--color-primary-text-light);
--button-green-text-color : var(--color-primary-text);
--button-brown-text-color : var(--color-primary-text-light);
--button-text-color-hover : var(--color-primary-text);
--button-background-color-hover: var(--color-primary-text-light);
--button-green-text-color-hover: var(--color-primary-dark);
--button-brown-text-color-hover: var(--color-secondary);
}
/* * * * * * * * * * * * * */
/* EM SIZING RULES */
/* * * * * * * * * * * * * */
/* Don't edit these values. */
@media (min-width: 1351px) {
body {
font-size: .7vw;
}
}
@media (max-width: 1350px) {
body {
font-size: .9vw;
}
}
@media (max-width: 981px) {
body {
font-size: 1.2vw;
}
}
@media (max-width: 782px) {
body {
font-size: 1.5vw;
}
}
@media (max-width: 615px) {
body {
font-size: 2vw;
}
}
@media (max-width: 500px) {
body {
font-size: 2.5vw;
}
}
@media (max-width: 380px) {
body {
font-size: 3.3vw;
}
}
/* * * * * * * * * * * * * */
/* FONTS */
/* * * * * * * * * * * * * */
/* Add all the fonts you want here. */
@font-face {
font-family: 'Roboto';
src: url('./fonts/roboto.woff2') format('woff2'),
url('./fonts/roboto.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('./fonts/roboto-bold.woff2') format('woff2'),
url('./fonts/roboto-bold.woff') format('woff');
font-weight: 700;
font-style: bold;
}
@font-face {
font-family: 'Ethereal';
src: url('./fonts/ethereal-thin.woff2') format('woff2'),
url('./fonts/ethereal-thin.woff') format('woff');
font-weight: 100;
}
@font-face {
font-family: 'Avenir';
src: url('./fonts/avenir.woff2') format('woff2'),
url('./fonts/avenir.woff') format('woff');
font-weight: 100;
}
/* * * * * * * * * * * * * */
/* GLOBAL */
/* * * * * * * * * * * * * */
/* You shouldn't have to edit this. If you do, use a variable and add it in ROOT VARIABLES. */
/* HTML ELEMENTS / DIVI ELEMENTS */
h1 {
color: var(--color-primary-text-light);
font-family: var(--font-family-heading);
font-size: var(--font-size-heading);
text-transform: uppercase;
}
h2 {
color: var(--color-primary-text);
font-family: var(--font-family-sub-heading);
font-size: var(--font-size-sub-heading);
text-transform: uppercase;
line-height: 130%;
}
h3 {
color: var(--color-primary-text-light);
font-family: var(--font-family-sub-heading);
font-size: var(--font-size-sub-heading);
line-height: 130%;
}
h4 {
color: var(--color-primary-text-light);
font-family: var(--font-family-sub-heading);
font-size: var(--font-family-sub-heading);
line-height: 130%;
}
span,
p,
.et_pb_text_inner {
color: var(--color-primary-text);
font-family: var(--font-family-paragraph);
font-size: var(--font-size-paragraph);
line-height: 130%;
}
a,
.woocommerce a {
color: var(--color-secondary);
}
.et_pb_row {
max-width: var(--row-max-width);
}
.et_pb_button,
.woocommerce button.woocommerce-button.button,
.et-db #et-boc .et-l .et_pb_button,
.single_add_to_cart_button{
background-color: var(--button-background-color);
font-size: var(--font-size-paragraph);
font-family: var(--font-family-heading);
padding: 0.35em 2em;
border-radius: var(--border-radius-secondary);
}
.woocommerce button.woocommerce-button.button:hover,
.et-db #et-boc .et-l .et_pb_button:hover,
.single_add_to_cart_button:hover {
background-color: var(--button-background-color-hover);
font-size: var(--font-size-paragraph);
font-family: var(--font-family-heading);
padding: 0.35em 2em;
border-radius: var(--border-radius-secondary);
}
.et_pb_button:after{
display:none;
font-size: var(--font-size-paragraph);
}
/* DIVI HEADER FIX */
#top-menu {
display: flex;
width: 100%;
justify-content: space-between;
float: none;
}
#top-menu li {
padding-right: var(--font-size-paragraph);
font-size: var(--font-size-paragraph);
}
#mobile_menu li a {
font-size: var(--font-size-paragraph);
}
.nav li ul {
border-top: 3px solid #0000008c;
background-color: #0000008c;
}
@media (max-width: 980px) {
#top-menu {
display: none;
}
}
div#et-main-area {
overflow: hidden;
}
/* * * * * * * * * * * * * */
/* HEADER - GLOBAL */
/* * * * * * * * * * * * * */
/* Search Icon: We need to hardcode the icon because Broker IDX caches this header in their system. */
#et_top_search #et_search_icon:before,
.et_search_outer span.et_close_search_field:after {
content: '';
height:1rem;
width:1rem;
background-repeat: no-repeat;
background: url('data:image/svg+xml,');
filter: invert(1);
}
/* Menu Children Arrow Icon: We need to hardcode the icon because Broker IDX caches this header in their system. */
#top-menu-nav #top-menu .menu-item-has-children>a:first-child:after {
content: '';
height:1em;
width:1em;
background-repeat: no-repeat;
background: url('data:image/svg+xml,');
filter: invert(1);
}
/* Hamburger Icon: We need to hardcode the icon because Broker IDX caches this header in their system. */
#et_mobile_nav_menu .mobile_menu_bar:before {
content: '';
display: inline-block;
height:1em;
width:1em;
background-repeat: no-repeat;
background: url('data:image/svg+xml,');
filter: invert(1);
}
.et_fixed_nav.et_show_nav #page-container {
padding-top: 0 !important;
}
.header-row-global h1, .header-row-global h3 {
text-align: center;
}
#main-content .header-row-home {
padding-bottom: 15em;
}
#main-content .header-home {
padding: 21% 0 4%;
top: -8em;
}
.home-header-buttons {
display: flex;
}
#page-container .header-section-global {
padding: 22% 0;
top: -4em;
}
.subheading-global .et_pb_text, .subheading-global .et_pb_button_module_wrapper {
text-align: center;
}
#main-content .subheading-global {
padding-top: 0;
}
#main-content .subheading-section-global .et_pb_row {
width: 95%;
}
#main-content .subheading-section-global {
padding: 0;
}
span.et_pb_section_video_bg {
filter: brightness(0.78);
}
.subheading-global p {
text-align: left;
}
.subheading-global h2 {
padding-bottom: 0.8em;
}
@media (max-width: 500px) {
#page-container .header-section-global {
padding-top: 12em;
}
}
/* * * * * * * * * * * * * */
/* TEXT - GLOBAL */
/* * * * * * * * * * * * * */
.et_pb_column h3 {
font-size: var(--font-size-sub-heading);
}
.green-column .et_pb_text_inner {
}
.green-column {
right: 1em;
display: flex;
flex-wrap:wrap;
align-items: center;
height: 100%;
background-color: var(--color-primary);
padding: 5em 2em;
}
.slide-show-me .green-column {
}
#main-content .slide-show-me {
padding: 0.5em 0;
}
.green-column p, .brown-column p {
color: var(--color-primary-text-light);
font-weight: 200;
margin-bottom: 1em;
}
.brown-column {
background-color: var(--color-secondary);
padding: 5em 2em;
left: 6em;
display: flex;
flex-wrap:wrap;
align-items: center;
height: 100%;
}
.center-row h2, .center-row .et_pb_button_module_wrapper, .center-row p {
text-align: center;
}
/* * * * * * * * * * * * * */
/* BUTTON - GLOBAL */
/* * * * * * * * * * * * * */
.et_pb_button:hover:after {
display: none;
}
.et_pb_button:hover {
padding: 0.35em 2em;
}
.et_pb_button {
font-family: var(--font-family-heading);
font-weight: 800;
font-size: 1.35em;
padding: 0.35em 2em;
}
.button-dark {
background-color: var(--color-primary-dark);
color: var(--color-primary-text-light);
font-size: 1.5em;
border-radius: 0.3em;
border: 1px solid;
}
#main-content .button-dark:hover {
border: 1px solid var(--color-primary-dark);
color: var(--color-primary-dark);
font-size: 1.5em;
padding: 0.35em 2em;
background-color: #ffffff;
}
.button-light-green {
background-color: var(--color-primary-light);
border: 1px solid white;
color: var(--color-primary);
}
#main-content .button-light-green:hover {
padding: 0.35em 2em;
font-size: 1.35em;
color: var(--color-primary);
border: 1px solid #274424;
background-color: #ffffff;
}
.button-light-brown {
background-color: var(--color-secondary-light);
border: 1px solid white;
color: var(--color-primary-text-light);
}
#main-content .button-light-brown:hover, #main-content .button-dark-brown:hover {
padding: 0.35em 2em;
color: var(--color-secondary);
border: 1px solid var(--color-secondary);
background-color: #ffffff;
}
.button-dark-brown {
background-color: var(--color-secondary);
border: 1px solid white;
color: var(--color-primary-text-light);
}
.button-white {
border: 1px solid #ffffff;
background-color: #00000061;
color: #ffffff;
padding: 0.8em 4em;
text-transform: uppercase;
margin-top: 3em;
}
#main-content .button-white:hover {
color: var(--color-primary);
padding: 0.8em 4em;
background-color: #ffffff;
border: 1px solid #ffffff;
}
/* * * * * * * * * * */
/* MAIN MENU */
/* * * * * * * * * * */
#top-menu li {
display: inline-block;
font-family: 'Avenir';
text-transform: uppercase;
font-weight: 500;
}
#main-header {
background-color: #0000008c;
}
.et-fixed-header#main-header, .et-fixed-header#main-header .nav li ul, .et-fixed-header .et-search-form {
background-color: #0000008c!important;
}
#top-menu a {
color: var(--color-primary-text-light);
}
#top-menu a:hover, #top-menu li.current-menu-item>a {
color: #ffffff8f;
}
.et_mobile_menu {
border-top: 3px solid var(--color-primary-light);
}
.et-search-form input {
color: var(--color-primary-text-light);
}
/* * * * * * * * * * */
/* MOBILE MENU */
/* * * * * * * * * * */
.mobile_menu_bar:before {
color: var(--color-primary-text);
}
#et_search_icon:hover {
color: var(--color-primary-light);
}
/* * * * * * * * * * * */
/* SLIDERS - GLOBAL */
/* * * * * * * * * * * */
.slide-text {
z-index: 999;
}
.contain-me {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.full-width-me .et_pb_slide {
padding: 4em 2em;
}
.full-width-me .et_pb_row {
width: 100%;
max-width: none;
}
#main-content .mb-slideshow {
width: 100%;
margin-right: 0;
}
#main-content .mb-slide-description {
position: absolute;
width: 25%;
height: auto;
right: 6em;
padding: 7em 4em;
}
/* * * * * * * * * * * * * */
/* HOME PAGE */
/* * * * * * * * * * * * * */
#main-content .homes-for-sale {
padding: 0;
}
.homes-for-sale h4 {
text-align: center;
background-color: var(--color-primary);
line-height: 100%;
padding: 0.8em 0;
text-transform: uppercase;
border: 1px solid var(--color-primary);
}
.homes-for-sale h4:hover {
color: var(--color-primary);
background-color: #ffffff;
border: 1px solid var(--color-primary);
}
.et_pb_contact p input, .et_pb_contact p textarea, .et_pb_contact_select {
background-color: #ffffffad;
border: 1px solid;
border-radius: 0.3em;
}
#contact-home .et_pb_contact p input[type=checkbox]+label i, .et_pb_contact p input[type=radio]+label i {
background-color: #ffffffad;
border: 1px solid #999;
}
p.has-background {
padding: 0;
}
.slider-sections {
margin: 6em 0;
}
.home-contact {
background-color: #ffffffd1;
padding: 4em;
}
.lightbox {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.83);
z-index: 9999999999999999999;
}
.lightbox-content {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.lightbox video {
width: 100%;
height: 100%;
object-fit: contain;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
color: #fff;
background: 0 0;
border: none;
z-index: 1;
}
#main-content .home-contact h3 {
color: var(--color-primary-text);
}
#main-content .map-section {
padding: 0;
}
.map-row {
display: flex;
align-items: stretch;
}
.map-row:after {
display: none;
}
.map-row .et-last-child {
display: flex;
align-items: stretch;
position: relative;
}
.map-row .et_pb_image {
display: flex;
align-items: stretch;
margin: 0;
width: 100%;
position:relative;
}
.quote h2 {
text-align: center;
}
#main-content .blog-button-row {
padding: 0;
}
@media (max-width: 1350px) {
.home-contact.et_pb_column_1_2.et_pb_column_15 {
width: 100%;
}
.home-contact .et_pb_contact p input[type=checkbox]+label, .et_pb_contact p input[type=radio]+label {
font-size: 0.8em;
}
.home-contact p {
font-size: 1.2em;
}
.home-contact .et_pb_module.et_pb_text {
margin-bottom: 1em;
}
.et_pb_column h3 {
font-size: 2.5em;
}
}
@media (max-width: 982px) {
.button-white, #main-content .button-white:hover {
padding: 0.8em 2.3em;
}
#main-content .header-row-home {
padding-bottom: 8em;
}
}
@media (max-width: 980px) {
.header-home h1 {
font-size: 4.5em;
}
.header-home h3 {
font-size: 1.7em;
}
#main-content .header-row-home {
padding-top: 6em;
padding-bottom: 5em;
}
#main-content .map-toggle {
margin-bottom: 0;
}
}
@media (max-width: 782px) {
.home-header-buttons {
flex-wrap: wrap;
}
.button-white {
width: 100%;
text-align: center;
}
#main-content .header-row-home {
padding-bottom: 4em;
}
.et_pb_button_module_wrapper>a {
margin: 0;
}
.button-white {
font-size: 1.1em;
}
}
@media (max-width: 615px) {
.header-home h1 {
font-size: 3.5em;
}
.header-home h3 {
font-size: 1.4em;
}
#main-content .header-row-home {
padding-bottom: 2.5em;
}
}
@media (max-width: 500px) {
.header-home h1 {
font-size: 3em;
}
.subheading-global h2, .quote h2, .center-row h2, h2 {
font-size: 2em;
}
.subheading-global p {
text-align: center;
}
.green-column p, .brown-column p {
font-size: 1em;
}
.et_pb_column h3 {
font-size: 2em;
}
.home-header-buttons .et_pb_column {
margin-bottom: 1.5em;
}
.home-contact {
padding: 3em 2em;
margin-bottom: 0;
}
#contact-home .et_pb_row {
margin: 0;
width: 100%;
padding: 0;
}
#contact-home {
padding: 0;
}
#main-content .more-homes {
padding: 0.5em;
}
#main-content .more-homes .et_pb_module.et_pb_text{
margin-bottom: 0;
}
}
/* * * * * * * * * * * * * */
/* MAP - TOGGLE */
/* * * * * * * * * * * * * */
#main-content .map-toggle {
margin-right: 0;
padding: 0
}
.et_pb_toggle .et_pb_toggle_title:before {
display: none;
}
.et_pb_toggle_close {
padding: 1.95em;
}
.et_pb_toggle_close:hover {
background-color: #00000063;
}
h5.et_pb_toggle_title:hover {
color: #ffffff;
}
.map-toggle .et_pb_toggle_item.et_pb_toggle_close {
margin-bottom: 0;
}
.map-row img {
width: auto;
max-width: none;
position: absolute;
height: 100%;
}
.map-row span.et_pb_image_wrap {
width: 100%;
}
/* * * * * * * */
/* FOOTER */
/* * * * * * * */
#main-footer {
background-color: var(--color-primary);
}
.footer-widget h4, #main-footer .widget_block h1, #main-footer .widget_block h2,
#main-footer .widget_block h3, #main-footer .widget_block h4, #main-footer .widget_block h5,
#main-footer .widget_block h6 {
color: #ffffff;
}
.footer-widget li:before {
display: none;
}
/* * * * * * * * * * * * * * */
/* CONTACT FORM - GLOBAL */
/* * * * * * * * * * * * * * */
.et_pb_contact_field_options_title {
font-size: 1em;
font-family: "Avenir";
}
.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
font-weight: 400;
}
.et_pb_contact_field_checkbox, .et_pb_contact_field_options_title,
.et_pb_contact_field_radio, .et_pb_contact_field_select_title {
font-size: 0.8em;
font-weight: normal;
}
.et_pb_contact_field_options_title {
font-size: 1em;
}
.et_pb_contact p input[type=checkbox]:checked+label i:before {
color: var(--color-primary);
}
.et_pb_contact p input[type=radio]:checked+label i:before {
background: var(--color-primary);
}
.et_pb_contact_submit {
width: 100%;
background-color: var(--color-primary);
color: #ffffff;
border-radius: 0.3em;
border: 1px solid;
}
#main-content .et_pb_contact_submit:hover {
background-color: transparent;
color: var(--color-primary);
border: 1px solid var(--color-primary);
padding: 0.35em 2em;
}
.et_contact_bottom_container {
width: 100%;
text-align: center;
margin-top: 0;
justify-content: center;
}
/* * * * * * * * * * */
/* CONTACT PAGE */
/* * * * * * * * * * */
#main-content .contact-header {
background-color: var(--color-primary);
padding-top: 14em;
}
.contact-info {
background-color: var(--color-primary-light);
padding: 4em;
}
.contact-info h4 {
font-size: 2em;
color: var(--color-primary-text);
font-weight: 600;
}
@media (max-width: 980px) {
.get-in-touch-box img {
width: 100%;
}
}
@media (max-width: 782px) {
.contact-header h1 {
font-size: 4em;
}
}
/* * * * * * * * * */
/* BLOG POSTS */
/* * * * * * * * */
.post-content a {
font-weight: 600;
text-transform: uppercase;
padding-top: 0.5em;
}
.post-content a:hover {
color: var(--color-primary);
}
span.published {
font-size: 0.8em;
}
/* * * * * * * * * */
/* ABOUT PAGE */
/* * * * * * * * */
#main-content .under-slide-text {
padding: 0;
}
#main-content .under-slide-text p {
text-align: center;
}
.clariden-school .et_pb_text_inner {
text-align: right;
}
.clariden-school .et_pb_button_module_wrapper {
text-align: right;
}
.about-schools .et_pb_row {
width: 100%;
display: flex;
align-items: center;
}
#main-content .places-of-worship {
display: flex;
align-items: center;
}
@media (max-width: 1350px) {
#main-content p {
font-size: 1.15em;
}
#main-content .mb-slide-description {
width: 45%;
padding: 3em;
}
.full-width-me .et_pb_slide {
padding: 1em;
}
#main-content .slide-text {
margin-bottom: 0;
}
.green-column p, .brown-column p {
font-size: 1.1em;
}
}
@media (max-width: 980px) {
#main-content .about-schools {
padding-top: 0;
}
#main-content .mb-slide-description {
width: 55%;
padding: 2em;
}
.about-schools .et_pb_row {
flex-wrap: wrap;
}
.about-schools .double-column-text-right {
flex-direction: column-reverse;
}
.about-schools .double-column-text-right .et_pb_button_module_wrapper {
padding: 0 0 2em 2.5em;
}
.about-schools .double-column-text-left .et_pb_button_module_wrapper {
padding: 0 2.5em 0 0;
}
}
@media (max-width: 782px) {
#main-content .mb-slide-description {
width: 100%;
left: 0;
opacity: 90%;
top: 0;
height: 100%;
position: relative;
}
.full-width-me .et_pb_slide {
padding: 0;
}
#main-content .mb-slideshow {
margin: 0;
position: absolute;
height: 100%;
width: 120%;
}
.full-width-me .et_pb_row {
padding: 0;
}
.slide-show-me .et_pb_slider, .mb-slideshow .et_pb_slides, .slide-show-me .et_pb_slide {
height: 100%;
position: absolute;
width: 100%;
}
}
@media (max-width: 500px) {
.about-schools .et_pb_row {
padding-top: 0;
}
.about-schools .double-column-text-right {
padding-bottom: 0;
}
}
/* * * * * * * */
/* FOOTER */
/* * * * * * * */
h3.wp-block-heading {
font-size: 1.8em;
text-transform: uppercase;
font-family: var(--font-family-paragraph);
}
.dashicons {
color: #ffffff;
}
.dashicons:hover {
color: var(--color-primary-light);
}
div#block-9 {
display: flex;
justify-content: space-between;
width: 11.5em;
}
h2.wp-block-heading {
text-transform: none;
font-size: 2.8em;
}
h2.wp-block-heading:before {
content: "";
position: absolute;
width: 117%;
height: 1px;
top: 3.8em;
background-color: #ffffff;
}
.et_pb_widget {
float: none;
margin-top: 0em;
}
div#block-6 {
margin-bottom: 0;
}
div#block-10, div#block-13 {
margin-top: 10.5em;
margin-bottom: 0;
}
#footer-widgets p {
color: #ffffff;
line-height: 180%;
}
#block-17 p:before {
content: "";
background-image: url(/wp-content/uploads/2023/03/phone-icon.png);
width: 2em;
height: 3em;
background-size: 1.2em;
background-repeat: no-repeat;
position: absolute;
right: 27%;
margin-top: 0.2em;
}
#block-17 a:before {
content: "";
background-image: url(/wp-content/uploads/2023/07/email-icon.png);
width: 2em;
height: 3em;
background-size: 1.2em;
background-repeat: no-repeat;
position: absolute;
right: 26.8%;
margin-top: 0.25em;
}
div#block-17 {
padding-left: 3em;
}
div#block-11 {
padding-left: 2.5em;
}
div#block-11 p:before {
content: "";
background-image: url(/wp-content/uploads/2023/07/pin.png);
width: 2em;
height: 3em;
background-size: 1.2em;
background-repeat: no-repeat;
position: absolute;
left: 35%;
margin-top: 0.25em;
}
.ryans-custom-tiktok-icon {
content: "";
background-image: url(/wp-content/uploads/2023/06/tiktok-logo.png);
background-size: contain;
position: absolute;
}
@media (max-width: 1350px) {
#block-17 p:before {
right: 26.5%;
}
#block-17 a:before {
right: 26.3%;
}
}
@media (max-width: 980px) {
h2.wp-block-heading:before {
top: 3.4em;
}
div#footer-widgets {
display: flex;
}
h2.wp-block-heading {
width: 150%;
margin-bottom: 2.2em;
}
#block-17 p:before {
right: 31.5%;
}
#block-17 a:before {
right: 31.2%;
}
div#block-11 p:before {
left: 35.7%;
}
}
@media (max-width: 782px) {
h2.wp-block-heading {
width: 250%;
}
div#footer-widgets {
width: 115%;
}
#block-17 p:before {
right: 17.5%;
}
#block-17 a:before {
right: 17.2%;
}
div#block-11 p:before {
left: 38%;
}
div#block-11 {
padding-left: 2em;
}
}
@media (max-width: 615px) {
div#footer-widgets {
flex-wrap: wrap;
}
h2.wp-block-heading:before {
top: 3em;
}
#main-footer div#block-6 {
margin-bottom: 1em!important;
}
#main-footer div#block-10 {
margin: 0;
}
div#block-11 p:before, #block-17 p:before, #block-17 a:before {
left: 0;
}
#main-footer div#block-10, #main-footer div#block-13, #main-footer div#block-11 {
margin-top: 0;
margin-bottom: 0!important;
}
h2.wp-block-heading {
margin-bottom: 0;
}
}
/* * * * * * * * */
/* RECREATION */
/* * * * * * * * */
.darker-header {
background-blend-mode: color;
}
#main-content #post-732 .mb-slide-description {
width: 50%;
padding: 4em;
}
#main-content .static-section {
padding: 0;
margin: 3em 0
}
#main-content #post-732 .mb-slide-description .et_pb_module.et_pb_text {
margin-bottom: 0.2em;
}
.mb-left-me {
justify-content: flex-start;
}
.mb-right-me {
justify-content: flex-end;
}
#post-732 .green-column {
right: 6em;
}
#post-732 .green-column, #post-732 .brown-column {
padding: 4em 2em;
}
@media (max-width: 1350px) {
#main-content #post-732 p, #main-content #post-879 p {
font-size: 1.1em;
}
#main-content #post-732 h3, #main-content #post-879 h3 {
font-size: 2.5em;
}
}
@media (max-width: 980px) {
#main-content #post-732 .brown-column, #main-content #post-732 .green-column,
#main-content #post-879 .brown-column, #main-content #post-879 .green-column {
width: 100%;
padding: 5em 4em;
opacity: 90%;
}
#main-content #post-732 .brown-column, #main-content #post-879 .brown-column {
left: 0;
}
#main-content #post-732 .green-column, #main-content #post-879 .green-column {
right: 0;
}
#post-732 .full-width-me .et_pb_row, #post-879 .full-width-me .et_pb_row {
padding: 0;
}
}
@media (max-width: 500px) {
.header-row-global h1 {
font-size: 3em;
padding-top: 1.5em;
}
}
/* * * * * * * * * * */
/* ECONOMIC OUTLOOK */
/* * * * * * * * * * */
#economic-outlook .et_pb_row {
width: 100%;
display: flex;
align-items: center;
padding-bottom: 0;
}
#main-content #economic-outlook {
padding-top: 0;
}
#economic-bottom .right-text {
text-align: right;
}
#economic-bottom .et_pb_row {
width: 100%;
padding: 7em 2em;
background-color: #274424cc;
}
#economic-bottom .left-text, #economic-bottom .right-text {
padding: 0em 4em;
}
#economic-bottom p, #economic-bottom h2 {
color: white;
}
#economic-outlook .video-row {
width: 80%;
}
#economic-bottom .left-text {
margin-bottom: 7em;
}
#economic-bottom .left-text:after {
content: "";
position: absolute;
width: 107%;
height: 1px;
background-color: #ffffff;
bottom: -4em;
left: -4em;
}
.double-column-text-right h2:before {
content: "";
position: absolute;
background: var(--color-primary);
height: 3px;
width: 100%;
left: 0;
bottom: 0.3em;
}
.double-column-text-right h2, .double-column-text-left h2 {
position: relative;
margin-bottom: 0.3em;
}
.double-column-text-left h2:before {
content: "";
position: absolute;
background: var(--color-secondary);
height: 4px;
width: 100%;
right: 0;
bottom: 0.3em;
}
#main-content .double-column-text-right .et_pb_text_inner {
padding-right: 2em;
}
#main-content .double-column-text-left .et_pb_text_inner {
padding-left: 2em;
}
@media (max-width: 980px) {
#main-content .double-column-text-right .et_pb_text_inner, #main-content .double-column-text-left .et_pb_text_inner {
padding: 0 2em;
}
#economic-outlook h2 {
font-size: 2.5em;
}
#economic-outlook p {
font-size: 1.1em;
}
#economic-outlook .et_pb_row {
align-items: flex-start;
}
#economic-outlook .video-row {
padding-bottom: 2em;
}
}
@media (max-width: 782px) {
#economic-outlook .et_pb_row {
flex-wrap: wrap;
}
#economic-outlook .double-column-text-right {
flex-direction: column-reverse;
}
#main-content .double-column-text-right .et_pb_text_inner {
padding: 0 2em 2em;
}
}
@media (max-width: 500px) {
#economic-outlook .video-row {
width: 100%;
}
}
/* * * * * * * * */
/* LIFESTYLE */
/* * * * * * * * */
div#lifestyle-idx {
padding: 0;
}
@media (max-width: 500px) {
#post-346 .et_pb_row {
width: 100%;
}
}