/*
 Theme Name:   Charity Is Hope Child
 Theme URI:    https://charity-is-hope.themerex.net/
 Description:  Charity Is Hope Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     charity-is-hope
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,flexible-header,buddypress,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-image-header,featured-images,front-page-post-form,full-width-template,microformats,post-formats,sticky-post,theme-options,threaded-comments,translation-ready,holiday
 Text Domain:  charity-is-hope-child
*/

[class^="icon-"]:before{
    margin: 0;
}

:root {
  	--margin-0: 0!important;
	--margin-1: 1em!important;
	--margin-0-5: 0.5em!important;
	--margin-1-1: 1.1em!important;
	--margin-1-2: 1.2em!important;
	
	--padding-0: 0!important;
	--padding-1: 1em!important;
	--padding-1-1: 1.1em!important;
	--padding-1-2: 1.2em!important;
	
	--height-0: 0!important;
	--height-0-5: 0.5em!important;
	--height-1: 1em!important;
	--height-1-1: 1.1em!important;
	--height-1-2: 1.2em!important;
	--height-2: 2em!important;
	--height-2-1: 2.1em!important;
	--height-2-2: 2.2em!important;
	--height-3: 3em!important;
	--height-4: 4em!important;
	/* special img variables */
	--width-3: 3em!important;
	--width-100: 100%!important;
	--height-auto: auto!important;
	
	--size-3: 3em!important;
	
	--v-height-5: 5vh!important;
	--v-height-10: 10vh!important;
	--v-height-20: 20vh!important;
	--v-height-40: 40vh!important;
	--v-height-60: 60vh!important;
	--v-height-80: 80vh!important;
	--v-height-100: 100vh!important;
	
	--color-white: #ffffff!important;
	--color-silver: #b3b3b3!important;
	--color-light-sea-green: #0cb7af!important;
	--color-maize: #f5e746!important;
	--color-night: #111111!important;
	--color-turquoise: #0FE6DB!important;
	
  	--font-weight-normal: 400;
  	--font-weight-light: 300;
  	--font-weight-bold: 700;
	
	--font-size-smaller-80: 80%!important;
	
}

/* For browsers that support clamp and container queries */
@supports (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--text-xs: clamp(0.69rem, 0.01cqi + 0.69rem, 0.69rem);
		--text-s: clamp(0.78rem, 0.11cqi + 0.76rem, 0.83rem);
		--text-m: clamp(0.88rem, 0.24cqi + 0.83rem, 1rem);
		--text-l: clamp(0.98rem, 0.42cqi + 0.9rem, 1.2rem);
		--text-xl: clamp(1.11rem, 0.65cqi + 0.98rem, 1.44rem);
  }
}
/* For browsers that don't support clamp or container queries */
@supports not (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--text-xs: 0.69rem;
		--text-s: 0.78rem;
		--text-m: 0.88rem;
		--text-l: 0.98rem;
		--text-xl: 1.11rem;
  }
  @media screen and (min-width: 1140px) {
    :root {
			--text-xs: 0.69rem;
			--text-s: 0.83rem;
			--text-m: 1rem;
			--text-l: 1.2rem;
			--text-xl: 1.44rem;
    }
  }
}

/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --heading-h6: clamp(0.89rem, -0.03vw + 0.9rem, 0.87rem);
		--heading-h5: clamp(1rem, 0.07vw + 0.99rem, 1.04rem);
		--heading-h4: clamp(1.13rem, 0.21vw + 1.08rem, 1.25rem);
		--heading-h3: clamp(1.27rem, 0.39vw + 1.19rem, 1.5rem);
		--heading-h2: clamp(1.42rem, 0.63vw + 1.3rem, 1.8rem);
		--heading-h1: clamp(1.6rem, 0.93vw + 1.42rem, 2.16rem);
		--heading-title: clamp(1.8rem, 1.32vw + 1.54rem, 2.59rem);
  }
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --heading-h6: 0.89rem;
		--heading-h5: 1rem;
		--heading-h4: 1.13rem;
		--heading-h3: 1.27rem;
		--heading-h2: 1.42rem;
		--heading-h1: 1.6rem;
		--heading-title: 1.8rem;
  }
  @media screen and (min-width: 1280px) {
    :root {
      --heading-h6: 0.87rem;
	  --heading-h5: 1.04rem;
	  --heading-h4: 1.25rem;
	  --heading-h3: 1.5rem;
	  --heading-h2: 1.8rem;
	  --heading-h1: 2.16rem;
	  --heading-title: 2.59rem;
    }
  }
}

