/*
Theme Name:   LEVEL UP FOR CHANGE
Description:  LUFC
Author:       misminali
Author URL:   https://minali.com
Template:     Divi
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  LEVEL UP FOR CHANGE
*/

/* Write your own personal stylesheet here */


/*ADD DISCREET PATTERN TO MAIN CONTENT AREA*/
#main-content { background: url(https://staging.levelupforchange.org/wp-content/uploads/2021/11/BG-TILING-PATTERN.svg) 50% 50% / 6px repeat #ffffff !important;}


/*INSERT A LINE BREAK IN TEXT THAT CAN BE HIDDEN ON LARGER SCREENS*/
.line-break:after {
content: '\A';
white-space: pre;
}

/*INSERT A DOUBLE LINE BREAK IN TEXT THAT CAN BE HIDDEN ON LARGER SCREENS*/
.double-lb:after {
content: '\A\A';
white-space: pre;
}

/* VERTICALLY CENTER CONTENT*/
.lufc-vc {
display: flex;
flex-direction: column;
justify-content: center;
}

/*ALIGN CONTENT TO THE BOTTOM*/
.lufc-end {
display: flex;
flex-direction: column;
justify-content: flex-end;
}



/**LUFC Custom Link Styling**/
.lufc-link a {
background-color: transparent;
color: inherit;
text-decoration: none;
border-bottom: 3px solid #AED6D3;
-webkit-box-shadow: inset 0 -4px 0 #AED6D3;
box-shadow: inset 0 -4px 0 #AED6D3;
word-wrap: break-word;
}


/*LUFC SECTION TITLES WITH UNDERLINES PHONE FONT SIZES*/
@media (min-width: 360px) and  (max-width: 767px) {
.LUFC-title h4 {
font-size: 28px;
}
}
@media (max-width: 359.98px) {
.LUFC-title h4 {
font-size: 8.5vw;
}
}




