/*
Theme Name: Community Living 2021
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ---- VARIABLES ------------------ */

html, body {

font-size: 17px;
font-weight:400;

--base-color: #191919;
--primary-color: #136533;
--secondary-color:#991409;


--container-max-width: 1750px;
--passe-partout: 6%;

--font-xs: calc(0.9em + 0.2 * ((100vw - 320px) / 150));
--font-s: calc(0.9em + 0.1 * ((100vw - 320px) / 150));
--font-m: calc(1.1em + 0.6 * ((100vw - 320px) / 150));
--font-l: calc(1.2em + 1.1 * ((100vw - 320px) / 150));
--font-xl: calc(1.6em + 1.1 * ((100vw - 320px) / 150));
--font-xxl: calc(2.5em + 1.1 * ((100vw - 320px) / 150));
--font-xxxl: calc(2.9em + 1 * ((100vw - 320px) / 150));

/* Formule responsive font-size */
/* font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */

--space-xs: 1em;
--space-s: 2em;
--space-m: 5em;
--space-l: 8em;
--space-xl: 12em;
--space-xxl: 16em;

}

/* --- FONTS -------------------------------*/
h1.lead{font-size: var(--font-xxxl); line-height: 1.2;}
h1 {font-size: var(--font-xxl); font-weight: 400; letter-spacing:0px;line-height: 1.2;}
h2.lead {font-size: calc(1.2 * var(--font-xl)); font-weight: 400;}
h2 {font-size: var(--font-xl); line-height: 1.3; font-weight: 400; }
h3 {font-size:  var(--font-l); line-height: 1.3; font-weight: 400;}
h4, h5 {font-size: var(--font-m); line-height: 1.4; font-weight: 400;}
p, p + ul, p + ol, h1 + ul, h2 + ul, h3 + ul, h1 + ol, h2 + ol, h3 + ol {font-size: var(--font-s);}
p.lead {font-size: calc(1.3 * var(--font-s));}
h6.small-headline {text-transform: none;font-size: var(--font-xs);font-weight: 300;letter-spacing: 0; line-height: 1.4; margin-bottom: 1.1em;}
td {color: var(--base-color);}
h6{margin-bottom: 1em;}
 .nav-dropdown.nav-dropdown-default>li>a {font-size: calc(0.8*var(--font-xs)); color:var(--base-color); opacity:1;}
 .nav-dropdown.nav-dropdown-default>li>a:hover {font-size: calc(0.8*var(--font-xs)); color:var(--primary-color)!important;}
h3 ~ p{margin-bottom:1.2em;}




/*LIST STYLE*/
#content ul {list-style: none; /* Remove default bullets */}
#content ul li::before {content: "\25A0";  color: var(--primary-color); font-weight: bold;  display: inline-block; width: 1em; margin-left: -1em; }


/* --- LAYOUT (passe-partout, etc.) -------------------------------*/

.full-width .ubermenu-nav, .container, .row {max-width: 100%;} /* Hack, e.g news home page: sinon max-width par default appliqué */
.header .container, #footer .section-content > .row, .row.row-main {max-width: var(--container-max-width);padding-left: var(--passe-partout);padding-right: var(--passe-partout);}
.section-content {padding-left: var(--passe-partout);padding-right: var(--passe-partout);}
.absolute-footer{display:none;}

/*HEADER*/
ul.header-nav.header-nav-main.nav.nav-left.nav-line-bottom.nav-spacing-xlarge {justify-content: center;}
.nav-dropdown.nav-dropdown-default>li>a {font-weight: 500;  color: var(--beige);}
.has-dropdown .icon-angle-down{display:none;}


/* --- ELEMENTS -------------------------------*/

/*BUTTONS*/
.button.secondary:not(.is-outline){font-weight:500;}
.button.is-underline:before { opacity: 1;}
.button.is-underline:hover, .button.is-link:hover {color: var(--primary-color)!important;}
.header-main .header-button > .button:not(.is-outline) {background-color: var(--primary-color)!important;text-transform: uppercase!important; font-weight:500;}
.button span {font-weight: 500;}
button.button.primary.is-link.is-small.mb-0 {font-weight: 500;}
button.button.primary.is-link.is-small.mb-0:hover{color:var(--base-color: #494644;);}
a.button.primary.header-button {color: #fff!important;text-transform: uppercase;font-size: 100%;padding: 0.5em 1.6em;font-weight: 500;}
a.button.primary.header-button:before{display:none!important;}
a.button.primary.header-button:hover{padding: 0.5em 1.6em;}
a.button.primary {font-size: 85%;letter-spacing: 0.05em; padding: 0.2em 1.8em;}
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {padding: 4px 11px;}
input[type='submit']:not(.is-form){border-radius: 50px;}

/*BLOG HOME*/
.box-text h5, .box-text h6, .box-text a:not(.button) {margin-bottom: 0.6em; font-size: var(--font-m);}
.box-text p {font-size: 100%;}
.box-blog-post .is-divider {margin-top: 0.7em; margin-bottom: 0.7em; background-color: var(--primary-color)!important;}
button.button.primary.is-link.is-small.mb-0:hover{color:var(--base-color)!important;}

/*UNDERLINE*/
.fancy-underline:after{ background: url(/wp-content/uploads/2022/07/underline-1.png) 50% top no-repeat;}

/*FOOTER*/

#footer span.ux-menu-link__text {font-weight: 500;font-size: 90%;}




@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	h1 { font-size: calc(0.7*var(--font-xxl));}
	h2 { font-size: calc(0.9*var(--font-xl));}