/*** BASE & RESET STUFF ***/

:root {
    --dxp-g-root-font-family: 'Geomanist-Regular', Helvetica, sans-serif!important;     /** set the font for all root/body text **/
    --dxp-g-heading-font-family: 'Geomanist-Bold', Times, serif!important;              /** set the font for headings **/
}

body, html, header {
	margin:0!important;
	padding:0!important;
    font-family:'Geomanist-Regular', Helvetica, sans-serif!important;
    /*color:#2F2E2E;*/ /* or #212121 (match to new logo) */
    background: #fff;
}

header {min-height:unset!important;}                                    /* default (SF) header area canx min-height */

.cb-section_column {padding:0!important;}                               /* default (SF) layout padding removal */

lightning-formatted-rich-text,
.slds-rich-text-editor__textarea, 
.slds-rich-text-editor__output	{line-height:unset!important;}	        /* unset all (SF) RTE line-heights */

lightning-formatted-rich-text a {word-break: break-word;}               /* long links */

lightning-formatted-rich-text ul li:not(:last-of-type) {margin-bottom:10px;}

/* RE-USABLE SECTION TITLE STYLES */

section.sec-grey {background:#e9eaea;}
section.sec-dark {background: rgb(23, 23, 23);}

section.sec-dark .sz2-h4,
section.sec-dark .section-summary {color:#FFF;}

/* Size2 .sz2-h4 lg */

h3.sz2-h4,
.inner.sz2-h4 h4 {
    font-family:"Geomanist-Bold"!important;
    font-size: 60px!important;
    line-height: 70px!important;
    padding-bottom: 20px!important;
}

@media screen and (max-width: 900px) {
    h3.sz2-h4,
    .inner.sz2-h4 .content h4 {
        font-size: 49px!important;
        line-height: 56px!important;
    }
}

@media screen and (max-width: 768px) {
    h3.sz2-h4,
    .inner.sz2-h4 .content h4 {
        font-size: 38px!important;
        line-height: 44px!important;
    }
}

.section-summary,
.cms-tile.inner .content p {
    font-family:'Geomanist-Regular', Times, serif!important;
    font-size: 22px!important;
    line-height: 31px!important;
    padding-bottom:30px;
    /*color: rgb(47, 46, 46);*/
    font-weight:400;
}
    
@media screen and (max-width: 680px) {
    .section-summary,
    .cms-tile.inner .content p {
        font-size: 18px!important;
        line-height: 28px!important;
    }
}

community_builder-output-rich-text {overflow:hidden!important;}

/* CONTACT */

.contact-rightcol-header {
    color:#4EB7D2;
    font-family:"Geomanist-Medium";
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 30px 20px;
}

.contact-tile.inner .content * {color:#fff!important;}
.contact-tile.inner .content a {display:block;text-decoration:underline;padding: 0 10px;/*border:1px solid #fff;*/}
.contact-tile.inner .content a:hover {color: #ff3479!important;}

.contact-details.inner .content p {
    font-family: Geomanist-Light,Helvetica,sans-serif!important;
	font-size: 20px!important;
    line-height: 28px!important;
    padding:0;
} 

.contact-details.inner .content p b {
    font-family:"Geomanist-Medium";
    font-weight: 500;
    font-size: 18px;
}

@media screen and (max-width:1050px) {
    .contact-rightcol-header {margin-left:0!important;}
}

/*** BLOG RTE FONTS ***/

oegen-blog lightning-formatted-rich-text, c-blog lightning-formatted-rich-text {font-size: 17px;}

/*** TEMP FOOTER ***/

c-communityfooter > div > div, oegen-communityfooter > div > div {
	max-width: 1180px;
    margin: 0 auto;
}

c-communityfooter .top, oegen-communityfooter .top {font-size: 18px;}
c-communityfooter .top > div, oegen-communityfooter .top > div {padding:95px 30px!important;display: flex;justify-content: space-between;align-items: flex-start;}
c-communityfooter .top > div > div, oegen-communityfooter .top > div > div {
    padding:0;
    margin: 0;
    text-align: left;
    flex-basis:33%;
    font-size: 18px;
    line-height: 27px;
}

c-communityfooter .top > div > div:before, oegen-communityfooter .top > div > div:before {
    display:block;
    font-family:"Geomanist-Bold"!important;
    padding-bottom:10px;
}

c-communityfooter .top > div > div:nth-child(3), oegen-communityfooter .top > div > div:nth-child(3) {order:1;display: block;flex-basis: 37.5%;padding-right: 27px;}
c-communityfooter .top > div > div:nth-child(3):before, oegen-communityfooter .top > div > div:nth-child(3):before {content:"About us";}

c-communityfooter .top > div > div:nth-child(1), oegen-communityfooter .top > div > div:nth-child(1) {order:2;display: block;}
c-communityfooter .top > div > div:nth-child(1):before, oegen-communityfooter .top > div > div:nth-child(1):before {content:"Information";}
c-communityfooter .top > div > div:nth-child(1) ul, oegen-communityfooter .top > div > div:nth-child(1) ul {display: block;}
c-communityfooter .top > div > div:nth-child(1) ul li, oegen-communityfooter .top > div > div:nth-child(1) ul li {padding:0;border:none;}
c-communityfooter .top > div > div:nth-child(1) ul li a, oegen-communityfooter .top > div > div:nth-child(1) ul li a {text-decoration:underline;font-size:18px;line-height:27px;}

c-communityfooter .top > div > div:nth-child(2), oegen-communityfooter .top > div > div:nth-child(2) {order:3;flex-wrap:wrap;justify-content: unset;align-content:unset;align-items:unset;flex-basis:140px;}
c-communityfooter .top > div > div:nth-child(2):before, oegen-communityfooter .top > div > div:nth-child(2):before {content:"Connect with us";flex-basis: 100%;}
c-communityfooter .top > div > div:nth-child(2) > div, oegen-communityfooter .top > div > div:nth-child(2) > div {padding-top:0;}
c-communityfooter .top > div > div:nth-child(2) > div:first-of-type, oegen-communityfooter .top > div > div:nth-child(2) > div:first-of-type {padding-left:0;}
c-communityfooter .top > div > div:nth-child(2) > div:last-of-type, oegen-communityfooter .top > div > div:nth-child(2) > div:last-of-type {padding-right:0;}

c-communityfooter .bottom p, oegen-communityfooter .bottom p {padding-top:16px;font-size: 18px;clear:both;}
c-communityfooter .bottom > div, oegen-communityfooter .bottom > div {padding: 50px 30px;}

c-communityfooter .bottom img, oegen-communityfooter .bottom img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    width:117px;
    margin-bottom:25px;
}

c-communityfooter .bottom img:first-of-type, oegen-communityfooter .bottom img:first-of-type {margin-right:10px;}

@media screen and (min-width:1025) {
	c-communityfooter .top, oegen-communityfooter .top {
		display: flex;
	}
}

@media screen and (max-width:600px) {
    c-communityfooter .top > div, oegen-communityfooter .top > div {flex-direction:column;padding: 45px 30px 10px!important;}
    c-communityfooter .top > div > div, oegen-communityfooter .top > div > div {margin-bottom: 35px;flex-basis: unset!important;}
    c-communityfooter .top > div > div:nth-child(3), oegen-communityfooter .top > div > div:nth-child(3) {padding:0;}
    c-communityfooter .top > div > div:before, oegen-communityfooter .top > div > div:before {padding-bottom:5px;}
}

/*** TEMP HERO CAROUSEL ***/

.owl-carousel c-tile {margin-bottom:0;}
.owl-carousel .owl-nav {display:none;}
.owl-carousel .owl-dots {
	position: absolute;
    bottom: 10px;
    left: 0px;
    right: 0px;
    height: 25px;
}

@media screen and (max-width:600px) {
    .owl-carousel .owl-dots {bottom: 8px;}
}

/*** STICKY ***/

@media screen and (min-width:681px) {
    .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
}

@media screen and (min-width:901px) {
    .sticky h3.sz2-h4 {padding-top:10px;}
}

@media screen and (min-width:681px) and (max-width:900px) { 
    .sticky h3.sz2-h4 {padding-top:20px;}
}