/* ==== WEB FONTS ==== */
/*---INTER FAMILY---*/
@font-face {
font-family: 'Inter-Thin';
src: url('/wp-content/fonts/Inter-Thin.woff2') format('woff2'),
	 url('/wp-content/fonts/Inter-Thin.woff') format('woff'),
	 url('/wp-content/fonts/Inter-Thin.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'Inter-Light';
src: url('/wp-content/fonts/Inter-Light.woff2') format('woff2'),
     url('/wp-content/fonts/Inter-Light.woff') format('woff'),
     url('/wp-content/fonts/Inter-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'Inter-Regular';
src: url('/wp-content/fonts/Inter-Regular.woff2') format('woff2'),
	 url('/wp-content/fonts/Inter-Regular.woff') format('woff'),
	 url('/wp-content/fonts/Inter-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'Inter-Medium';
src: url('/wp-content/fonts/Inter-Medium.woff2') format('woff2'),
	 url('/wp-content/fonts/Inter-Medium.woff') format('woff'),
	 url('/wp-content/fonts/Inter-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'Inter-SemiBold';
src: url('/wp-content/fonts/Inter-SemiBold.woff2') format('woff2'),
	 url('/wp-content/fonts/Inter-SemiBold.woff') format('woff'),
	 url('/wp-content/fonts/Inter-SemiBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'Inter-Bold';
src: url('/wp-content/fonts/Inter-Bold.woff2') format('woff2'),
     url('/wp-content/fonts/Inter-Bold.woff') format('woff'),
     url('/wp-content/fonts/Inter-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}



@font-face {
font-family: 'Inter-ExtraBold';
src: url('/wp-content/fonts/Inter-ExtraBold.woff2') format('woff2'),
     url('/wp-content/fonts/Inter-ExtraBold.woff') format('woff'),
     url('/wp-content/fonts/Inter-ExtraBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}



@font-face {
font-family: 'Inter-Black';
src: url('/wp-content/fonts/Inter-Black.woff2') format('woff2'),
     url('/wp-content/fonts/Inter-Black.woff') format('woff'),
     url('/wp-content/fonts/Inter-Black.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


/*---Elegant Themes Icon Font---*/
@font-face {
font-family: 'ElegantIcons';
	 src: url('/wp-content/fonts/ElegantIcons.eot') format('eot'),
	 url('/wp-content/fonts/ElegantIcons.woff') format('woff'),
	 url('/wp-content/fonts/ElegantIcons.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}




/* WEB FONT DEFAULTS */
body {
font-family: "Inter-Medium", Arial, sans-serif;
font-size: 16px;
}

h1 {
font-family: 'Inter-Black', Arial, sans-serif;
font-size: 58px;
}

h2 {
font-family: 'Inter-ExtraBold', Arial, sans-serif;
font-size: 36px;
}

h3 {
font-family: 'Inter-Bold', Arial, sans-serif;
font-size: 24px;
}

h4 {
font-family: 'Inter-SemiBold', Arial, sans-serif;
font-size: 20px;
}

h5 {
font-family: 'Inter-SemiBold', Arial, sans-serif;
font-size: 18px;
}

h6 {
font-family: 'Inter-SemiBold', Arial, sans-serif;
font-size: 16px;
}


/*==== END WEB FONTS ==== */





/***************************
=============================
EVENT CALENDAR
=============================
*****************************/

/*Style the main container*/
.tribe-events-view.tribe-events-view.tribe-events-view {
background-color: #f2f2f2;
width: 1310px;
max-width: 92%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10vw;
}
/*Find events - Button background color*/
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {
background-color: #ec175e;
}
/*Find events button hover colour*/
.tribe-events .tribe-events-c-search__button:focus, .tribe-events .tribe-events-c-search__button:hover {
background-color: #ec175e;
}
/*Subscribe button color*/
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
border-color: #ec175e;
color: #ec175e;
border: 1px solid #ec175e;
}
/*Subscribe button color hover*/
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
background-color: #ec175e;
}
/*Month view calendar*/
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__week {
background-color: #fbfbfb;
}
/*Featured images*/
.tribe-common img {
border-radius: 50px 0px 50px 0px;
}
/*Calendar date picker*/
.tribe-events .datepicker .day.active {
background-color: #ED2064;
color: #333333 !important;
}
/*Calendar date picker hover*/
.tribe-events .datepicker .day.active:hover {
background-color: #ED2064;
color: #ffffff !important;
}
/*Current day soft shade*/
.tribe-events .datepicker .day.current {
background-color: #fde9f0;
}
/*Month calendar - multi day events bars*/
.tribe-events .tribe-events-calendar-month__multiday-event--end .tribe-events-calendar-month__multiday-event-bar {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
.tribe-events .tribe-events-calendar-month__multiday-event--start .tribe-events-calendar-month__multiday-event-bar {
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
/* MD SCREENS PORTRAIT TABLET */
@media (min-width: 768px) and (max-width: 980px) {
/*Style the main container*/
.tribe-events-view.tribe-events-view.tribe-events-view {
width: 92%;
margin-top: 7vw;
margin-bottom: 12vw;
}
}
/* PHONES SM SCREENS */
@media (max-width: 767px) {
/*Style the main container*/
.tribe-events-view.tribe-events-view.tribe-events-view {
width: 92%;
margin-top: 7vw;
margin-bottom: 12vw;
}
}





/***************************
=============================
TRANSLATE PRESS
=============================
*****************************/

/*Remove inner box shadow from language switcher*/
#trp-floater-ls.trp-color-dark {
background-color: #333333 !important;
background-image: none;
}

/*Remove outer box shadow from language switcher*/
#trp-floater-ls {
box-shadow: none;
}

/*Fix resource button colors on language switch*/
.tb-button__link {
background-color: #00A89E;
color: #fff !important;
}

/*Fix button position on langauge switch*/
.tb-button {
text-align: center !important;
}

/*Fix padding in button parent div*/
.resource-button {
padding-left: 15px;
}

/*Position language switcher*/
#trp-floater-ls {
left: 72% !important;
}



/*============================= Spanish Translations =============================*/
/*NOTE HEADER SUBS AFTER ELEMENTS SPANISH CUSTOM CSS LOCATED IN DIVI TB*/


/*GLOBAL*/
/*Display form note for Spanish visitors on Spanish site only*/
.spanish-note span, .spanish-note-2 span {
display: none  
}
.translatepress-es_ES .spanish-note span, .translatepress-es_ES .spanish-note-2 span, .et-fb .spanish-note span, .et-fb .spanish-note-2 span {
display: inline;
}
/*Resource and Event form after element manual translation */
.translatepress-es_ES #resource-form .et_pb_contact_field_4:after {
content: 'Háblenos de usted' !important; /*Tell us about you*/
}
.translatepress-es_ES #event-form .et_pb_contact_field_15:after { /**/
content: '¿Cuándo se produce el evento?' !important; /*When does the event occur?*/
}
.translatepress-es_ES #event-form .et_pb_contact_field_16:after {
content: 'Más sobre el evento' !important; /*More about the event*/
}
.translatepress-es_ES #event-form .et_pb_contact_field_21:after {
content: '¿Qué tipo de evento?' !important; /*What type of event?*/
}
.translatepress-es_ES #event-form .et_pb_contact_field_22:after {
content: 'Háblenos de usted' !important; /*Tell us about you*/
}

/* LG SCREENS AND UP*/
@media (min-width: 1100px) {
/*Set max width and centre align header after element DT long translation*/
body.translatepress-es_ES .h1-header::after {
width: 100%;
max-width: 60vw;
margin-left: auto;
margin-right: auto;
}

/*Remove padding from consent blurb on home page*/
body.translatepress-es_ES .consent {
padding-right: 0px !important;
}

/*Increase width for resource submission intro row*/
body.translatepress-es_ES .spanish-note {
width: 755px;	
}
/*Style spanish note for event form*/
body.translatepress-es_ES .event-intro {
padding-right: 6vw !important;
}
body.translatepress-es_ES .spanish-note-2 {
display: inline-block;
padding-right: 1vw !important;
}
}

/* AV SCREENS AND LANDSCAPE TABLETS */
@media (min-width: 981px) and (max-width: 1099.98px) {
/*Set max width to header after element DT long translation*/
body.translatepress-es_ES .h1-header::after {
max-width: 66vw;
margin: auto;
}
}

/* PHONES SM SCREENS */
@media (max-width: 767px) { 
/*Span topbar differently on spanish site*/
.translatepress-es_ES .header-2 .get-help-btn {
grid-column: span 4;
}
.translatepress-es_ES .header-2 .get-away {
grid-column: span 4;
}
.translatepress-es_ES .header-2 .current-lang {
grid-column: span 4;
}
/*Remove padding from safe exit on Spanish*/
.translatepress-es_ES .get-away, .translatepress-es_ES .header-2 .get-away {
padding-right: 0vw !important;
transform: translate(0px,0px) !important;
}

/*Hide Basics and Events from all phones on Spanish site and change the grid span*/
.translatepress-es_ES .header-2 .basics, .translatepress-es_ES .header-2 .events {
display: none;
}
.translatepress-es_ES .header2-icons {
grid-column: span 3 !important;
}

/*Shorten the spanish translations on phones*/
.translatepress-es_ES .replaced span { /*GET HELP*/
display: none;
}
.translatepress-es_ES .replaced:before { /*GET HELP*/
content: 'ayuda'; 
}
.translatepress-es_ES .replaced2 span {
display: none;
}
.translatepress-es_ES .replaced2:before {
content: "salida";
}
.translatepress-es_ES .header2-icons .menu-teens span, .translatepress-es_ES .lufc-header-icons .menu-teens span {
display: none;
}
.translatepress-es_ES .header2-icons .menu-teens:before, .translatepress-es_ES .lufc-header-icons .menu-teens:before {
content: "Adolesc";
}
.translatepress-es_ES .header2-icons .menu-hub span, .translatepress-es_ES .lufc-header-icons .menu-hub span {
display: none;
}
.translatepress-es_ES .header2-icons .menu-hub:before, .translatepress-es_ES .lufc-header-icons .menu-hub:before {
content: "Recursos";
}

/*safe exit padding*/
.translatepress-es_ES .header-1 .get-away {
padding-right: 6vw;
}
.translatepress-es_ES .header-2 .get-away {
padding-right: 3vw;
}
/*Header after element Spanish site == ABOUT US == */
.translatepress-es_ES .menu-about:before {
content: "Sobre";
}
/*Header after element Spanish site == THE BASICS == */
.translatepress-es_ES .menu-basics:before {
content: "Básicos";
}
/*Custom linebreaks in footer*/
body.translatepress-es_ES .lufc-footer .double-lb {
height: 14px !important;
display: block;
}
}
/*============================= END Spanish Translations =============================*/





/*============================= Chinese Translations =============================*/
/*NOTE HEADER SUBS AFTER ELEMENTS CHINESE CUSTOM CSS LOCATED IN DIVI TB*/

/*GLOBAL*/
/*Display form note for Spanish visitors on Spanish site only*/
.chinese-note span, .chinese-note-2 span {
display: none 
}
.translatepress-zh_HK .chinese-note span, .translatepress-zh_HK .chinese-note-2 span, .et-fb .chinese-note span, .et-fb .chinese-note-2 span {
display: block !important;
}
/*Resource and Event form after element manual translation */
.translatepress-zh_HK #resource-form .et_pb_contact_field_4:after {
content: '告诉我们你的情况' !important; /*Tell us about you*/
-webkit-text-stroke: 0.6px !important;
}
.translatepress-zh_HK #event-form .et_pb_contact_field_15:after { /**/
content: '当事件发生时' !important; /*When does the event occur?*/
-webkit-text-stroke: 0.6px !important;
}
.translatepress-zh_HK #event-form .et_pb_contact_field_16:after {
content: '关于该活动的更多信息' !important; /*More about the event*/
-webkit-text-stroke: 0.6px !important;
}
.translatepress-zh_HK #event-form .et_pb_contact_field_21:after {
content: '什么类型的活动' !important; /*What type of event?*/
-webkit-text-stroke: 0.6px !important;
}
.translatepress-zh_HK #event-form .et_pb_contact_field_22:after {
content: '告诉我们你的情况' !important; /*Tell us about you*/
-webkit-text-stroke: 0.6px !important;
}
/*Header title*/
.translatepress-zh_HK .lufc-title {
-webkit-text-stroke: 2px;
font-weight: 900;
font-size: 6vw;
}
/*Header sub heading*/
body.translatepress-zh_HK .h1-header::after {
font-size: 26px !important;
font-weight: 900;
}
/*Header one Topbar button texts*/
.translatepress-zh_HK .topbar p {
font-weight: 900 !important;
-webkit-text-stroke: 0.45px;
font-size: 14px !important;
}
/*Header two Topbar button texts*/
.translatepress-zh_HK .header-2 .get-away p, .translatepress-zh_HK .header-2 .get-help-btn p, .translatepress-zh_HK .header-2 .current-lang p {
font-weight: 900 !important;
-webkit-text-stroke: 0.45px;
font-size: 14px;
}
/*Header icon titles*/
.translatepress-zh_HK .lufc-header-icons p {
font-weight: 900;
-webkit-text-stroke: 0.3px;
font-size: 16px;
}
/*Footer icon titles*/
.translatepress-zh_HK .footer-icons p {
font-weight: 900;
-webkit-text-stroke: 0.3px;
font-size: 16px;
}
/*Footer column title*/
.translatepress-zh_HK .lufc-footer h1 {
font-weight: 900 !important;
-webkit-text-stroke: 0.3px !important;
font-size: 24px !important;
}
/*Homepage Trio below the fold*/
.translatepress-zh_HK .home-trio .services p {
font-weight: 900;
-webkit-text-stroke: 0.3px !important;
}
/*Home page content titles*/
.translatepress-zh_HK .LUFC-title h4, .translatepress-zh_HK .Topic-Title h5 {
font-weight: 900;
-webkit-text-stroke: 0.3px #231f20 !important;
}
/*Home page learn more buttons*/
.translatepress-zh_HK .learn-more {
-webkit-text-stroke: 0.5px !important;
}
.translatepress-zh_HK .learn-more:after {
color: #ffffff !important;
-webkit-text-stroke: 0px !important;
}
/*LUFC Quotes, in-section spotlight-text and bullet-lists*/
.translatepress-zh_HK .lufc-quote, .translatepress-zh_HK .spotlight-text p, .translatepress-zh_HK .titleix {
font-weight: 900;
-webkit-text-stroke: 0.3px !important;	
}
/*Event page*/
.translatepress-zh_HK time.tribe-events-c-top-bar__datepicker-time, .translatepress-zh_HK ul.tribe-events-c-messages__message-list {
font-weight: 900;
}
.translatepress-zh_HK .tribe-events-c-subscribe-dropdown__button-text {
font-weight: 900 !important;
-webkit-text-stroke: 0.6px !important;
}
/*Contact Page*/
.translatepress-zh_HK .form-title, .translatepress-zh_HK .event-form-title, .translatepress-zh_HK label.et_pb_contact_form_label {
-webkit-text-stroke: 0.6px !important;
}


