/* 
Theme Name: Disability Power 100
Template: hello-elementor
*/

:root {
 --pink: #fad3dc;
 --cream: #eee9e1;
 --yellow: #f7e171;
 --blue: #24649d;
 --red: #d82e42;
 --green: #135640;
 --purple: #472b7e;
--dark-purple: #050351;
--orange: #C9381A;
}


/* set html to 10px so 1rem = 10px */
html{font-size:10px}

p, main ul {
    margin-bottom: 20px;
}

header .e--pointer-underline .elementor-item:after{
    height: 0px !important;
}
header .elementor-nav-menu > li > a:hover, header .elementor-nav-menu > li > a.has-submenu.highlighted, header .elementor-nav-menu > li > a.elementor-item-active{
	background: var(--dark-purple) !important;
    color: white !important;
}

header a .sub-arrow svg{fill: var(--blue)}
header a:hover .sub-arrow svg, header a.elementor-item-active .sub-arrow svg, header a.highlighted .sub-arrow svg{fill: #fff !important;}

header .elementor-nav-menu > li > a:focus{color: var(--dark-purple) !important;}
header .elementor-nav-menu > li > a.elementor-item-active:focus{color: #fff !important;}

/*
header .sub-arrow svg{fill: var(--dark-purple) !important;}
header .elementor-nav-menu > li:last-child > a {
	background: var(--dark-purple);
    color: white !important;
}
header .elementor-nav-menu > li:last-child > a:hover {
	background: unset;
    color: var(--red) !important;
}
*/
footer a{
	color:#fff !important;
	text-decoration:none !important;
}
footer a:hover{color:var(--pink) !important;}


/* home page */
body.home header .elementor-element-98b033a{background: unset !important;}

body.home header .elementor-element-98b033a.elementor-sticky--effects {
   background: var(--cream) !important;
}
body.home header .elementor-element-98b033a.elementor-sticky--effects{
  transition: .5s all ease-in-out;
}
/* /home page */




/* profile page */

.profile-hero .elementor-heading-title::after {
    content: "";
    display: inline-block;
    width: clamp(2.4rem, -0.65862rem + 8.049vw, 9rem);
    height: clamp(2.4rem, -0.65862rem + 8.049vw, 9rem);
    margin: 0 0 clamp(-0.2rem, -0.10652rem + -0.246vw, -0.5rem) clamp(1rem, 0.8442rem + 0.41vw, 1.5rem);
    background-image: url(https://disabilitypower100.com/wp-content/themes/hello-theme-child-master/star-icon-cream.svg);
    background-size: cover;
    background-repeat: no-repeat;

}

/* /profile page */

a.home-panel{text-decoration:none}

.home-hero p::after, .title h1::after {
    content: "";
    display: inline-block;
    width: clamp(2.4rem, -0.65862rem + 8.049vw, 9rem);
    height: clamp(2.4rem, -0.65862rem + 8.049vw, 9rem);
    margin: 0 0 clamp(-0.2rem, -0.10652rem + -0.246vw, -0.5rem) clamp(1rem, 0.8442rem + 0.41vw, 1.5rem);
    background-image: url(https://disabilitypower100.com/wp-content/themes/hello-theme-child-master/star-icon-cream.svg);
    background-size: cover;
    background-repeat: no-repeat;

}

.home-hero p::before, .title h1::before {
    content: "";
    display: inline-block;
    width: clamp(2.4rem, -0.65862rem + 8.049vw, 9rem);
    height: clamp(2.4rem, -0.65862rem + 8.049vw, 9rem);
    margin: 0 clamp(1rem, 0.8442rem + 0.41vw, 1.5rem) 0 clamp(-0.2rem, -0.10652rem + -0.246vw, -0.5rem);
    background-image: url(https://disabilitypower100.com/wp-content/themes/hello-theme-child-master/star-icon-cream.svg);
    background-size: cover;
    background-repeat: no-repeat;

}

.title.purple-bg h1::before, .title.purple-bg h1::after{
	background-image: url(https://disabilitypower100.com/wp-content/themes/hello-theme-child-master/star-icon-cream.svg);
}

.title.cream-bg h1::before, .title.cream-bg h1::after{
	background-image: url(https://disabilitypower100.com/wp-content/themes/hello-theme-child-master/star-icon-purple.svg);
}

.title.green-bg h1::before, .title.green-bg h1::after{
	background-image: url(https://disabilitypower100.com/wp-content/themes/hello-theme-child-master/star-icon-yellow.svg);
}

.title.red-bg h1::before, .title.red-bg h1::after{
	background-image: url(https://disabilitypower100.com/wp-content/themes/hello-theme-child-master/star-icon-red.svg);
}


/* categories menu */
.categories-accordion{
    cursor: pointer;
    position: relative;
    padding-right: 30px;
}
.categories-accordion::after {
    content: '';
    background-image: url('https://disabilitypower100.com/wp-content/uploads/2024/09/accordion-down.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 27px;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}
.categories-accordion.accordion-open::after {
    transform: translateY(-50%) rotate(180deg);
}

/*.categories-accordion-panel{display:none;}*/
.categories-accordion-panel a{
	text-decoration:none;
    color: var(--purple)
}
.categories-accordion-panel a:hover{
    color: var(--red)
}
/*
.elementor-sticky--active .categories-accordion-panel{display:none}
.elementor-sticky:not(.elementor-sticky--active) .categories-accordion-panel{display:block;}*/
/* /categories menu */


/* generic panel styles */
.generic-profile-panel img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}
.generic-profile-panel{text-decoration: none !important;}
/*.generic-profile-panel:hover img{border: solid 10px;}*/

.pink-category-bg .generic-profile-panel{color:var(--dark-purple) !important}
.green-category-bg .generic-profile-panel{color:var(--yellow) !important}
.yellow-category-bg .generic-profile-panel{color:var(--green) !important}

.blue-category-bg .generic-profile-panel, .dark-blue-category-bg .generic-profile-panel, .orange-category-bg .generic-profile-panel, .purple-category-bg .generic-profile-panel, .red-category-bg .generic-profile-panel{color:#fff !important}

/* /generic panel styles */




/* directory page styles */
.search-filter-component-combobox__listbox-toggle svg, .search-filter-icon--destructive .search-filter-icon__svg{
 fill: var(--dark-purple);
color: var(--dark-purple);
}
.search-filter-component-combobox-base, .search-filter-component-combobox-base--focused{border-color: var(--dark-purple)}

.search-filter-label{
font-family: var(--e-global-typography-49896a8-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-49896a8-font-size) !important;
    font-weight: var(--e-global-typography-49896a8-font-weight) !important;
    text-transform: var(--e-global-typography-49896a8-text-transform) !important;
    text-decoration: var(--e-global-typography-49896a8-text-decoration) !important;
    line-height: var(--e-global-typography-49896a8-line-height) !important;
}
/* /directory page styles */

/* list page styles */
body.page-id-21 .elementor-widget-menu-anchor{
    display:block;
	position:relative;
	top:-30px
}
/* /list page styles */

/* news post */
body.single-post .profile-hero .elementor-heading-title::after {
    content: "";
    width: unset;
    height: unset;
    margin: unset;
    background-image: unset;
}
body.single-post .profile-hero h1.elementor-heading-title{
font-size: 60px !important;
    line-height: 1.2 !important;
}
/* /news post */


/* accessibility fixes */
.black-and-white-mode input[type="text"], .black-and-white-mode input[type="search"], .black-and-white-mode input[type="submit"], .black-and-white-mode input[type="button"], .black-and-white-mode input[type="image"], .black-and-white-mode button, input[type="email"], input[type="tel"], textarea#form-field-message, select.elementor-field-textual, ul#search-filter-input-combobox-listbox-0  {
border: 1px solid #000 !important;
border-color:#000 !important;
background: #fff !important;
}

.elementor-tab-title button {
    border: none !important;
}
.elementor-tab-title button:hover, .elementor-tab-title button:focus {
    background: none !important;
}

body.home header .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
    flex-wrap: unset !important;
}

body.page-id-61379 .elementor-widget-loop-grid .e-con.e-flex>.e-con-inner {
    flex-wrap: unset !important;
}

.elementor-toggle-item button.elementor-toggle-title{
    white-space: normal;
    text-align: left;
}

/* /accessibility fixes */


/* mobile fixes */
body.home[data-elementor-device-mode="mobile"] div[data-id="8f06ca0"]{
background-image:unset !important;
}
body[data-elementor-device-mode="mobile"] .elementor-widget-social-icons .elementor-grid-item{
    margin-top: 10px;
    margin-bottom: 10px;
}
/* /mobile fixes */