/* 
Theme Name: Oechsli Child andPartners
Theme URI: https://oechsli.com
Description: Oechsli Partners Theme
Author: Oechsli
Author URI: https://oechsli.com/
Template: oechsli
Version: 2024.01.15
Text Domain: oechsli
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

#videoHeader .wp-block-columns, #commentaryHeaderCols {
    max-height: 160px;
}
#quickLinks .has-subheading-font-size {
	font-size: 16px !important;
}

.position-relative { position:relative;  }
.left-radial {   background-size:50% !important; background-position: left -40% bottom -205% !important; }
.right-radial {   background-size:50% !important; background-position: right -30% bottom 95% !important }
/* Home Page */
.big-one {
    position: absolute;
    left: 2%;
    line-height: 0.8;
    font-size: 290px !important;
    color: #ededed9c !important;
    top: 6%;
}
@media (max-width: 1024px) {
	.big-one {     
		position: absolute;
		top: unset;
		bottom: 0;
		right: 15%;
		line-height: 0.8;
		font-size: 290px !important;
		color: #ededed9c !important; 
	}
}

@media (max-width: 767px) { 
	.left-radial { background-position: left -30% bottom -15% !important; }

	.right-radial {background-size: 95% !important;
        background-position: right -510% bottom -56% !important; }
	div#dollarsAndSense > div {
		grid-template-columns: 100%;
	}
	div#videoHeader .wp-block-columns, #commentaryHeaderCols {
		max-height: unset;
	}
	.big-one {
        position: absolute;
        top: -3%;
        bottom: unset;
        right: 15%;
        line-height: 0.8;
        font-size: 37vw !important;
        color: #ededed9c !important;
    }
}


.radial {
    transition: background-size 0.5s ease;
}

.center-radial {
    background-size: 50% !important;
    background-position: center 650px !important;
}


.lil-lighthouse {

    position: absolute;
    right: 5px;
    bottom: 0;
}


.lil-lighthouse.left {


    left: 5px;
    bottom: 0;
}


.lil-lighthouse.center {
    bottom:0;
  
  left: 50%;

}



.lil-hiker { position:absolute;bottom:0;left:10px; }



.position-quote-right { position:absolute;top:0;right:0; }