/* AV SCREENS AND LANDSCAPE TABLETS */
@media (min-width: 981px) and (max-width: 1099.98px) {
/* ADD STYLES HERE */
}

/* MD SCREENS PORTRAIT TABLET */
@media (min-width: 768px) and (max-width: 980px) {
.translatepress-zh_HK .lufc-title {
font-size: 10vw;
}
/*Keep replaced text during translation for About and Basics*/
body.translatepress-zh_HK .menu-about:before {
content: "关于我们" !important;
}
body.translatepress-zh_HK .menu-basics:before {
content: "基础知识" !important;
}
}

/* PHONES SM SCREENS */
@media (max-width: 767px) {
/*Header title*/
.translatepress-zh_HK .lufc-title {
font-size: 17vw;
line-height: 1.1em;
}
/*Header sub*/
.translatepress-zh_HK .zh-trans:after {
font-size: 22px !important;
}
/*Header icon titles*/
.translatepress-zh_HK .header2-icons p {
font-size: 14px;
}
/*Keep replaced text during translation for About and Basics*/
body.translatepress-zh_HK .menu-about:before {
content: "关于我们" !important;
}
body.translatepress-zh_HK .menu-basics:before {
content: "基本" !important;
}
/*Fix get away button placement issue*/
body.translatepress-zh_HK .header-1 .get-away {
transform: translate(4vw, 0px);
}
body.translatepress-zh_HK .header-2 .safe-exit {
padding-right: 0.5vw;
}
}

/*XS SMARTPHONES AND IPHONE 5*/
@media (max-width: 389.98px) {
/*Topbar after elements phone*/
body.translatepress-zh_HK .replaced:before { /*GET HELP*/
content: "帮助";
}
body.translatepress-zh_HK .replaced2:before { /*SAFE EXIT*/
content: "出口";
}
/*Fix get away button placement issue*/
body.translatepress-zh_HK .header-1 .get-away {
transform: translate(0vw, 0px);
}
}

/* PHONES SM SCREENS LANDSCAPE VIEW */
@media (max-width: 767px)  and (orientation: landscape) {
/* ADD STYLES HERE */
}
/*============================= End Chinese Translations =============================*/