.scheme_dark .menu_main_nav>a:hover, .scheme_dark .menu_main_nav>li>a:hover, .scheme_dark .menu_main_nav>li.sfHover>a, .scheme_dark .menu_main_nav>li.current-menu-item>a, .scheme_dark .menu_main_nav>li.current-menu-parent>a, .scheme_dark .menu_main_nav>li.current-menu-ancestor>a {color: #0CB7AF!important;}
.menu_main_nav > li > a {padding-right: 1.2em!important; padding-left: 1.2em!important;}
.scheme_dark .menu_main_nav>li ul {background-color: #0CB7AF!important;}
.scheme_dark .search_style_fullscreen.search_state_closed .search_submit {color: #f5e746!important;}
.scheme_dark .sc_socials.sc_socials_type_icons a:hover {color: #0CB7AF!important; border-color: #0CB7AF!important;}
.my_embedded iframe {width: 100%!important; height: 100%!important;}
body.home .page_content_wrap.page_paddings_no, .body_style_fullscreen .page_content_wrap {padding-top: 0!important;}

.my_own_service_class h2.sc_services_title {display: none!important;}

@media (max-width: 600px) {h2.my_special_heading {font-size: 3.6em!important;}}

.page_content_wrap {padding: 2.2em 0 0em!important;}

.my_donation_grid .give-wrap .give-card__body {padding-bottom: 0!important; padding-top: 0!important; padding-bottom: 20px!important; padding-right: 20px!important;}
.give-wrap .give-card__body {padding-bottom: 0!important; padding-top: 0!important; padding-bottom: 20px!important; padding-right: 20px!important;}

.sc_services_button .sc_button.sc_button_size_large {font-size: 1em;!important;}
.sc_button.sc_button_size_large {font-size: 1em!important; padding: 1.18em 1.6em; background-color: var(--color-light-sea-green)!important; color: var(--color-white)!important; line-height: unset!important;}
.sc_button.sc_button_size_large:hover {font-size: 1em!important; padding: 1.18em 1.6em; background-color: var(--color-turquoise)!important; color: var(--color-white)!important; line-height: unset!important;}
.padding_button .sc_button {line-height: unset!important;}
.scheme_light .sc_button.sc_button_style_filled:hover {background-color: var(--color-turquoise)!important;color: #ffffff!important;}

div.my_main_row {margin-top: -2.2em!important; margin-bottom: 0em!important; height: 380px;
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/wp-content/uploads/2024/07/Giving-Children-Hope-and-a-Future-01-scaled.jpg');
    background-position:center!important;
	background-repeat: no-repeat !important;
    background-size: cover !important;}
h1.my_project_title {position: relative; top: 180px!important}

.footer_wrap_inner {padding-top: 3rem!important; padding-bottom: unset!important;}
.footer_wrap_inner .contacts_wrap_inner {padding-bottom: unset!important;}

.scheme_dark .top_panel_style_1 .top_panel_middle {background-color: #141414!important;}

div.my_project_grid_layout .vc_gitem-col {padding: 0!important;}
div.my_project_grid_layout .vc_gitem-post-data {padding-left: 0.6rem!important; padding-right: 0.6rem!important;}

div.sc_skills_total {
	color: var(--color-maize)!important;
}

.my_big_button {
	background-color: var(--color-light-sea-green)!important;
	color: var(--color-white)!important;
}

.my_big_button:hover {
    background-color: var(--color-turquoise)!important;
    color: var(--color-white)!important;
}

 .my_2_columns {column-count: 2!important;}
@media screen and (max-width: 1024px) {.my_2_columns {column-count: 1!important;}}

.my_spezial_column {padding: 1.2rem!important;}
.my_spezial_column .vc_column-inner {background-color: var(--color-maize)!important; margin: 0.8rem!important;}
.my_spezial_column .vc_column-inner .wpb_wrapper {color: var(--color-night)!important;}

.scheme_dark .contact_button>a.first_button {background-color: var(--color-light-sea-green)!important; color: var(--color-maize)!important;}
.scheme_dark .contact_button>a.first_button:hover {background-color: var(--color-maize)!important; color: var(--color-light-sea-green)!important;}
.scheme_dark .contact_button>a.second_button {background-color: var(--color-maize)!important; color: var(--color-light-sea-green)!important;}
.scheme_dark .contact_button>a.second_button:hover {background-color: var(--color-light-sea-green)!important; color: var(--color-maize)!important;}

/* project grid */
.my_project_grid_layout h4 {margin-bottom: 0.6em!important; margin-top: 0.6em!important;}
.limited-lines {
      display: -webkit-box;
      -webkit-line-clamp: 5; /* Number of lines to display */
	  line-clamp: 5; /* Number of lines to display */
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }
.my_project_grid_title {height: 50px!important;}
@media screen and (max-width: 1024px) {.my_project_grid_title {height: auto!important;}}
.my_project_grid_title h4 {font-size: 1.4rem!important; text-transform: uppercase;}

@media screen and (max-width: 768px) {.my_pzero_height {height: 0!important;}}
@media screen and (max-width: 768px) {.my_szero_height {height: 2em!important;}}

h1.my_main_title {font-size: 2.4em!important; text-transform: uppercase!important; font-weight: 600;}
span.my_title {color: #0CB7AF!important;}

div.my_ambassador_title {margin-bottom: 0.8rem!important; margin-top: 1.1rem!important; color: #333333!important; font-weight: 700;}
div.my_toggled_content {font-size: 1.1em!important; line-height: 1.5rem!important;}
div.my_toggled_content a {color: #0CB7AF!important;}
div.my_toggled_content a:hover {color: #f5e746!important;}

/*.my_thank_you_letters .vc_gitem-zone {overflow: visible!important;}*/

.my_thank_you_letters .my_thank_you_letter_author {color: #333333!important; font-weight: 600!important;}
.my_thank_you_letters_grid .vc_grid-item:nth-child(odd) .my_thank_you_letter_col {background-color: #daf2f5!important;}
.my_thank_you_letters_grid .vc_grid-item:nth-child(even) .my_thank_you_letter_col {background-color: #f1efd9!important;}

div.my_own_separator {margin-bottom: 1.2rem!important; margin-top: 1.2rem!important;}
.my_own_accordion .vc_tta-title-text {font-size: var(--heading-h5)!important; color: #141414;}

/* Top panel (top area) */
.top_panel_top {
	margin-top:0;
	position:relative;
	z-index:10000;
}
.top_panel_style_1 .top_panel_middle,
.top_panel_style_3 .top_panel_middle,
.top_panel_style_4 .top_panel_middle,
.top_panel_style_6 .top_panel_middle {
	background-repeat:repeat;
	background-position:center top;
}
.top_panel_top_contact_area {
	float: left;
	margin-top:1em;
}
.top_panel_top_open_hours {
	float:left;
	margin-top:1em;
	margin-left:3em;
}

.top_panel_top_user_area {
	width: 100%;
}
.top_panel_style_3 .top_panel_top_user_area {
    padding: 0 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.top_panel_top_socials {
	float:right;
	margin-top:1em;
}

.top_panel_top_search,
.menu_user_nav {
	float:left;
	margin-top:1em;
}
.top_panel_top_search {
	padding-top: 0.2em;
	margin-right: 2em;
}
.top_panel_top_socials {
	margin-left:3em;
}
.top_panel_wrap .sc_socials a:before,
.top_panel_wrap .sc_socials [class*="icon-"]:before {
	margin-right:0;
}

.top_panel_wrap ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.top_panel_wrap li {
	margin-bottom: 0;
	position:relative;
}
.top_panel_wrap li li > a {
	position:relative;
	display:block;
	padding:0.5em 1.5em 0.5em 1.5em;
}
.top_panel_wrap .menu_user_nav li li > a {
    padding:0.5em 1.5em 0.5em 1.5em;
}

.menu_main_nav > li.menu-item-has-children > a:after {
	content: '\e828';
	font-family: 'fontello';
	position:absolute;
	right:10px;
	top:50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	        transform: translateY(-50%);
    display: none;
}
.top_panel_wrap li li.menu-item-has-children > a:after {
	content: '\e8fa';
	font-family: 'fontello';
	position:absolute;
	right:2em;
	top:50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	        transform: translateY(-50%);
}

/* home page */
.vc_general.vc_cta3.vc_cta3-shape-rounded {
    border-radius: 5px;
    /* height: 80px; */
    min-height: 60px;
    display: flex;
    /* vertical-align: sub; */
    justify-content: flex-start!important;
    align-items: center;
}

.my_cta_container .vc_icon_element-inner {padding-left: 0.5rem!important}
.my_cta_container .vc_cta3_content-container {padding-left: 0!important}
.my_cta_container .vc_cta3_content-container a {font-weight: 700!important;}
.my_cta_container .vc_cta3_content-container p {font-size: 1.1rem!important;}

/* donation give css */
.give-wrap .give-grid .give-grid__item .give-card__title, .give-wrap .give-grid .give-grid__item .give-card__title a {
	font-family: "Montserrat", sans-serif!important;
    font-size: var(--heading-h3)!important;
    font-weight: 700!important;
    line-height: 1.2em!important;
    margin-top: 0.6em!important;
    margin-bottom: 0.2em!important;
}

.give-wrap .give-grid .give-grid__item .give-card__progress {margin-bottom: 1.5rem!important;}

.isotope_wrap .post_title, .isotope_wrap .post_title a {
	font-family: "Montserrat", sans-serif!important;
    font-size: var(--heading-h3)!important;
    margin-top: 0.6em!important;
    margin-bottom: 0.2em!important;
    text-transform: none;
    line-height: 1.2em;
    font-weight: 700!important;
}

.isotope_wrap .isotope_item .post_info {margin-bottom: 1.2rem!important;}
.isotope_wrap .isotope_item p {margin-bottom: 1.2rem!important;}

.post_info {
    font-family: "Montserrat", sans-serif;
    font-size: 1.0rem!important;
    font-weight: 500;
    line-height: 1.1em!important;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}
a.post_info_date {font-size: 1.0rem!important;}
a.post_readmore {font-size: 1rem!important;}

.my_team_grid .my_team_grid_title {margin-top: 0.4rem!important; margin-bottom: 0.4rem!important;}
.my_team_grid .my_team_grid_title h6 {margin-top: 0!important; margin-bottom: 0!important;}
.my_team_grid .my_team_grid_content {margin-top: 0.3rem!important; margin-bottom: 0.6rem!important;}
.my_team_grid .my_team_grid_content p {margin-top: 0rem!important; margin-bottom: 0rem!important; font-size: 1.1rem!important; line-height: 1.1;}

/* gravity forms */
#field_1_11 {margin-bottom: 1rem!important;}

.gform_wrapper.gravity-theme .gfield select {
	-webkit-appearance: menulist!important;
	-moz-appearance: menulist!important;
   	appearance: menulist!important;
}

#gform_wrapper_1 fieldset legend {font-style: unset!important; left: unset!important; position: unset!important; top: unset!important;}
#gform_confirmation_message_1 {color: #0CB7AF!important; font-weight: 700!important;}


/* footer */
.footer_wrap aside#custom_html-2 {margin-bottom: 1.75em!important;}