/* Theme Name: Alliance to End Hunger 1. >>> Commone Heading Style 2. >>> Headr Style 0.1.>>> Menu Style 3. >>> Home Page Style 01. >>> Banner Style 02. >>> Home About Style 0.3 >>> Home Take Action Style 0.4 >>> Home Quick Link Style 0.5 >>> Home Programs Style 0.6 >>> Home Members Style 0.7 >>> Home News Style 4. >>> About Style 4. >>> Who We Are Style 5. >>> Board Style 6. >>> Governance Style 7. >>> Staff Style 8. >>> Take Action Style 9. >>> Our Priorities Style 10. >>> Advocacy Playbook Style 11. >>> Policy Statements and Endorsements Style 12. >>> Webinars and Trainings Style 13. >>> Programs Style 14. >>> Hunger Free Communities Style 14. 01 >>> Resource Library Style 14. 02 >>> Hunger Free Communities Map Style 15. >>> Self-Assessment Workbook Style 16. >>> Network Quarterly Meetings Style 17. >>> Joining the HFC Network / FAQs Style 18. >>> SDG2 Advocacy Hub Style 19. >>> Members Style 20. >>> Our Members Style 21. >>> Become a member Style 22. >>> Learn More Style 23. >>> News & Insights Style 24. >>> Donate Style 25. >>> Contact Us Style 26. >>> Job Opportunities & Internships Style 27. >>> Events Style 28. >>> Success Stories Style */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ----------------------------------------------------------------*/ :root { --font-primary:'Montserrat', sans-serif; --font-heading:'Playfair Display', serif; --color-body:#272727; --color-black:#524B4B; --color-white:#FFF; --color-orange:#D15E24; --color-green:#0FC393; --color-menu:#1F2230; --color-gray:#E5E5E5; --color-graylight:#F9F8F8; --color-graydip:#746969; --font-64:6.4rem; --font-45:4.5rem; --font-40:4rem; --font-30:3rem; --font-35:3.5rem; --font-20:2rem; --font-18:1.8rem; --font-17:1.7rem; --font-16:1.6rem; --font-15:1.5rem; --font-14:1.4rem; --transition : transition-delay: 0s;transition-duration: 0.4s;transition-property: all;transition-timing-function: ease; } html { font-family: var(--font-primary);background-color:var(--color-white);font-weight: normal;font-size: 62.5%;scroll-behavior: smooth;} body { font-family: var(--font-primary);overflow-x: hidden; background-color:var(--color-white); font-weight:400;color:var(--color-body); font-size:var(--font-17);scroll-behavior: smooth; background-image: url(../images/bg-image-two.png); background-repeat: repeat;} a,a:hover,a:focus,i,input,button,input:focus,.transition {text-decoration: none;outline: none;transition-delay: 0s;transition-duration: 0.4s;transition-property: all;transition-timing-function: ease;box-shadow: none;} a{color: var(--color-orange);} a:hover{ color: var(--color-green); } iframe {border: 0;outline: none;} ::-moz-selection {background:var(--color-orange);text-shadow: none;color:var(--color-white)} ::selection {background:var(--color-orange);text-shadow: none;color:var(--color-white)} img {max-width: 100%;border: none;outline: none;height: auto;} input,textarea {border-radius: 0;resize: none;} ul {padding: 0;margin: 0;} @font-face { font-family: 'Montserrat', sans-serif; font-family: 'Playfair Display', serif; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent;background-image: none;color:var(--color-black);} /* 1.2 Typography */ h1,h2,h3,h4,h5,h6 { font-family: var(--font-heading); } figure{ margin: 0 } svg,img { max-width: 100%; height: auto; } .site{ overflow-x: hidden; } .mm-slideout { z-index:auto;} body.modal-open .mm-slideout{ z-index:inherit; } .grecaptcha-badge { display: none; } /*----------------------------------------------------------------- 1. >>> Commone Heading Style ----------------------------------------------------------------*/ .row{margin-right:-1.2rem;margin-left:-1.2rem;} .row>*{ padding-left:1.2rem; padding-right:1.2rem; } .com-heading{ color: var(--color-black); font-size: var(--font-45); margin-top: 2.4rem; margin-bottom: 1.8rem; } .com-heading strong{ font-weight: 700; } .mar-top-none{ margin-top: 0; } .sm-hed-border{ display: block;letter-spacing: 0.32em;text-transform: uppercase;font-weight: 500;font-size: var(--font-18); position: relative; } .sm-hed-border:after{ content: ''; border-bottom: 0.1rem solid var(--color-white); width: 26.8rem; display: block; } .sm-hed-border.org{ color: var(--color-orange); } .sm-hed-border.org:after{ border-bottom-color:var(--color-orange) ; } .button-com{ display: flex; width: fit-content; height: 5.1rem; border: 0.2rem solid var(--color-orange); text-transform: uppercase; font-size: var(--font-16);letter-spacing: 0.1em; color: var(--color-orange); padding: 0 2.5rem; font-weight: 600; align-items: center; } .button-com:hover{ background-color: var(--color-orange); color: var(--color-white); } .button-com-solid{ background-color: var(--color-orange);color: var(--color-white); } .button-com-solid:hover{ border-color: var(--color-green); background-color: var(--color-green);color: var(--color-white); } .img_bg{background-color:#F5F5F5; position: relative; overflow: hidden; background-image: url(../images/no-image-icon.png); background-repeat: no-repeat; background-position: center center;} .hero-image img,.custom-image,.single-our_team .entry-header .img_bg img{ position: absolute; width: 100%; height: 100% !important; max-width: 100% !important; object-fit: cover; top: 0; bottom: 0;transition: transform .5s ease; left:0 } .zoom_hover_image img{ transform-origin: 50% 65%;transition: transform 3s, filter 3s ease-in-out;} .zoom_hover_image:hover img{transform: scale(1.2);} /* .canser-icon{ background-repeat: no-repeat; background-image: url(../images/canser-icon.svg); } .love-hand-icon{background-repeat: no-repeat; background-image: url(../images/love-hand-icon.svg);}*/ .entry-header{ min-height: 44.6rem; position: relative; overflow: hidden;} .entry-header .container{ position: absolute; height: 100%; z-index: 2; left: 0; right: 0; display: flex; flex-direction: column;justify-content: flex-end; } .entry-header figure{ height:44.6rem; } .entry-header figure:before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));z-index: 1; } .entry-title{ color: var(--color-white);text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); font-size: var(--font-64); margin-bottom: 5rem; } .breadcrumbs{ display: flex; width: fit-content; background-color: var(--color-white); color: #1E2632;letter-spacing: -0.01em; font-weight: 500; font-size: var(--font-14); padding:1.2rem 1.8rem;} span.current-item{ font-weight: 700; } .breadcrumbs a{color: #1E2632; padding-right:0.4rem;} .breadcrumbs a:hover{ color: var(--color-orange); } .breadcrumbs a span{ margin: 0; padding: 0; } .breadcrumbs span{padding-right:0; margin-right:0.4rem ;margin-left:0.4rem ;} .com_inner_gap{ padding-top: 9rem; padding-bottom: 9rem; position: relative; } .com-heading-sm{font-weight: 600; font-size: var(--font-35); color: var(--color-black); margin-bottom: 2.3rem;} .com-heading-sm strong{ font-weight: 600; } .com_hed_text{ line-height: 3.2rem; } .com_sec_gap{ padding-left: 2.1rem; } .relative{ position: relative; } .top-hart-icon .right_hart_icon{ top:-6rem; bottom: auto; right: 0;transform: rotate(60deg); background-size: cover; width: 7rem; height: 7rem; } .weight-400{ font-weight: 400; } .forms-top-sec{ padding-bottom: 4rem; } .forms-top-sec .com-heading{ margin-top: 0; } .forms-top-sec p a{ font-weight: 600; } .forms-top-sec p a:hover{ color: var(--color-green); } .button-more{ display: inline-block;text-transform: uppercase;letter-spacing: 0.32em; font-weight: 500; font-size:var(--font-18); color: var(--color-orange); position: relative; overflow: hidden; } .button-more:after{ content: ''; border-bottom: 0.1rem solid var(--color-orange); width: 100%; display: block;transition-delay: 0s;transition-duration: 0.4s;transition-property: all;transition-timing-function: ease;transform: translateX(0%); transform-origin: left;} .button-more:hover{ color: var(--color-green); } .button-more:hover:after{ transform: translateX(100%);transform-origin: right; } .search-result-count{ margin-bottom: 3rem; } .ellipsis-hide-text{display: -webkit-box;max-width: 100%;height: 75px;margin: 0 auto; margin-bottom:2rem;line-height: 1;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .df-container{ height: 100vh; } .for-mobile{ display: none; } .test_slider_button.for-mobile{ display: none; } /*----------------------------------------------------------------- 2. >>> Headr Style ----------------------------------------------------------------*/ .site-header{ background-color: var(--color-white); width: 100%; /*-webkit-animation: slide-down-rotated-right 0.5s ease forwards; animation: slide-down-rotated-right 0.5s ease forwards;-webkit-transform: translateY(-120%); transform: translateY(-120%);*/ /*height: 9rem;*/} .site-header>.d-flex {height: 9rem;} .site-header.stick { position: fixed; z-index:30;box-shadow: 0px 0px 5px rgb(0 0 0 / 20%); -webkit-animation: slide-down-rotated 1s ease forwards; animation: slide-down-rotated 1s ease forwards; } .site-header .site-logo svg path{transition: opacity 0.5s ease;} .site-header.stick .site-logo svg path{ opacity: 0; } .site-header.stick .site-logo svg path:first-child{ opacity: 1; } @-webkit-keyframes topCanvasNavOpen { 0% { -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%); } to { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } } @keyframes topCanvasNavOpen { 0% { -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%); } to { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } } @-webkit-keyframes slide-down-rotated { 0% { -webkit-transform: translateX(-20px) translateY(-120%) rotate(-7deg); -webkit-transform-origin: left top; } to { -webkit-transform: translateY(0); -webkit-transform-origin: left top; } } @keyframes slide-down-rotated { 0% { transform: translateX(-20px) translateY(-120%) rotate(-7deg); transform-origin: left top; } to { transform: translateY(0); transform-origin: left top; } } @-webkit-keyframes slide-down-rotated-right { 0% { -webkit-transform: translateY(0); -webkit-transform-origin: right top; -webkit-animation-timing-function: ease-in; } 50% { -webkit-transform: translateY(-20%) rotate(2deg); -webkit-transform-origin: right top; -webkit-animation-timing-function: ease-out; } to { -webkit-transform: translateY(-120%) rotate(0deg); -webkit-transform-origin: right top; -webkit-animation-timing-function: ease-out; } } @keyframes slide-down-rotated-right { 0% { transform: translateY(0); transform-origin: right top; animation-timing-function: ease-in; } 50% { transform: translateY(-20%) rotate(2deg); transform-origin: right top; animation-timing-function: ease-out; } to { transform: translateY(-120%) rotate(0deg); transform-origin: right top; animation-timing-function: ease-out; } } .search-button{ display:flex; cursor: pointer; color: rgba(0, 0, 0, 0.6); line-height: normal; margin-left: 1.8rem; } .search-button:hover{ color: var(--color-orange); } .search-section{ border-bottom: 0.2rem solid var(--color-orange); padding: 5rem 0; position: absolute; width: 100%; top:12.1rem; background-color: var(--color-white); z-index: 5; display: none; } .stick .search-section{ top: 9rem; } .search-section .search-field{ outline: none; border: none; border-radius: 0; color:#524B4B ; font-size: 3.6rem; border-bottom: 0.1rem solid #B5B5B5; width: 100%;} .search-section .search-field:focus{ border-bottom-color: var(--color-green); } .search-section label,.search-section input.search-submit{ display: none; } .search-section .search-field::-webkit-input-placeholder { color:#524B4B ;} .search-section .search-field:-ms-input-placeholder { /color:#524B4B ;} .search-section .search-field::placeholder {color:#524B4B ;} /*----------------------------------------------------------------- 0.1.>>> Menu Style ----------------------------------------------------------------*/ .menu-wrapper{ list-style: none; display: flex; align-items: center; } .menu-wrapper .menu-item{ margin-left: 4.7rem; position: relative; padding: 3.3rem 0; } .menu-wrapper .menu-item:first-child{ margin-left: 0; } .menu-wrapper .menu-item a{ font-size: var(--font-14); color: var(--color-menu); font-weight: 500; } .menu-wrapper .donate-button a{background-color: var(--color-orange); color: var(--color-white); text-transform: uppercase; font-size: var(--font-16); font-weight: 600; background-image: url(../images/hart-icon.svg); background-repeat: no-repeat; background-position:1.6rem center;letter-spacing: 0.1em; background-repeat: no-repeat; padding-right: 1.7rem; padding-left: 3.7rem; height: 4.1rem; width: fit-content; display: flex; align-items: center;} .menu-wrapper .menu-item.donate-button a:hover{ background-color: var(--color-green); color: var(--color-white); } .site-header .current-menu-item a,.site-header .current-menu-parent a,.site-header .current-page-ancestor.current-menu-ancestor a{ font-weight: 600; } .sub-menu-toggle{ display: none; } .menu-wrapper .menu-item a:hover{color: var(--color-orange);} .menu-wrapper .sub-menu{ position: absolute; border-bottom:0.2rem solid var(--color-orange); background-color: var(--color-white); list-style: none; min-width: 21.8rem; height: 0; top:120%; padding-top:1.5rem ; opacity: 0; transition: opacity 0.6s ease 0s, left 0.6s ease 0s, top 0.6s ease 0s, height 0s ease 0.6s; pointer-events: none; } .menu-wrapper li.menu-item:hover ul.sub-menu{ overflow: visible;height: auto;opacity: 1; left: 0; top: 99%;transition: opacity 0.6s ease 0s, left 0.6s ease 0s, top 0.6s ease 0s;z-index: 999; pointer-events: auto; } .sub-menu .menu-item { margin: 0; padding: 0; } .sub-menu .menu-item a{ padding-bottom: 1.5rem; padding-left: 2.2rem; padding-right: 2.2rem; display: block; } .site-header .current-menu-ancestor .sub-menu .menu-item a{ font-weight: 500; } .menu-wrapper li.menu-item ul.sub-menu li.current-menu-parent a{color: var(--color-orange);font-weight: 500;} .sub-menu .menu-item.current-menu-item a{ font-weight: 600; color: var(--color-orange); } .menu-item.current-menu-item .sub-menu a{ font-weight:500; } .site-header .current-menu-ancestor .sub-menu .menu-item.current-menu-item a{ font-weight: 600; } .menu-wrapper li.menu-item:hover ul.sub-menu li ul.sub-menu{ display: none;left: 100%; top: 0; } .menu-wrapper li.menu-item ul.sub-menu li:hover ul.sub-menu{ display: block; } .menu-wrapper li.menu-item:hover ul.sub-menu li.current-menu-item ul.sub-menu li a{ color: var(--color-menu); font-weight: 500;} .menu-wrapper li.menu-item ul.sub-menu li.current-menu-parent ul.sub-menu li a{ color: var(--color-menu);} .menu-wrapper li.menu-item:hover ul.sub-menu li.current-menu-item ul.sub-menu li:hover, .menu-wrapper li.menu-item ul.sub-menu li.current-menu-parent ul.sub-menu li:hover a{ color: var(--color-orange); } .menu-wrapper li.menu-item ul.sub-menu li.current-menu-parent ul.sub-menu li.current-menu-item a{color: var(--color-orange); font-weight: 600;} .primary-navigation-mobile{ display: none; } /*----------------------------------------------------------------- 01. >>> Banner Style ----------------------------------------------------------------*/ .home-page-wrap{ position: relative; } .home-page-wrap .left_hand_icon{left: 17%;z-index: 2;bottom: -1%;} /* .hart-icon-colour{ background-repeat: no-repeat; background-position: 0 0; width: 10.0rem; height: 9.4rem; background-image: url(../images/hart-icon-colour.svg); position: absolute; bottom:1%; right:15%; }*/ .hero-section{ position: relative; background-color: var(--color-gray); } .hero-image{ position: relative; padding-top: 89.2rem; overflow: hidden; } .hero-content{ position:absolute; width: 100%;top: 0; bottom: 0; height: 100%; z-index: 1; color: var(--color-white); } .hero-content section{ width: 56.1rem; font-size: var(--font-18); } .hero-heading{font-size: var(--font-64); line-height: 6.8rem; margin-top: 2.4rem; margin-bottom: 1.9rem; } .hero-content section p{ font-weight: 500; margin-bottom: 3rem; } .button-hero{ display: flex; align-items: center; justify-content: center; color: var(--color-white); text-transform: uppercase; font-weight: 700; font-size: var(--font-20); height:6.6rem; width: 24.6rem; text-align: center; background-color: var(--color-green); } .button-hero:hover{ background-color: #06B083;color: var(--color-white); } .button-hero:nth-child(2){ background-color: var(--color-orange); margin-left: 2rem; } .button-hero:nth-child(2):hover{ background-color: #C84B0C; color: var(--color-white);} /*----------------------------------------------------------------- 02. >>> Home About Style ----------------------------------------------------------------*/ .home-about-section{ padding-top: 9.8rem; padding-bottom: 14.6rem; } .home-about-image{ width:59.5rem; height: 48.4rem; position: relative; overflow: visible; } .short_content{ font-size: var(--font-18);font-weight: 500;color: var(--color-black); } .home-about-content,.home-take_action_content{ padding-left: 2.1rem; } .about_list { list-style: none; flex-wrap: wrap; margin-top: 2rem; margin-bottom:1.4rem; } .about_list li{ width: 50%; color:var(--color-graydip); padding-left: 3.2rem; position: relative; margin-bottom: 1rem; } .about_list li .icon-round-arrow{ position: absolute; left: 0; } .about_list li h3{ font-weight: 700; font-family: var(--font-primary); display: flex; align-items: center; margin-bottom: 1.2rem; } .about_list li p{ font-size: var(--font-14); line-height: 2.2rem;color: var(--color-black); } .video-button{ display: flex; justify-content: center; align-items: center; background-color: var(--color-orange); width: 13.5rem; height: 10.9rem; border: 0.5rem solid var(--color-white); position: absolute; left: 9.8rem; bottom:-6.7rem; z-index: 1; } .video-button svg{transition-delay: 0s;transition-duration: 0.4s;transition-property: all;transition-timing-function: ease; transform: scale(1);} .video-button:hover svg{transition-delay: 0s;transition-duration: 0.4s;transition-property: all;transition-timing-function: ease; transform: scale(1.2);} /*----------------------------------------------------------------- 0.3 >>> Home Take Action Style ----------------------------------------------------------------*/ .home_take_action_section{ background-color: var(--color-graylight); min-height: 66.7rem; position: relative; } /* .home_take_action_section{background-position:90% 16% , 80% 87%;background-image: url(../images/canser-icon.svg) , url(../images/love-hand-icon.svg); }*/ .background_image{ background-color: var(--color-orange); height: 100%; width: 48.4rem;position:absolute; left: 0; top: 0; } .background_image img.custom-image{ position: static; opacity: 0.1;mix-blend-mode: normal; } .home_take_action_imges{ min-height: 53.9rem; position: relative;z-index: 5; } .font_image{ width: 53.6rem; height: 42.4rem; position: relative; z-index: 1; } .font_bottom_image{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 26.8rem; height: 21.2rem; z-index: 1; border: 0.5rem solid var(--color-graylight); } .home_take_action_content_sec{ max-height:42.4rem; ; } .home-take_action_content{ padding-right: 3rem; line-height: 3.2rem; } .home-take_action_content .com-heading{ margin-top: 2.3rem; margin-bottom: 3.3rem; } .home-take_action_content p{ margin-bottom: 5rem; } /*----------------------------------------------------------------- 0.4 >>> Home Quick Link Style ----------------------------------------------------------------*/ .quick_links_section { flex-wrap: wrap; } .quick_links_section_loop{ min-height: 36.6rem; background-color: var(--color-green); padding: 0; position: relative; display: flex; align-items: center; justify-content: center; } .quick_links_section_loop section{ position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; color: var(--color-white);padding: 0 10%;text-align: center;overflow: hidden; } .quick_links_section_loop figure{ position: relative; width: 100%; height: 100%; transition: all .4s ease; } .quick_links_section_loop:nth-child(2),.quick_links_section_loop:nth-child(3){ width:41.66666667%; } .quick_links_section_loop:nth-child(3),.quick_links_section_loop:nth-child(4){ min-height: 39.0rem; } .quick_links_heading{ font-size: var(--font-45); line-height: 6rem; margin-bottom: 2.3rem; overflow: hidden;transform: translateY(60%); opacity: 0;transition: all .4s ease;} .quick_links_section_loop p{margin-bottom: 2.3rem;transform: translateY(40%); opacity: 0;transition: all .4s ease;} .quick_links_section_loop .button-com{ background-color: var(--color-orange); color: var(--color-white);transform: translateY(80%);opacity: 0;transition: all .4s ease; } .quick_links_section_loop .button-com:hover{ background-color: transparent; border-color: var(--color-white); } .quick_links_section_loop.add_hover figure{opacity: 0.2;} .quick_links_section_loop.add_hover .quick_links_heading{ opacity: 1;transform: translateY(0%); transition: all .8s ease; } .quick_links_section_loop.add_hover .button-com{ opacity: 1;transform: translateY(0%); transition: all .8s ease; transition-delay: 0.2s; } .quick_links_section_loop.add_hover p{ opacity: 1;transform: translateY(0%); transition: all .8s ease; transition-delay: 0.3s; } @media (min-width: 1920px) { } /*----------------------------------------------------------------- 0.5 >>> Home Programs Style ----------------------------------------------------------------*/ .programs_section{min-height: 65.7rem; margin-top: 6.7rem;} .programs_section .container{ position: relative; } .programs_section_content_wp{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .programs_section_imges figure{ height:65.7rem; position: relative; } .programs_section_content{ background-color: var(--color-graylight) ; padding-left: 8.7rem; padding-right: 6rem; min-height: 53.2rem; display: flex; flex-direction: column; justify-content: center; line-height: 3.2rem; position:relative; } .programs_section_content p{ margin-bottom: 4.5rem; } .programs_section_content .right_hart_icon,.board_top_section .right_hart_icon{bottom: auto;top: 5%;transform: rotate(64deg);width: 8rem;height: 8rem;background-size: cover;right: 23%; } /*----------------------------------------------------------------- 0.6 >>> Home Members Style ----------------------------------------------------------------*/ .home_members_section{ padding-top: 9.8rem; } .members_logos_section{ background-color: var(--color-white);box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.05); margin-bottom: 7.7rem; } .home_members_section .button-com{ margin: 0 auto; } .logo_slider{ list-style: none; display: flex; align-items: center; justify-content: space-around; width: 100%;min-height: 12.2rem } .logo_slider .slick-track{ display: flex; align-items: center; } .logo_slider.slick-initialized .slick-slide{ display: flex; justify-content: center; } .logo_slider li{ display:none; } .logo_slider li figure{ display: inline-block; padding:0 3rem } .logo_slider li:nth-child(1),.logo_slider li:nth-child(2),.logo_slider li:nth-child(3),.logo_slider li:nth-child(4),.logo_slider li:nth-child(5){ display: block; } /*----------------------------------------------------------------- 0.7 >>> Home News Style ----------------------------------------------------------------*/ .home_news_section{ padding-top: 9.6rem; padding-bottom:5rem; } .home_news_section .button-com{ margin: 0 auto; } .home_news_lsit_sec{ padding-top: 4.9rem; padding-bottom:5.7rem; } .home_news_lsit_sec article{ margin-bottom: 2rem;} .home_left_news .img_bg,.home_right_news .img_bg{ display: block; min-height: 55.7rem; position: relative; } .home_right_news .img_bg{ min-height: 26.8rem; width: 31.2rem; } .home_left_news article{ position: relative; } .home_left_news section{ background-color: rgba(15, 195, 147, 0.95); color: var(--color-white); padding: 3rem; padding-top: 2.3rem; position: absolute; bottom: 0; } .news_title{ font-size: var(--font-20); font-family: var(--font-primary); font-weight: 600; } .home_left_news a,.home_left_news .news_date{ color: var(--color-white); } .home_left_news .news_date{ font-size: var(--font-15);letter-spacing: 0.2em; } .home_left_news .news_date:after{ border-bottom-color: var(--color-white); } .news_date{margin-bottom: 1.4rem;} .home_right_news article{ display: flex; justify-content:space-between; } .home_right_news section{ width: 31.2rem; padding-top: 3rem; } .home_right_news a{ color: var(--color-black); } .home_right_news a:hover{ color: var(--color-orange); } /*----------------------------------------------------------------- 3. >>> About Style ----------------------------------------------------------------*/ .about-page-wrap{ padding-bottom: 15.0rem; position: relative; } .about-top-sec{ padding-bottom: 9.9rem; } .about-top-sec figure{ width: 59.5rem; height: 48.4rem;overflow: visible; } .about-top-sec figcaption{ position: absolute; left:-4.8rem; bottom: 6.2rem; z-index: 1; width: 22.4rem; height: 22.6rem; background-color: var(--color-orange); color: var(--color-white); display: flex; justify-content: center; align-items: center; font-size: var(--font-18);text-align: center; } .about-top-sec figcaption strong{ font-size: var(--font-40);letter-spacing: 0.32em; font-weight: 500; } .about-top-sec figcaption span{text-transform: uppercase;font-weight: 600;font-size: var(--font-14);} .about-work-section{ background-repeat: no-repeat; background-size: cover; background-color: var(--color-black); text-align: center; min-height: 43.2rem; padding-top: 6.5rem; color: var(--color-white);background-blend-mode: luminosity; } .about-work-section .com-heading-sm{color: var(--color-white); margin-bottom: 7rem; } .about-work-section .com-heading-sm span{ display: inline-block; background-color: var(--color-orange); padding: 0.5rem; padding-top:0; } .work_info_loop{ min-height: 18.0rem; text-align: center; border-right:0.1rem solid #989898; } .work_info_loop:last-child{ border-right: none; } .work_name{ display: block;font-weight:600; font-size: var(--font-18); line-height: 2.2rem; margin-top: 2rem; } .about_content_section{ padding-top: 9.5rem; padding-bottom: 4.1rem; position: relative; } .about_content_section{ text-align: center; font-weight: 600; font-size: var(--font-20); line-height: 3.1rem; color: var(--color-black); } .about_content_section strong{ color: var(--color-orange);font-weight: 600; } /* .canser-icon-bg{ position: absolute; right:13%;top: 10%; width: 6rem; height: 7.7rem; background-repeat: no-repeat; background-position: 0 0;background-image: url(../images/canser-icon.svg) ; }*/ .bout_quick_link_loop{transition: all .4s ease;} .bout_quick_link_inn{ position: relative; } .bout_quick_link_inn figure{ width: 100%; height: 28.1rem; overflow: hidden; } .bout_quick_link_inn figure:before{ content: ''; position: absolute; width: 100%; height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.76) 100%); z-index: 1; } .bout_quick_link_inn section{ position: absolute; bottom: 0; width: 100%; padding:1.7rem 1.8rem; padding-bottom: 0.5rem; z-index: 1; color: var(--color-white); font-size: var(--font-14); background-color: rgba(15, 195, 147, 0);transition: all .4s ease; } .com-sub-heading-sm{ font-size: var(--font-20); } .bout_quick_link_loop:hover section{background-color: rgba(15, 195, 147, 0.8);} .right_hart_icon,.left_hand_icon{ position: absolute; background-repeat: no-repeat; background-position:0 0; } /* .right_hart_icon{ right:14%;bottom:2%; width: 10.0rem; height: 9.4rem; background-image: url(../images/right_hart_icon.svg) ; } .left_hand_icon{ left: 0;bottom: 0; width: 13.0rem; height: 13.5rem; background-image: url(../images/left_hand_icon.svg) ; }*/ /*----------------------------------------------------------------- 4. >>> Who We Are Style ----------------------------------------------------------------*/ .top_sec_who_we { padding-bottom: 9.6rem; } .top_sec_who_we .com-heading-sm{ padding-right: 8rem; } .top_sec_who_we strong{ color: var(--color-orange); } .top_sec_who_we p{ margin-bottom: 3rem; } .top_sec_who_we p:last-child{ margin-bottom: 0; } .images_section_who_we_img_loop figure{ width: 100%; height: 34.9rem; } .images_section_who_we_img_loop:nth-child(2n+2){width: 41.66666667%;} /*----------------------------------------------------------------- 5. >>> Board Style ----------------------------------------------------------------*/ .board_page_section{ position: relative; } .hand-to-hand-colour{ position: absolute; bottom:-7%; right:-4%; background-repeat: no-repeat; background-position: 0 0; width: 13.0rem; height: 13.5rem; background-image: url(../images/hand-to-hand-colour.svg); } .board_top_section{ padding-bottom: 6rem; position: relative; } .board_top_section .right_hart_icon{top: -15%;right: 13%;} .board_top_section .com-heading-sm{ font-weight: 400; display: flex; align-items: center; margin: 0; } .board_top_section .com-heading-sm span{ font-family: var(--font-primary);font-weight: 600; font-size:1.9rem; display:flex; justify-content: center; align-items: center; background-color: var(--color-orange); color: var(--color-white); width:8.7rem; height: 3.8rem; text-align: center; position: relative; margin-left: 3.6rem; } .board_top_section .com-heading-sm span:after{ content: ''; position: absolute; right:-1.5rem; width:1.5rem; height: 3.8rem; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/round-shape.svg); display: block; } .directors_list_latest_year{ padding: 6.4rem 0; } .dir_latest_year_loop{ font-size: var(--font-20); color:var(--color-graydip); line-height: 2.3rem; padding-left: 6.9rem; background-repeat: no-repeat; background-position: 0 0;background-image: url(../images/sm-logo-icon.svg); } .dir_latest_year_loop strong{ display: block; font-weight: 700; color: var(--color-black); } .directors_list_bot{ padding-top: 4.4rem; } .directors_list_bot_loop{ border: 0.1rem solid #E4E4E4; min-height: 8.9rem; display: flex; align-items:flex-start; flex-direction: column; padding: 0 2rem; color:var(--color-graydip); font-weight: 500; font-size:1.3rem; transition:background-color 0.5s ease; justify-content: center; margin-bottom: 2.4rem;} .directors_list_bot_loop strong,.member_text_heading{ display: block;font-weight: 700; font-size: var(--font-18); line-height: 3.1rem;transition:color 0.5s ease; } .directors_list_bot_loop span{transition:color 0.5s ease;} .directors_list_bot_loop:hover{ background-color: var(--color-orange); border-color: var(--color-white); color: var(--color-white); } /*----------------------------------------------------------------- 6. >>> Governance Style ----------------------------------------------------------------*/ .governance_section_right_top .com-heading{ margin-bottom: 4rem; } .governance_section_left_top figure{ width: 53.6rem; height: 69.4rem; margin-left: 3.3rem; } .tab_list_content{ list-style: none; } .tab_list_content li{ color: var(--color-orange); position: relative; margin-bottom:4rem; font-weight: 500; padding-left:0; position: relative;transition:padding 0.9s ease; overflow: hidden; line-height: 3rem; display: flex; flex-wrap: wrap; flex-direction: column; width: fit-content;} .tab_list_content li a{color: var(--color-orange);} .tab_list_content li.has_pdf:hover,.tab_list_content li a:hover{ color: var(--color-green); font-weight: 700; } .tab_list_content li.has_pdf:hover{ padding-left: 5rem; } .tab_list_content li span{ position: absolute; left: -3rem; color:#DE2800; font-size:3rem;transition:left 0.9s ease; } .tab_list_content li:hover span{ left: 0; } .r-tabs .r-tabs-nav {margin: 0;padding: 0;} .r-tabs .r-tabs-tab {display: inline-block;margin: 0;list-style: none;} .r-tabs .r-tabs-panel {padding: 0;display: none;} .r-tabs .r-tabs-accordion-title {display: none;} .r-tabs .r-tabs-panel.r-tabs-state-active {display: block;} .r-tabs .tab_nav{ display: flex; align-items: center; list-style: none; border-bottom: 0.1rem solid var(--color-graydip); margin:5rem 0; } .r-tabs .tab_nav li{ position: relative; overflow: hidden; margin-right: 10.0rem; } .r-tabs .tab_nav li:last-child{ margin-right: 0; } .r-tabs .tab_nav li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; border-bottom: 0.3rem solid var(--color-graydip);transition:width 0.9s ease; } .r-tabs .tab_nav a{ color:var(--color-graydip);padding-bottom: 0.8rem; display: inline-block; } .r-tabs .tab_nav .r-tabs-state-active a{ font-weight: 700; } .r-tabs .tab_nav li.r-tabs-state-active:after,.tab_nav li:hover:after{ width: 100%; } /* Accordion responsive breakpoint */ @media only screen and (max-width: 768px) { .r-tabs .r-tabs-nav {display: none;} .r-tabs .r-tabs-accordion-title {display: block;} } /*----------------------------------------------------------------- 7. >>> Staff Style ----------------------------------------------------------------*/ .staff_top_sec .staff_top_loop figure{ width: 100%; height: 41.6rem; } .staff_top_sec section{ line-height: 3.2rem; padding-left: 5rem; padding-right: 5rem; } .staff_nam_hed a{color: var(--color-black); } .staff_nam_hed a:hover{ color:var(--color-green); } .staff_top_sec section p{ margin-bottom: 4rem; } .staff_top_sec .staff_position{ margin-bottom: 3rem; } .staff_top_loop .com-heading{ margin-top: 0; margin-bottom:1rem; } .staff_bot_sec{ background-color: var(--color-graylight) ; padding-top: 9.3rem; padding-bottom: 9.9rem; position: relative; margin-bottom: -19.0rem;} .staff_bot_sec:before,.staff_bot_sec:after{ content: ''; position: absolute; left: -100%; width: 100%; top: 0; height: 100%;background-color: var(--color-graylight) ; } .staff_bot_sec:after{ left: auto; right: -100%; } .staff_top_loop figure{ width: 100%; height: 32.9rem; } .staff_position{ display: block; font-weight: 500; color: var(--color-orange); font-size: var(--font-15); text-transform: uppercase;letter-spacing: 0.12em; } .staff_top_loop{ margin-bottom: 10.7rem; } .staff_top_loop .com-heading-sm,.staff_top_loop .com-heading{ font-weight: 400; } .staff_bot_sec .com-heading-sm { margin-bottom:1rem; } .staff_bot_sec figure{ margin-bottom: 2.7rem; } .staff_bot_sec .staff_position{ min-height: 4.4rem; margin-bottom: 2.5rem; } .view_bio_button{ display: flex; align-items: center; width: fit-content; text-transform: uppercase;letter-spacing: 0.1em; font-size: var(--font-16); font-weight: 600; color: var(--color-orange); } .view_bio_button span{ font-size: 2.3rem; margin-right: 1rem; } .view_bio_button:hover{ color: var(--color-green); } .staff__det_image{width: 41.66666667%; margin-right:5rem; float: left;} .staff_top_sec section.staff__det_content{ padding:0 } /*----------------------------------------------------------------- 8. >>> Take Action Style ----------------------------------------------------------------*/ .takeaction_loop{ margin-bottom: 4rem; position: relative;z-index: 1; } .takeaction_loop figure{ width: 100%; height: 19.0rem; } .takeaction_po_title{ font-size: var(--font-30); line-height: 4rem; margin:1.5rem 0 ; overflow: hidden;display:-webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;font-weight: 400;} .takeaction_po_title a{ color: var(--color-black); } .takeaction_po_title a:hover{ color: var(--color-orange); } .takeaction_loop section{ line-height: 3.2rem; padding-right: 0.5rem;} .takeaction_loop span{ display: block; padding-top: 2rem; padding-bottom: 4rem; } .takeaction_loop .button-com{ margin: 0 auto; } .take_action_article_details .com-heading{ font-weight: 400; } figure.main_image{ width: 100%; height: 59.2rem; margin-top: 2.6rem; margin-bottom: 5rem; } .take_action_article_details .entry-content{ line-height: 3.2rem; } .section_heading_part{ font-family: var(--font-primary); color: var(--color-orange); font-weight: 700; } .partners_section_logo{ padding-top: 2.6rem; } .partners_logos_sec{ display:flex; justify-content:center; align-items: center; flex-wrap: wrap; margin-top: 8rem; } .partners_logos_loop{ width: 16%;padding: 0 2rem; text-align: center; margin-bottom: 7rem; } .partners_logos_loop figure{ text-align: center; } .partners_logos_loop img{ width: auto !important; max-width: 100% !important; height: auto !important; } .campaign_section .section_heading_part{ margin-bottom: 3rem; } .conference_section_inn{ background-color: var(--color-graylight); text-align: center; padding:3rem 0; padding-top: 2.4rem; margin-top: 8rem; padding-left: 4rem; padding-right: 4rem; } .conference_section_inn .com-heading-sm{ margin-bottom: 1.5rem; font-weight: 400; } .conference_section_inn .button-com{ margin: 0 auto; margin-top:2.6rem; background-color: var(--color-orange); color: var(--color-white); } .conference_section_inn .button-com:hover{ color: var(--color-white); background-color: var(--color-green); border-color: var(--color-green); } .pdf_file_section{ text-align: center; font-weight: 700; font-size: var(--font-20); margin-top: 8rem; } .pdf_file_section a{ display: flex; align-items: center; justify-content: center; } .pdf_file_section span{ font-size: 3rem; margin-right: 2rem; } .pdf_file_section a:hover{ color:#DE2800; } .nav-links{ display: flex; width: 100%; justify-content: space-between; align-items: center; margin-top: 8rem; } .nav-links p{ text-transform: uppercase; font-weight: 600;letter-spacing: 0.02em; color: var(--color-black); display: flex; align-items: center; } .nav-links p:hover{ color: var(--color-orange); } .nav-previous span{ margin-right: 2rem; } .nav-next span{ margin-left: 2rem; } /*----------------------------------------------------------------- 9. >>> Our Priorities Style ----------------------------------------------------------------*/ .main_hed_sec .com-heading{ margin: 0; } .prio_content_with_image_section{ margin-top: 8rem; margin-bottom:15.6rem; position: relative; } .prio_content_left{ background-color: var(--color-graylight); padding-top: 6rem; padding-left: 4.7rem; padding-right: 6rem; position: relative; min-height: 48.6rem; } .prio_content_left:before{ content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;background-color: var(--color-graylight); } .weight-400{ font-weight: 400; } .prio_content_left .com-heading-sm,.priorities_section_loop .com-heading-sm{ margin-bottom: 4rem; } .prio_image_section{ position: absolute;top:5.4rem; right: 0; } .prio_image_back{width: 57.5rem; height: 35.7rem;} .prio_image_font{width: 47.9rem; height:27.2rem; border: 0.5rem solid var(--color-white); position: absolute; right: 0;bottom: -14.7rem; } .list_of_priorities{ list-style: none; } .news_det_content ul li.list_of_item{ position: relative; padding-left: 6rem; margin-bottom: 3rem; } .list_of_item:before{ content: ''; position:absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/sm-logo-icon.svg); width:3rem; height: 3rem; display: block;background-size: cover; } .priorities_heading{ line-height:2.2rem; color: var(--color-black); padding-right:0; display:inline-block; } .cursor-pointer{ cursor: pointer; } .priorities_heading span.icon-info-icon{ margin-left: 0.5rem; } .priorities_heading span.icon-info-icon:hover:before{ color:var(--color-green) ; } @media (min-width: 576px){ .modal-dialog {max-width: 700px;} } .list_of_item .modal-body{ font-size: var(--font-15); line-height: 2.8rem;color: var( --color-body); padding: 3rem 4rem; } .list_of_item .modal-body p{ margin-bottom: 2.6rem; } .list_of_item .modal-body p:last-child{ margin-bottom: 0;position: relative; } .list_of_item .modal-content{border-radius: 0;border: none;} .list_of_item .modal-header{padding: 3rem 4rem; padding-bottom: 0; border: none;} .prio_content_left .list_of_item .com-heading-sm,.priorities_section_loop .list_of_item .com-heading-sm{ margin-bottom: 0; color: var( --color-body);font-weight: 700; padding-right: 3.5rem; } .list_of_item .modal-header .btn-close{ position: absolute; top:1.8rem; right: 1.8rem; padding: 0; margin: 0; background-color: var(--color-orange); color: var(--color-white); border-radius: 100%; width: 3.6rem; height: 3.6rem; text-align: center; display: flex; align-items: center; justify-content: center; background-image: none; font-size: var(--font-16); opacity: 1; font-weight: 400; } .list_of_item .modal-header .btn-close:hover{ background-color: var(--color-green); } .priorities_section_loop{ background-color:var(--color-graylight); position: relative; } .priorities_section_loop:after{ content: ''; position: absolute; top: 0; right: -100%; width: 100%; height: 100%;background-color: var(--color-graylight); display: block; } .priorities_section_loop:nth-child(1){ background-color: var(--color-white); border-top: 0.2rem solid var(--color-graylight); border-bottom:0.2rem solid var(--color-graylight); } .priorities_section_loop:nth-child(1):before{content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;background-color: var(--color-white); display: block;border-top: 0.2rem solid var(--color-graylight); border-bottom:0.2rem solid var(--color-graylight);} .priorities_section_loop section{padding-top:7.4rem; padding-bottom:4rem; padding-left: 4.7rem;padding-right: 6rem;position: relative;} .heading_sm_prio{ display: block; font-size: var(--font-18); font-weight: 600; color: var(--color-orange); margin-bottom: 3rem; } .news_det_content ul.list_of_priorities{ margin:0 } .list_of_priorities_sec_loop{ padding-bottom:3rem } /*----------------------------------------------------------------- 10. >>> Advocacy Playbook Style ----------------------------------------------------------------*/ ..advoc_top_section{ margin-bottom:8.7rem; } .advoc_top_section .com-heading{ font-weight: 400; margin-top: 0; } .advoc_top_section p a{text-transform: capitalize; text-decoration: underline;color: var(--color-body);} .advoc_top_section p a:hover{ color: var(--color-orange); } .advoc_top_section .button-com-solid{ margin-top:3rem; } .adv_mid_section.conference_section_inn{ margin-top: 0; } .advoc_about_section{ padding-top: 8.7rem; padding-bottom: 8.7rem; } .advoc_about_images{ position: relative; width: 55.8rem; } .back_image_advo{ width: 36.9rem; height: 54.9rem; } .back_top_image_advo{ width: 34.8rem; height: 39.5rem; border:0.5rem solid var(--color-white); position: absolute; top:27.2rem; left: 8.6rem; } .font_top_image_advo{ width: 24.1rem; height: 27.2rem;border:0.5rem solid var(--color-white); position: absolute; top:11.7rem; right: 0;z-index: 1; } .advoc_about_section p{ padding-bottom: 3rem; } .advoc_about_section p:last-child{ margin-bottom: 0; } .testimonials_section{ padding: 8.7rem 0; position: relative;background-color: #524B4B; } .test_bg_image{background-repeat: no-repeat; background-position: center 0; background-size: cover;background-blend-mode: luminosity; opacity: 0.1; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; background-color: #524B4B;} .testimonials_section section{ position: relative; z-index: 1; } .testimonials_section .sm-hed-border:after{ width: 35.1rem; } .testimonials_section .com-heading,.testimonials_section .sm-hed-border{ color: var(--color-white);} .testimonials_slider{ margin: 0 -1.5rem; display: flex; flex-wrap: wrap; } .testimonials_slider_loop{ padding: 0 1.5rem; width: 50%; display: none; } .testimonials_slider_loop_inn{background-color: var(--color-white); min-height: 42.4rem; padding: 2.2rem;} .test_content{ padding-top:0.7rem; min-height: 29.0rem; } .test_name{ display: block; font-weight: 700; color: var(--color-orange); font-size: 2.5rem; } .testimonials_slider_loop:nth-child(1),.testimonials_slider_loop:nth-child(2){ display: block; } .test_slider_button{ display: flex; margin-top: 4rem; } .custom_button_slick{ background-color: var(--color-white); padding: 0; margin: 0; outline: none; cursor: pointer; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 5.5rem; height: 5.5rem; color: var(--color-black); border: none; font-size: 1.2rem; margin-right: 1rem;transition: all .8s ease; opacity: 0; } .custom_button_slick:hover{ background-color: var(--color-orange); color: var(--color-white); } .test_slider_button .custom_button_slick:last-child{ margin-right: 0; } .slick-arrow.custom_button_slick{ opacity: 1; } .custom_button_slick.slick-disabled{ opacity: 0.5; cursor:none; } .page-template-template-blank-no-hed-no-footer header.site-header,.page-template-template-blank-no-hed-no-footer footer.site-footer{ display: none; pointer-events: none; position: absolute; text-indent: -99999rem; overflow: hidden; } /*----------------------------------------------------------------- 11. >>> Policy Statements and Endorsements Style ----------------------------------------------------------------*/ .statemen_endorsemen_section{ margin-top: 6rem; } .statements_endorsements_page_wrapper p{ color: var(--color-black); } .statements_endorsements_page_wrapper p strong{ font-weight: 700; } .statements_endorsements_page_wrapper p strong:first-child{ color: var(--color-orange); } .statemen_endorsemen_tab_section { display: flex; flex-wrap: wrap; } .sta_end_list{ width:25.8%; list-style: none;} .statemen_endorsemen_section .r-tabs .r-tabs-tab{ display: block;margin-bottom: 0.7rem; } .main_cat_loop{ width:74.2%; padding-left: 4.4rem; } .accordion-toggle {cursor: pointer;} .accordion-content {display: none;} .accordion-content.default {display: block;} .sta_end_cat_hed{border: 0.1rem solid var(--color-black); display: block; text-transform: uppercase; color: var(--color-black); font-weight: 700; font-size: var(--font-18); padding:1.6rem 1.8rem; transition: all .8s ease; position: relative;} .sta_end_cat_hed.for-mobile{ display: none; } .sta_end_cat_hed:hover,.sta_end_cat_hed.active{ color: var(--color-orange); } .sta_end_cat_hed:after,.ne_qu_mee_faq_tab_nav a:after,.aue_ans_hed:after{ content: ''; position: absolute; right:2rem; top: 50%; transform: translateY(-50%);width: 0; height: 0; border-top: 0.7rem solid transparent;border-bottom: 0.7rem solid transparent;border-left:0.7rem solid var(--color-black);transition: all .8s ease; } .sta_end_cat_hed.active:after,.aue_ans_hed:after{transform: translateY(-50%) rotate(90deg) ; border-left-color:color: var(--color-orange) ;} .sta_end_cat_hed:hover:after,.sta_end_cat_hed.active:after{border-left-color:color: var(--color-orange) ;} .sta_end_cat_sub_list{ list-style: none; margin-top: -0.1rem; } .statemen_endorsemen_section .r-tabs .r-tabs-tab .sta_end_cat_sub_list li{ margin-bottom: -0.1rem; } .sta_end_cat_sub_list a{ display: block;border: 0.1rem solid var(--color-black); display: block; text-transform: uppercase; color: #1E2632; font-weight: 700; font-size: var(--font-17); padding:1.6rem 1.8rem; padding-left:3.3rem; transition: all .8s ease; position: relative; } .sta_end_cat_sub_list a:before{ content: ''; position: absolute; left: 1.8rem; top: 50%; transform: translateY(-50%); border-radius: 100%; width: 0.5rem; height: 0.5rem; background-color: #1E2632; display: block;} .sta_end_cat_sub_list a:hover,.sta_end_cat_sub_list .r-tabs-state-active a{ color: var(--color-orange); } .statemen_endorsemen_post_loop{ font-weight: 700; color: var(--color-black);line-height: 3.2rem; margin-bottom: 2.3rem; } .statemen_endorsemen_post_loop strong{ font-weight: 700; } .statemen_endorsemen_post_loop a{ color: var(--color-orange); font-weight: 500; } .statemen_endorsemen_post_loop a:hover{ color: var(--color-green); } .news_det_content ul.sta_end_cat_sub_list{ margin-left: 0;} /*----------------------------------------------------------------- 12. >>> Webinars and Trainings Style ----------------------------------------------------------------*/ .webinars_trainings_content{ line-height: 3.2rem; } .webinars_trainings_content p{ margin-bottom: 4rem; } .webinars_trainings_content p strong{ display: block; font-weight: 600; margin-bottom: 1.2rem; } .webinars_trainings_content a:link,.webinars_trainings_content a{ font-weight: 500; } .webinars_trainings_content a:link:hover,.webinars_trainings_content a:hover{ color: var(--color-green); } .webinars_trainings_content a:link:after{ content: "\a24c";font-family: 'icomoon' !important; margin-left:0.8rem; } .aligncenter {clear: both;text-align: center;display: block;margin: auto;} .alignright{ float: right; margin-left: 1.5rem; } .gallery-columns-2 { display: flex; margin: 0 -1.5rem; margin-bottom: 4rem; } .gallery-columns-2 .gallery-item{ padding-right: 1.5rem; padding-left: 1.5rem; } .gallery-columns-2 .gallery-item:nth-child(1){ width: 58.33333333%; } .gallery-columns-2 .gallery-item:nth-child(2){ width:41.66666667%; } /*----------------------------------------------------------------- 13. >>> Programs Style ----------------------------------------------------------------*/ .program_loop{ margin-bottom: 7.5rem; } .program_loop:nth-child(2n+2) .program_section_image{ order: 2; } .program_loop:nth-child(2n+2) .com_sec_gap{ padding-left: 0; padding-right: 2.1rem; } .program_loop figure{ width: 100%; height: 48.4rem; } .program_loop p{ margin-bottom: 3rem; } .program_loop p:last-child{ margin-bottom: 0; } .program_loop strong{ font-weight: 600; color: var(--color-orange); } /*----------------------------------------------------------------- 14. >>> Hunger Free Communities Style ----------------------------------------------------------------*/ .hu_commu_image_content_section{ position: relative; margin-bottom:5rem; } .hu_commu_image_content_section figure{ width: 100%; height:45.7rem; } .hu_commu_content_section{ position: absolute; right: 0; } .hu_commu_content_section_inn{ padding-left:5.5rem; padding-top:0; padding-bottom:0; padding-right:5.5rem; background-color: var(--color-white); } .hunger_free_communities .hunger-free .row{ align-items:center; } .hu_commu_content_section_inn .com-heading{ font-weight: 400; text-transform: capitalize; margin-top:0 } .hu_commu_content_section_inn .com-heading strong{ font-weight: 700; } .hu_commu_content_section_inn p{ margin-bottom: 1.6rem; } .hu_commu_content_section_inn p strong{ font-weight: 600; } .hu_commu_content_section_inn p:last-child{ margin-bottom: 0; } .hu_commu_list_content_top_section{ padding: 0 4.8rem; } .hu_commu_list_content_top_section p{ margin-bottom: 4rem; } .content_listing_section{ padding-top: 2.7rem; padding-bottom: 6rem; } .content_listing_loop{ margin-bottom: 3rem; } .content_listing{border-right: 0.1rem solid #B5B5B5; line-height: 2.5rem; font-weight: 600; padding-left: 6.8rem; background-repeat: no-repeat; background-image: url(../images/sm-logo-icon.svg); background-position: 0 0;padding-right: 4rem;text-transform: capitalize; } .content_listing_loop:nth-child(3n+3) .content_listing{ border-right: none; } .image_with_cta_section_inn{ position: relative; } .image_with_cta_section_loop:first-child{ width: 58.33333333%; } .image_with_cta_section_inn figure{ height: 34.9rem; width: 100%; } .image_with_cta_section_inn span{ display:flex; align-items: center; position: absolute; bottom: 0; width: 100%; height: 8.2rem; background-color: rgba(209, 94, 36, 0.95); font-weight: 700; color: var(--color-white); font-family: var(--font-heading); padding: 0 4.3rem; font-size:2.4rem; } .image_with_cta_section_loop:first-child span{ background-color: rgba(15, 195, 147, 0.95); } .hu_commu_members_section{ padding-top: 7.8rem; } .hu_commu_members_section_inn .com-heading-sm{ font-weight: 400; } .hu_commu_members_section_inn .com-heading-sm strong{ font-weight: 700; } .hu_commu_members_list_sec{ padding-top: 3rem; } .hu_commu_members_list_loop .directors_list_bot_loop{ background-color: #FFF;transition: background-color 0.5s ease; } .hu_commu_members_list_loop strong{ color: var(--color-orange); } .hu_commu_members_list_loop .directors_list_bot_loop:hover{background-color: var(--color-orange);border-color: var(--color-white);color: var(--color-white);} .hu_commu_members_list_loop .directors_list_bot_loop:hover strong{ color: var(--color-white); } /*----------------------------------------------------------------- 14. 01 >>> Resource Library Style ----------------------------------------------------------------*/ .rs-li-left-sec ol{ margin-bottom: 2.2rem; } .rs-li-left-sec ol li{ margin-bottom:1.8rem ; } .resource-library-mid-seection{ padding-bottom:0; } .rs-li-left-sec{ padding-right: 8rem; } .rs-li-left-sec p{ margin-bottom:3.4rem; } .rs-li-left-sec p:last-child{ margin-bottom: 0; } .rs-li-left-sec p a{ font-weight: 600; } .rs-li-left-sec p a:hover{ color: var(--color-green); } .hfc_cat_section{ background-color:var(--color-graylight); padding-top: 3.8rem; padding-bottom: 3.8rem; } .hfc_cat_label{ font-weight: 700; color: var(--color-graydip); display:flex; align-items: center; margin-bottom: 0.5rem; } .hfc_cat_label_info{ display: flex; justify-content: center; align-items: center; background-color: var(--color-orange); color: var(--color-white); border-radius: 100%; width: 1.7rem; height: 1.7rem; font-size: 1.2rem; cursor: pointer; margin-left: 1.2rem;} .hfc_cat_input{ display: block; width: 100%; outline:none; border-radius: 0;border:0.2rem solid var(--color-graydip); height: 5.7rem;font-weight: 500; color: var(--color-graydip); padding-left: 2.3rem; padding-right: 2.3rem; } .hfc_cat_select{ display: block; width: 100%; outline:none; border-radius: 0;border:0.2rem solid var(--color-graydip); height: 5.7rem;font-weight: 500; color: var(--color-graydip); padding-left: 2.3rem; padding-right: 2.3rem; } .hfc_cat_loop .nice-select{display: block; width: 100%; outline:none; border-radius: 0;border:0.2rem solid var(--color-graydip); height: 5.7rem;font-weight: 500; color: var(--color-graydip); padding-left: 2.3rem; padding-right: 3.4rem; font-size: 1.7rem; line-height: 5.5rem;} .hfc_cat_loop .nice-select:hover{ border-color:var(--color-graydip) ; } .hfc_cat_loop .nice-select span.current{ overflow: hidden; display: block; } .hfc_cat_loop .nice-select:after{ width: 0; height: 0; border: none; border-left:0.7rem solid transparent;border-right:0.7rem solid transparent;border-top:0.7rem solid var(--color-graydip);transform: rotate(0deg);-webkit-transform: rotate(0deg); right: 1.6rem;} .hfc_cat_loop .nice-select.open:after{transform: rotate(-180deg)} .mar-bot0{ margin-bottom: 0; } .modal-pop.list_of_item{ padding-left: 0; padding-right: 0; } .modal-pop.list_of_item:before{ content: none; } .modal-body ul { margin-left: 1.7rem; } .modal-body ul li{ margin-bottom: 0.8rem; } .hfc_cat_loop{ margin-bottom: 2rem; } .com_input_button_wrp{ padding-top: 2rem; } .com_input_button{ border: none; outline: none; cursor: pointer; text-transform: uppercase; font-weight: 600; font-size: 1.6rem; padding: 0; margin:0 0.5rem; color: var(--color-white);letter-spacing: 0.1em; background-color: var(--color-orange); width: 24.5rem; height: 5.7rem; text-align: center; line-height:5.7rem ; } .clear_button{ background-color:var(--color-graydip); } .com_input_button:hover{ background-color: var(--color-green); color: var(--color-white); } .news_listing.hfc_post_list_sec{ background-color: transparent;padding: 0; padding-top: 6.6rem; } .news_listing.hfc_post_list_sec:before,.news_listing.hfc_post_list_sec:after{ content: none; } .news_listing.hfc_post_list_sec .com-heading-sm{ min-height: inherit; } .news_listing.hfc_post_list_sec .com-heading-sm a{ color: var(--color-black); } .news_listing.hfc_post_list_sec .com-heading-sm a:hover{ color: var(--color-orange); } .hfc_post_by{ text-transform: capitalize;letter-spacing: normal; font-weight: 600; border-bottom:0.1rem solid; display: inline-block; padding-right: 3rem; margin-bottom: 3.4rem; } .sm-hed-border.org.hfc_post_by:after{ content:none; } .hfc_post_list_sec .more-link{ display: none; } .hfc_post_list_loop .news_entry-content-short{ } .hfc_post_list_loop{ margin-bottom: 4rem; } .wrap_search_frm_resource_listing{ margin-top: 7.7rem; } .res_download a.button-com span.icon-pdf-icon:before{ color: var(--color-white); margin-left: 0.5rem;margin-left: 0.9rem;font-size: 2rem; } .hed_sm{ font-size: var(--font-20); font-weight: 600; } .res_doc_item{display: flex;align-items: center;padding: 1em 0;border-bottom: 0.1rem solid #eee;} .res_doc_item>span:first-child {flex: 0 0 25%;padding-right: 1em;} .res_doc_item>span:last-child {flex: 0 0 65%;-webkit-box-flex: 0;-ms-flex: 0 0 65%;} .res_doc_info{ margin-top: 4rem; } .hfccommunities_taxonomy_list{ margin-top: 0; } .res_doc_info a:hover{ color: var(--color-green); } .resource_library_details .news_detais_header{ margin-bottom: 0; } /*----------------------------------------------------------------- 14. 02 >>> Hunger Free Communities Map Style ----------------------------------------------------------------*/ .hfc_map_section{ margin-bottom: 7.6rem; } .hfc_map{ background-color: #BFE3E0; min-height: 77.9rem; display: flex; align-items: center; justify-content: center; } .pdf_profile_sec{ padding-top:2.6rem; } .pdf-button{ display: flex; width: fit-content; justify-content: center; align-items: center; font-weight:700; color: var(--color-orange); font-size: var(--font-20); margin: auto; } .pdf-button span.icon-pdf-icon{ font-size: var(--font-30); margin-right: var(--font-14); } .pdf-button span.text{ text-decoration: underline; } .pdf-button:hover span.text{ color: var(--color-green); } .submit-profile-button{display: flex; width: fit-content; justify-content: center; align-items: center; margin: auto;font-weight: 600; font-size: var(--font-14);color: #5C5656;opacity: 0.7; margin-top: 2.5rem; text-transform: capitalize;} .submit-profile-button:hover{ color: var(--color-orange); opacity: 1; } /*----------------------------------------------------------------- 15. >>> Self-Assessment Workbook Style ----------------------------------------------------------------*/ /* .self_ass_top_section{ text-transform: capitalize; } */ .self_ass_top_section figure{ width: 53.6rem; height: 69.4rem; margin: 0 auto; border: 0.3rem solid var(--color-orange); } .self_ass_top_section p{ margin-bottom: 3rem; } .self_ass_top_section p:last-child{ margin-bottom: 0; } .self_ass_top_section strong{ font-weight: 600; } .self_ass_top_section .com_hed_text{ width: 56.5rem; } .self_ass_top_section p a:hover{ color: var(--color-orange); } .self_ass_mid_section{ padding: 0 5rem; padding-top: 7rem; } .self_ass_mid_section strong{font-weight: 600;} .asse_short_content{ border: 0.1rem solid #B5B5B5; border-left: none; border-right: none; height: 4.7rem; display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 3rem; margin-bottom: 5rem; color: var( --color-black); font-weight: 500; font-size: var(--font-20); } .asse_short_content a{ font-weight: 700;color: var( --color-black);display: flex;align-items: center; margin-left: 3rem; } .asse_short_content a svg{ margin-right:0.8rem } .asse_short_content a:hover{ color: var(--color-orange); } .self_ass_bot_section{ padding: 0 5rem;} .self_ass_select_sec span.cap_hed{ display: block;font-weight: 500; font-size: var(--font-14); color:#61666F; margin-bottom: 1.4rem; } .assessment_list_content{ padding-top: 6.5rem; padding-bottom:7rem; } .assessment_list_loop{ display: none; } .assessment_list_loop:first-child{ display: block; } .assessment_list_loop p{ margin-bottom: 3rem; } .assessment_list_loop p a{ font-weight: 600; color: var(--color-orange); } .assessment_list_loop p a:hover{ color: var(--color-green); } .nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:400;height:42px;line-height:40px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto} .nice-select:hover{border-color:#dbdbdb} .nice-select:active,.nice-select.open,.nice-select:focus{border-color:#999} .nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:5px} .nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)} .nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)} .nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none} .nice-select.disabled:after{border-color:#ccc} .nice-select.wide{width:100%} .nice-select.wide .list{left:0!important;right:0!important} .nice-select.right{float:right} .nice-select.right .list{left:auto;right:0} .nice-select.small{font-size:12px;height:36px;line-height:34px} .nice-select.small:after{height:4px;width:4px} .nice-select.small .option{line-height:34px;min-height:34px} .nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,0.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(0.75) translateY(-21px);-ms-transform:scale(0.75) translateY(-21px);transform:scale(0.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;z-index:9;max-height: 300px; overflow-y: auto !important;} .nice-select .list:hover .option:not(:hover){background-color:transparent!important} .nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s} .nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6} .nice-select .option.selected{font-weight:700} .nice-select .option.disabled{background-color:transparent;color:#999;cursor:default} .no-csspointerevents .nice-select .list{display:none} .no-csspointerevents .nice-select.open .list{display:block} .self_ass_select_sec .nice-select,.self_ass_select_sec select{ border:0.1rem solid var(--color-green);box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); background-color: var(--color-white); height: 5.9rem; outline: none;font-weight: 700; font-size: var(--font-20); color: var(--color-black); text-transform: uppercase; padding:0 3.7rem; float: none; border-radius: 0; line-height: 5.9rem;font-family: var(--font-primary);width: fit-content;margin: 0 auto;padding-left: 4.6rem;padding-right: 11.5rem; } .self_ass_select_sec .nice-select .list{ width: 100%;border:0.1rem solid var(--color-green); border-radius: 0; } .self_ass_select_sec .nice-select .option{ text-transform: capitalize; font-size: var(--font-16); font-weight: 400; } .self_ass_select_sec .nice-select .option:hover{ background-color:var(--color-green); color: var(--color-white); } .self_ass_select_sec .nice-select:after{ width: 0; height: 0; border: none; border-left:0.7rem solid transparent;border-right:0.7rem solid transparent;border-top:0.7rem solid var(--color-black);transform: rotate(0deg);-webkit-transform: rotate(0deg); right: 1.6rem;} .self_ass_select_sec .nice-select.open:after{transform: rotate(-180deg)} .hfc_cat_loop .nice-select:active, .hfc_cat_loop .nice-select.open, .hfc_cat_loop .nice-select:focus{border-color: var(--color-graydip);} .hfc_cat_loop .nice-select .list{ border-radius: 0;border: 0.2rem solid var(--color-graydip); } .width-100 .nice-select .list{ width: 100%; } .self_ass_select_sec{ position: relative; z-index: 5;} .self_ass_select_sec .nice-select .list{ margin-left: 0;} /*----------------------------------------------------------------- 16. >>> Network Quarterly Meetings Style ----------------------------------------------------------------*/ .ne_qu_mee_top_section { font-weight:600; padding-bottom: 6.5rem; } .ne_qu_mee_top_section p{ margin-bottom: 3rem; } .ne_qu_mee_top_section p:last-child{ color: var(--color-orange); margin-bottom: 0; } .ne_qu_mee_register_section{ background-color: var(--color-black); position: relative; text-align: center; padding:4rem 0; } .bg_image{ background-repeat: no-repeat; background-position: 0 0; background-size: cover; background-blend-mode: luminosity;opacity: 0.1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .ne_qu_mee_register_section .container{ position: relative;z-index: 1; } .ne_qu_mee_register_section h2{ color: var(--color-white); font-size:2.6rem; font-weight: 700; text-transform: capitalize; font-family: var(--font-primary);margin-bottom: 3rem; } .register_list_loop_sec{ background-color: var(--color-white); display: flex; align-items: center; min-height: 8.8rem;border: 0.1rem solid #E4E4E4;justify-content: center;align-items: flex-start;flex-direction: column; position: relative;padding-left:7.2rem;margin-bottom: 0;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .register_list_loop_sec { line-height: 2.3rem; font-weight: 500; text-align: left; color: var(--color-black);} .register_list_loop_sec strong{ display: block;font-weight: 700; } /* Hide the browser's default radio button */ .register_list_loop_sec input.register_input {position: absolute;opacity: 0;cursor: pointer;} /* Create a custom radio button */ .checkmark {position: absolute;top:50%;transform: translateY(-50%);left:2.3rem;height: 2.8rem;width: 2.8rem;background-color: #E1E1E1;border: 1px solid #A0A0A0;border-radius: 50%;} /* On mouse-over, add a grey background color */ .register_list_loop_sec:hover input.register_input ~ .checkmark {background-color:var(--color-orange); border-color: var(--color-orange);} /* When the radio button is checked, add a blue background */ .register_list_loop_sec input.register_input:checked ~ .checkmark {background-color:var(--color-orange); border-color: var(--color-orange);} /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after {content: "";position: absolute;display: none;} /* Show the indicator (dot/circle) when checked */ .register_list_loop_sec input.register_input:checked ~ .checkmark:after {display: block;} /* Style the indicator (dot/circle) */ .register_list_loop_sec .checkmark:after {left: 10px;top: 5px;width: 6px;height: 13px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .register_list_sec{ margin-bottom: 4rem; } .disable{ pointer-events: none; opacity: 0.8; background-color:#e3ccc0; border-color: #d7d4d2; } .register-button{ height: 5.7rem; padding: 0 4.4rem; } .ne_qu_mee_register_section .short_content{ padding-top: 3.6rem; } .ne_qu_mee_register_section p{ color: var(--color-white); font-weight: 500;text-transform: capitalize; margin-bottom: 0; } .ne_qu_mee_register_section p a{ font-weight: 600; font-size:1.4rem; display: flex; justify-content: center; width: fit-content; margin: auto; color: var(--color-white);margin-top: 1rem; } .ne_qu_mee_register_section p a:hover{ color: var(--color-orange); } .ne_qu_mee_faq_section{ padding-top: 8rem; } .ne_qu_mee_faq_tab_sec{ display: flex; flex-wrap: wrap; justify-content: space-between; } .ne_qu_mee_faq_tab_nav{ list-style: none; width: 25.8%;} .ne_qu_mee_faq_tab_contnt_sec{width: 74.2%;padding-left: 4.4rem;} .ne_qu_mee_faq_tab_sec.r-tabs .r-tabs-tab{ display: block;margin-bottom: -0.1rem; } .ne_qu_mee_faq_tab_nav li.r-tabs-state-active a:after{ border-left-color: var(--color-orange); opacity: 1; } .ne_qu_mee_faq_tab_nav a:after{ opacity: 0; } .ne_qu_mee_faq_tab_nav li:hover a:after{ opacity:1;border-left-color: var(--color-orange); } .question_and_answer_loop{ margin-bottom: 1.8rem; } .aue_ans_hed{ display: block;font-weight: 600; font-size: var(--font-20); color:var(--color-graydip); padding:0.8rem 2rem; border: 0.1rem solid var(--color-black); position: relative; } .aue_ans_hed strong{ font-weight: 700; } .aue_ans_hed.active{ background-color:#5C5656; color:var(--color-white); } .aue_ans_hed.active:after{transform: translateY(-50%) rotate(-90deg);} .aue_ans_content{border: 0.1rem solid var(--color-black); border-top: none; padding: 2rem 2.6rem;} .aue_ans_content a{ font-weight: 600; } .aue_ans_content a:hover{ color: var(--color-green); } .aue_ans_content ul li,.aue_ans_content ol li{ margin-bottom: 0.6rem; } /*----------------------------------------------------------------- 17. >>> Joining the HFC Network / FAQs Style ----------------------------------------------------------------*/ .joi_net_faq_top_section h1{font-weight: 600; font-size: var(--font-35); text-align: center; color: var(--color-black); margin-bottom: 7rem;} .joi_net_faq_top_section section{ padding: 0 5rem; } .joi_net_faq_top_section p{ margin-bottom:3.5rem; } .joi_net_faq_sec .faq_section_loop{ padding-top: 4rem; } .aue_ans_content_wrp{ overflow: hidden; } .ans_faq{ text-transform: uppercase; color:var(--color-body); font-weight: 700;float: left; margin-right: 0.6rem; } /*----------------------------------------------------------------- 18. >>> SDG2 Advocacy Hub Style ----------------------------------------------------------------*/ .sdg_advocacy_hub_top_sec{ padding-bottom: 6rem; } .sdg_advocacy_hub_top_sec figure{ width: 100%; height: 53.8rem; } .sdg_advocacy_hub_top_sec .com-heading{ margin-top: 0;margin-top: 0;line-height: 6rem;margin-bottom:2.8rem;padding-right: 6rem; } .sdg_advocacy_hub_top_sec p a strong{ text-decoration: underline; } .sdg_advocacy_hub_content h2{ font-size: var(--font-35); font-weight: 600; color: var(--color-black);margin-bottom: 3.8rem; } .sdg_advocacy_hub_content h3{font-size: var(--font-35); color: var(--color-black);margin-bottom: 3.8rem;} .sdg_advocacy_hub_content p{ margin-bottom: 3.8rem; } .sdg_advocacy_hub_content p a{ font-weight: 600; } .sdg_advocacy_hub_content p a:not([href]):not([class]), .sdg_advocacy_hub_content p a:not([href]):not([class]):hover{ color: var(--color-orange); } .sdg_advocacy_hub_content p a:hover,.sdg_advocacy_hub_top_sec p a:hover{ color: var(--color-green); } .sdg_advocacy_hub_content section{ padding-bottom: 3rem; } /*----------------------------------------------------------------- 19. >>> Members Style ----------------------------------------------------------------*/ .members_top_sec p{ font-size: var(--font-20); line-height: 3.1rem; font-weight: 600; } .include_list_sec{ padding-top: 4.7rem; padding-bottom: 6rem; } .include_list_sec_loop{ position: relative; margin-bottom: 2.4rem; margin-top: 2.4rem; } .include_list_sec_loop:after{ content: ''; position: absolute; right:2.6rem; height: 100%; width: 0.1rem; background-color: #B5B5B5; top: 0; } .include_list_sec_loop_row{ border-bottom: 0.1rem solid #B5B5B5; } .include_list_sec_loop:last-child:after{ content: none; } .include_list_sec_loop_row:last-child{ border-bottom: none; } .include_list_name{ color:var(--color-graydip); display:flex; align-items: center; min-height: 7.8rem; padding-left: 7rem; font-weight:700; font-size: var(--font-20); line-height:2.4rem; background-repeat: no-repeat; background-position: 0 center; background-image: url(../images/sm-logo-icon.svg); padding-top: 1.5rem; padding-bottom: 1.5rem; } .members_sub_sec{ padding: 6rem 0; } .members_sub_sec_loop figure{ height: 49.9rem; margin-bottom: 2.6rem; background-color: var(--color-green);} .members_sub_sec_loop:hover img{ opacity: 0.4; } .members_sub_sec_loop figcaption{ font-family: var(--font-heading); color: var(--color-white); margin: 0; position: absolute; bottom: 4rem; left:3rem;text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5); } .members_sub_sec_loop_cont{ text-transform: capitalize; width: 36.8rem; padding-left: 3rem;} .members_sub_sec_loop_cont a{ font-weight: 600; } .members_sub_sec_loop_cont a:hover{ color: var(--color-green); } .members_sub_sec_loop:hover .members_sub_sec_loop_cont{ font-weight: 600; } /*----------------------------------------------------------------- 20. >>> Our Members Style ----------------------------------------------------------------*/ .ourmembers_list_loop{ margin-bottom: 8.8rem; } .ourmembers_list_loop .com-heading-sm{ margin-bottom: 6rem; } .members_list_loop{ margin-bottom: 2.3rem; } .members_list_loop_inner{ background-color:var(--color-white);border: 1px solid #E4E4E4; min-height: 20.5rem; display: flex; justify-content: center; align-items: center; transition: border-color 0.5s ease; } .members_list_loop:hover .members_list_loop_inner{ border-color: var(--color-orange); } .members_list_loop_img_link a{ width: 100%; height: 20.5rem; display:flex; align-items: center; justify-content: center; } .members_list_loop_text_short_text{ flex-direction: column;align-items: flex-start;padding:0 2rem;min-height: 8.9rem;color:var(--color-graydip);font-weight: 500;font-size: 1.3rem; } .member_text_short_content{ display: block;} /*----------------------------------------------------------------- 21. >>> Become a member Style ----------------------------------------------------------------*/ .becom_top_sec{ padding-bottom: 4rem; } .becomemember_button_sec{background-color:var(--color-graylight) ; padding-top:3rem; padding-bottom:3rem; position: relative; margin-bottom: 8rem;} .becomemember_button_sec:before,.becomemember_button_sec:after{ content: ''; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0;background-color:var(--color-graylight) ; } .becomemember_button_sec:before{ left: -100%; } .becomemember_button_sec:after{ right: -100%; } .becomemember_button_sec ul{ list-style: none; display: flex; justify-content: center; align-items: center; margin: 0 -1.1rem; } .becomemember_button_sec ul li{ padding: 0 1.1rem; } .becomemember_button_sec ul li a{border:0.2rem solid var(--color-graydip);color: var(--color-graydip);font-weight: 600; display:block; padding:1.2rem 2.2rem;} .becomemember_button_sec ul li a:hover{ background-color: var(--color-orange); border-color: var(--color-orange); color: var(--color-white); } .becomemember_info_list_section{ padding-bottom:6rem; } .becomemember_info_loop{ margin-bottom: 9.6rem; } .becom_top_sec .com-heading{ font-weight: 400; margin-top: 0; } .becom_top_sec .com-heading strong{ font-weight: 600; } .becomemember_info_loop:nth-child(2){ background-color:var(--color-graylight) ; padding-top: 6rem; padding-bottom: 6rem; } .becomemember_info_loop:nth-child(2):before,.becomemember_info_loop:nth-child(2):after{ content: ''; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0;background-color:var(--color-graylight) ; } .becomemember_info_loop:nth-child(2):before{ left: -100%; } .becomemember_info_loop:nth-child(2):after{ right: -100%; } .becomemember_info_loop section{ padding: 0 4.5rem; } .becomemember_info_loop section p{ margin-bottom: 3rem; } .becomemember_info_loop section p a{ text-transform: capitalize; font-weight: 600; } .becomemember_info_loop section p a:hover{ color: var(--color-green); } .becomemember_info_loop:last-child section{ margin: 0 auto; width: 68.5rem; } .button-pdf{ margin-bottom: 3rem; width: 40.5rem; } .becomemember_info_loop table{ margin-bottom: 6rem; } .becomemember_info_loop table h2{ font-family: var(--font-heading); font-size:var(--font-35); margin-bottom: 3rem;color: var(--color-black); } .becomemember_info_loop table tr td{ font-weight: 500; color: var(--color-graydip);border:0.2rem solid var(--color-graydip); padding: .9rem .5rem; } .becomemember_info_loop table tr td.hide-td{ border-color: transparent; border-bottom-color: var(--color-graydip); border-right-color: var(--color-graydip); } .becomemember_info_loop table tr:first-child td{ border: none; padding: 0; } .becomemember_content_description{ border:0.1rem solid #B5B5B5;font-weight: 500;text-transform: capitalize; padding: 3.6rem 4.9rem; } .becomemember_content_description p{ margin-bottom:3rem; } .becomemember_content_description p:last-child{ margin-bottom: 0; } .becomemember_content_description p strong{font-weight: 600; font-size: var(--font-20);} .becomemember_content_description p a:hover{ color: var(--color-green); } /*----------------------------------------------------------------- 22. >>> Learn More Style ----------------------------------------------------------------*/ .learnmore_top_hed{ padding-bottom:9rem; } .learnmore_top_hed .com-heading{ margin-top: 0; font-weight: 400; } .learnmore_top_hed .com-heading strong{ display: block; } .learnmore_loop_top_sec{ margin-bottom: 10.0rem; } .learnmore_bot_loop_inn{ border: 0.1rem solid #DCDCDC; background-color: var(--color-white); } .learnmore_bot_loop_inn .img_bg{ width: 100%; height: 44.6rem; } .learnmore_top_loop .img_bg{ width: 100%; height: 65.3rem; } .learnmore_com_content .com-heading-sm{ font-weight: 400;margin-bottom: 2rem; } .learnmore_bot_loop_content{ min-height:36.5rem ;padding: 0 2rem; padding-top: 3.6rem; padding-bottom: 4rem;display: flex;flex-direction: column;justify-content: space-between; } .learnmore_top_loop .learnmore_bot_loop_content{ min-height: 26.4rem; padding-left: 0; padding-right: 0; padding-bottom: 0; } .learnmore_com_content p a{ text-transform: capitalize; font-weight: 600; } .learnmore_com_content p a:hover{ color: var(--color-green); } .learnmore_top_loop { margin-bottom:6rem } /*----------------------------------------------------------------- 23. >>> News & Insights Style ----------------------------------------------------------------*/ .news_top_sec{ padding-bottom: 6rem; } .news_top_sec .com-heading{ margin-top: 0; } .news_loop_list { margin-bottom: 2.4rem; } .news_listing{ background-color:var(--color-graylight); position: relative; padding: 11.2rem 0; padding-bottom: 17.3rem; } .news_listing:before,.news_listing:after{ content: ''; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0;background-color:var(--color-graylight) ; } .news_listing:before{ left: -100%; } .news_listing:after{ right: -100%; } .news_loop_list_sec{border: 0.1rem solid #DCDCDC; background-color: var(--color-white);} .news_thumb_image{ height: 32.8rem; } .news_loop_list_sec section{ padding: 2rem; padding-top: 3rem; } .post_date_news{ display: block; font-weight: 600; color: var(--color-orange); margin-bottom: 1.2rem; } .news_listing .com-heading-sm{ font-size: var(--font-30); line-height: 4rem; min-height: 16.0rem; } .news_entry-content-short{ font-size: 1.5rem; line-height: 2.6rem; margin-bottom: 2.7rem; } body.blog .site-footer{ margin-top:-17.3rem; } .wp-pagenavi{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;align-items: center; margin-top: 3.8rem;} .wp-pagenavi a, .wp-pagenavi span{display: flex;width: fit-content;border: 0.1rem solid var(--color-orange);text-transform: uppercase;font-size: var(--font-16);letter-spacing: 0.1em;color: var(--color-orange);padding:0.8rem 1.6rem;font-weight: 600;align-items: center;} .wp-pagenavi a:hover, .wp-pagenavi span.current{ background-color: var(--color-orange); border-color: var(--color-orange); color: var(--color-white); } .news_detais_header{ margin-bottom: 4.8rem; } .news_detais_header .com-heading{ margin-top: 0; } .news_detais_thumb_image img{ height: auto !important; max-width: 100% !important; width: 100%; } .news_det_content p{ margin-bottom: 3.5rem; } .news_det_content p a:hover{ color: var(--color-green); } .news_det_content ul{ margin-left: 1.7rem; } .news_det_content ul li{ margin-bottom: 0.6rem; line-height: 2.4rem; } .news_det_content h2,.news_det_content h3{ margin-bottom: 2rem; } .news_det_content h2{ font-size: 3rem; } .news_det_content h3{ font-size: 2.6rem; } .news_det_content .alignleft{float: left;margin: 5px 20px 20px 0;} .news_det_content .alignright{float: right;margin: 5px 0px 20px 20px;} .explore_news_section .com-heading{ margin-top: 0; margin-bottom:3rem; } .more-news-button{ margin-top: 3.8rem; } /*----------------------------------------------------------------- 24. >>> Donate Style ----------------------------------------------------------------*/ .donate_left { padding-right: 4rem; } .donate_left_img_sec{ position: relative; margin-bottom: 4.5rem; min-height: 45.0rem; } .donate_left_top_image{ width:53.6rem; height:33.3rem; } .donate_left_bot_image{width:44.7rem; height:25.4rem; position: absolute; right: 0; bottom:0; border: 0.5rem solid var(--color-white);} .donate_right_sec{ position: relative; /*background-color: var(--color-black);*/ padding: 4.5rem 3.4rem; min-height: 83.4rem; overflow: hidden; } .donate_right_sec:after{ content: '';background-image: url(../images/logo-shape-orangenew.svg); background-repeat: no-repeat; background-position: 0 0; position: absolute; width: 12.2rem; height: 11.5rem; right:2.7rem; top: 2.3rem;} .donate_bg_image{ background-repeat: no-repeat; background-position: 0 0; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0;bottom: 0; background-blend-mode: luminosity; opacity: 0.1; } .donate_right_sec .com-heading-sm{ color:var(--color-black);; font-weight: 600; margin-bottom: 0.6rem; } .donate_short_content{ display: flex; height: 2.4rem; align-items: center; background-color: var(--color-orange); color: var(--color-white); font-size: var(--font-15); padding-left: 3.6rem; padding-right: 5rem; margin-left: -3.6rem;width: fit-content; position: relative;margin-bottom: 4rem; } .donate_short_content:after{ content: ''; background-image: url(../images/donate-shape-round.svg); background-repeat: no-repeat; background-position: 0 0; position: absolute; right: -2.3rem; top: 0; width: 2.3rem; height: 2.4rem; display:block; } /*----------------------------------------------------------------- 25. >>> Contact Us Style ----------------------------------------------------------------*/ .contact-page-wrap{ background-repeat: repeat; background-image: url(../images/cpntact_bg.png); } .contact_left .com-heading{ font-weight: 400; margin-top: 0; } /* .contact_left p{ text-transform: capitalize; } */ .contact_right_sec{ padding-left: 6.1rem; margin-top: -9rem;margin-bottom: -9rem; } .address_info_sec{background-color: rgba(237, 230, 230, 0.33); padding-top: 9rem;padding-bottom: 9rem} .address_info_sec:after{ content: ''; position: absolute; height: 100%; width: 100%; right: -100%; top: 0;background-color: rgba(237, 230, 230, 0.33); } .address-loop { padding-bottom:4rem; margin-bottom: 0; padding-left:4.7rem; } .address-loop:before{ content: ''; position: absolute; left: -2rem; top: 0.6rem; width: 4.5rem; height: 4.5rem; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/sm-logo-icon.svg); display: block;} .address_hed{ font-weight: 600; } .address-loop a{ color: var(--color-body) ; } .address-loop a:hover{ color: var(--color-orange) ; } .address-loop iframe{box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); border: 1.5rem solid var(--color-white); width: 100%;margin-top: 3rem;} .page-template-template-contact .site-footer{ margin-top: -9rem; } /*----------------------------------------------------------------- 26. >>> Job Opportunities & Internships Style ----------------------------------------------------------------*/ .opp_int_top_section{ padding-bottom: 6.5rem; } .opp_int_top_section .com-heading{ margin-top: 0; } .opp_int_mid_section{ padding-bottom: 7.5rem; } .opp_int_mid_section figcaption{ padding: 1.2rem; } .opp_int_mid_section figcaption a{ color:var(--color-white); font-size: var(--font-18); line-height: 2.2rem; text-decoration: underline; font-weight: 400; } .opp_int_mid_section figcaption a:hover{ text-decoration: none; } .opp_int_mid_section section p a:hover{ color: var(--color-green); } .opp_int_other_content_sec{ background-color: var(--color-graylight) ; padding: 2.7rem; padding-bottom: 4rem; } .opp_int_form_section{ padding-top: 9.8rem; } /*----------------------------------------------------------------- 27. >>> Events Style ----------------------------------------------------------------*/ .mec-month-divider span{ font-family: var(--font-heading); font-size: var(--font-45); font-weight: 400; text-transform: capitalize; border-bottom: 0; padding-bottom: 0; } .mec-month-divider span:before{ content: none; } .mec-event-list-modern .mec-btn-wrapper .mec-booking-button{ border-color: var(--color-orange); color: var(--color-orange); } .mec-wrap .mec-event-list-modern .mec-event-title{ font-family: var(--font-primary);color: var(--color-orange); font-weight: 600; font-size: 2.4rem; text-transform: capitalize; } .mec-event-list-modern .mec-event-title a{color: var(--color-orange);} .mec-event-list-modern .mec-event-title a:hover{ color: var(--color-green); } .mec-event-list-modern .mec-event-detail{ color: #272727;font-weight: 400; } .mec-event-list-modern .mec-event-date .event-d{font-family: var(--font-heading);color: var(--color-orange);} .mec-event-list-modern .mec-event-date .event-f{ font-size: var(--font-17); color: #777777;vertical-align: baseline;letter-spacing: normal; } .mec-event-list-modern .mec-event-date .event-da{ color: #777777; font-size: 2.4rem; line-height: 2.6rem; letter-spacing: normal; font-weight: 400; } .mec-single-event .mec-events-meta-group-booking, .mec-single-event .mec-frontbox{ background-color: #F9F8F8; border-color:#F9F8F8; } .mec-event-cost, .mec-event-more-info, .mec-event-website, .mec-events-meta-date, .mec-single-event-additional-organizers, .mec-single-event-category, .mec-single-event-date, .mec-single-event-label, .mec-single-event-location, .mec-single-event-organizer, .mec-single-event-sponsor, .mec-single-event-time{ background-color: var(--color-white); } .mec-color, .mec-color-before :before, .mec-color-hover:hover, .mec-wrap .mec-color, .mec-wrap .mec-color-before :before, .mec-wrap .mec-color-hover:hover{ color: var(--color-orange); } .mec-single-event .mec-event-meta dt, .mec-single-event .mec-event-meta h3, .mec-single-modern .col-md-4 .mec-sponsors-details h3, .mec-sponsors-details .mec-events-single-section-title{ font-family: var(--font-primary);color: #524B4B; font-size: 1.8rem; font-weight: 600;text-transform: capitalize; } .mec-single-event .mec-event-meta .mec-events-event-categories a, .mec-single-event .mec-event-meta dd,.mec-single-event .mec-event-meta .mec-events-event-cost{ font-weight: 500; font-size: 1.2rem;color: #746969; } .mec-single-event .mec-event-meta dd.author {font-weight: 600; display: block; padding-bottom: 0.5rem;} .mec-event-list-modern .mec-btn-wrapper .mec-booking-button:hover,.mec-load-more-button:hover{ border-color: var(--color-green);background: var(--color-green); } .event-color{ display: none; } .mec-event-list-modern .col-md-2.col-sm-2{ top: 0; } .mec-border-color, .mec-border-color-hover:hover, .mec-wrap .mec-border-color, .mec-wrap .mec-border-color-hover:hover{ border-color: var(--color-orange); color: var(--color-orange); } .mec-bg-color, .mec-bg-color-hover:hover, .mec-wrap .mec-bg-color, .mec-wrap .mec-bg-color-hover:hover{ border-color: var(--color-green);background-color:var(--color-green); } .mec-wrap .mec-single-title, .single-mec-events .mec-wrap.mec-no-access-error h1{ font-weight: 400; color: #524B4B; } .mec-wrap p{ color: #272727; font-size: var(--font-17); line-height: 3.2rem; } .mec-single-event{ padding-bottom: 8rem; padding-top: 3rem; } /*----------------------------------------------------------------- 28. >>> Success Stories Style ----------------------------------------------------------------*/ .su-st-top-section{ margin-bottom: 4rem; padding-bottom: 4rem; } .mem_video_sec{ padding-top: 3rem; } .mem_video_loop{ margin-bottom: 5rem; } .mem_video_loop span{ display: block; font-size: var(--font-18); padding-bottom:2rem; min-height: 7.5rem; } .members_are_saying_section{ padding-bottom: 4rem; } .vido_img_wrap{position: relative;width: 100%;} .vido_img_wrap:before{content: '';width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.3);} .mem_video_loop .videoicon{ display: block;width: 100%; height: 100%; background-image: url(../images/youtube_icon.svg); background-repeat: no-repeat; background-position: center center; background-size:6rem; position: absolute; top: 0; left: 0; right: 0; z-index: 1; } /*----------------------------------------------------------------- Footer Style ----------------------------------------------------------------*/ .newsletter_section{ background-color: var(--color-white);box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); min-height: 12.3rem; display: flex;justify-content: space-between; align-items: center; margin: 0 6.6rem; padding: 0 4.6rem; position: relative; z-index: 1; } .newsletter_section .com-heading{margin: 0; font-size: var(--font-40);} .newsletter_form{ width: 49.2rem; position: relative; } .newsletter_form label{ font-size: 0; display: block; } .newsletter_form label input[type="email"]{ font-weight: 500; font-size: var(--font-15); color: var(--color-black); outline: none; padding: 0;border: none; border-bottom:0.1rem solid #B5B5B5; height: 4.4rem; display: block; width: 100%; } .newsletter_form input[type="submit"]{letter-spacing: 0.1em;text-transform: uppercase;font-weight: 600; font-size: var(--font-16); border: none; outline: none; cursor: pointer; height: 4.4rem; width: fit-content; display: flex; align-items: center; padding: 0 2.8rem; color: var(--color-white); background-color: var(--color-orange); position: absolute; bottom:0; right: 0;} .newsletter_form input[type="submit"]:hover{ background-color: var(--color-green);color: var(--color-white); } .footer_bot_secction{ background-color: var(--color-orange); color: var(--color-white); padding-top:6.7rem; margin-top:-3.2rem; } .footer-logo a{ display: block; width: 27.6rem; } .footer-logo svg{ width: 100%; } .footer-logo svg path{fill: var(--color-white);} .footer-navigation{ display: flex; justify-content: center; } .footer-navigation-wrapper{ list-style: none; display:grid;grid-template-columns: 2fr 1fr; } .footer-navigation-wrapper .menu-item{ padding: 0; margin: 0; margin-bottom: 2rem; } .footer-navigation-wrapper .menu-item a{ color: var(--color-white); font-size: var(--font-16); } .footer_address{ font-size: var(--font-15); font-weight: 500; } .footer_address a{ color:var(--color-white) ; } .footer_address a:hover{ text-decoration: underline; } .footer_address p{ padding-left: 3.5rem; position: relative; } .footer-address{ position: relative; margin-top: 2.2rem; } .footer_address .footer_icon{ position: absolute; left: 0;top: 4px; } .footer-site-info{ border-top: 1px solid rgba(244, 236, 236, 0.38); padding: 1.8rem 0; margin-top: 2rem; } .site-info{ display: flex; align-items: center; justify-content: space-between;color: var(--color-white); font-size: 1.2rem; } .site-info strong,.site-info a{ font-weight: 700; } .site-info a{ color:var(--color-white) ; } .footer-socail-wrapper{ list-style: none; display: flex; align-items: center; margin: 0 -0.9rem; } .footer-socail-wrapper .menu-item{ margin: 0; padding: 0 0.9rem; line-height: normal; } .footer-socail-wrapper a{ font-size: 2.2rem; } /*----------------------------------------------------------------- Thank-You & 404 Style ----------------------------------------------------------------*/ .page_not_found{flex-direction: column;height: 100vh;width: 100vw; position: relative; z-index: 1;} .page_not_found_inner{background: rgba(255, 255, 255, 0.06);border: 3px solid rgba(255, 255, 255, 0.06);box-shadow: 0px 0px 50px rgba(209, 94, 36, 0.1); min-height: 80.0rem;flex-direction: column;} .page_not_found_inner .page-title{letter-spacing: 0.005em; font-size: 26.0rem; line-height: 26.0rem; font-weight: 400; margin-top:-12.0rem;} .not-found{ font-size: 2.4rem; width: 55.9rem; margin:0 auto; } .page_not_found_inner .page-content{ flex-direction: column; } .page_not_found_inner .button-com{ margin-top: 4rem; } .site-logo-inn a{ display: block; position: relative; z-index: 1; } body.page-template-template-thank-you{ background-image: none;} .thankyou-bg-image{ background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; bottom: 0; width: 100vw; height: 100vh;mix-blend-mode: luminosity; opacity: 0.15; background-size: cover; } /*----------------------------------------------------------------- >>> Gform Style ----------------------------------------------------------------*/ .gform_legacy_markup_wrapper label.gfield_label, .gform_legacy_markup_wrapper legend.gfield_label{color: #524B4B;font-weight: 400!important; font-size: 1.7rem!important;} .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),.gform_legacy_markup_wrapper textarea,.gform_legacy_markup_wrapper select{border:0.1rem solid #B5B5B5; background-color:var(--color-white);color: #7C7C7C;font-weight: 400; font-size: var(--font-15) !important; font-family: var(--font-primary) !important; border-radius: 0; outline: none; padding-top: 0 !important; padding-bottom: 0 !important; height:5rem; padding-left:2rem !important; padding-right: 2rem !important;} .gform_legacy_markup_wrapper textarea{padding:2rem !important; height: 18.1rem;} .gform_legacy_markup_wrapper ul.gfield_checkbox li{ display: flex; align-items: center;} body .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input, body .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox]{ margin-top: 0 !important; margin-right: 1rem; } .gform_legacy_markup_wrapper .gform_footer input.button, .gform_legacy_markup_wrapper .gform_footer input[type=submit], .gform_legacy_markup_wrapper .gform_page_footer input.button, .gform_legacy_markup_wrapper .gform_page_footer input[type=submit]{ background-color: var(--color-orange); color: var(--color-white);letter-spacing: 0.1em;text-transform: uppercase;font-weight: 600; font-size: 1.6rem !important; padding:1.3rem 2.4rem; border: none; outline: none; } .gform_legacy_markup_wrapper .gform_footer input.button:hover, .gform_legacy_markup_wrapper .gform_footer input[type=submit]:hover, .gform_legacy_markup_wrapper .gform_page_footer input.button:hover, .gform_legacy_markup_wrapper .gform_page_footer input[type=submit]:hover{ background-color: var(--color-green); color: var(--color-white); } .donate_right_sec .gform_legacy_markup_wrapper label.gfield_label{ color: var(--color-black); } .donate_right_sec .gform_legacy_markup_wrapper ul.gfield_radio{ display: flex; align-items: center; } .donate_right_sec .gform_legacy_markup_wrapper ul.gfield_radio li{ line-height: inherit; } .donate_right_sec .gform_legacy_markup_wrapper ul.gfield_radio li label span{position: relative; z-index: 2;} .donate_right_sec .gform_legacy_markup_wrapper ul.gfield_radio li [type="radio"]:checked, .donate_right_sec .gform_legacy_markup_wrapper ul.gfield_radio li [type="radio"]:not(:checked) {position: absolute;left: -9999px;} .donate_right_sec .gform_legacy_markup_wrapper ul.gfield_radio li [type="radio"]:checked + label, .donate_right_sec .gform_legacy_markup_wrapper ul.gfield_radio li [type="radio"]:not(:checked) + label {position: relative;padding-left: 0;cursor: pointer;line-height:normal;display: flex;color: #272727;height:5rem;align-items: center;justify-content: center; font-weight: 600; padding: 0 2.4rem;} .donate_right_sec .gform_legacy_markup_wrapper ul.gfield_radio li [type="radio"]:checked + label:before, .donate_right_sec .gform_legacy_markup_wrapper ul.gfield_radio li [type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 5rem;background: #fff; } .donate_right_sec .gform_legacy_markup_wrapper ul.gfield_radio li [type="radio"]:checked + label:after, .donate_right_sec .gform_legacy_markup_wrapper ul.gfield_radio li [type="radio"]:not(:checked) + label:after { content: ''; width:100%; height:5rem; background:var(--color-orange); position: absolute; top: 0; left: 0; border-radius: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .donate_right_sec .gform_legacy_markup_wrapper ul.gfield_radio li [type="radio"]:checked + label span{color: var(--color-white);} .donate_right_sec .gform_legacy_markup_wrapper ul.gfield_radio li [type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);} .donate_right_sec .gform_legacy_markup_wrapper ul.gfield_radio li [type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} .gform_legacy_markup_wrapper .gfield_required{ color: var(--color-orange) !important; } .gform_legacy_markup_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {margin: 10px 0 9px 1px !important;line-height: normal !important;} .ginput_container_fileupload .gform_fileupload_rules{ display: block; font-size: 1.2rem; color: #524B4B; } .page-template-template-forms .gform_legacy_markup_wrapper .gsection{ border-bottom: none; } .page-template-template-forms .gform_legacy_markup_wrapper h2.gsection_title{ font-family: var(--font-heading); font-size: var(--font-35); color: #524B4B; font-weight: 400; } .page-template-template-forms .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]{ margin-top: 0; } .page-template-template-forms .gform_wrapper li.gfield[class*=col][class*=gf_list_] ul.gfield_checkbox li, .page-template-template-forms .gform_wrapper li.gfield[class*=col][class*=gf_list_] ul.gfield_radio li{ font-size: var(--font-15);color: #7C7C7C; } .page-template-template-forms .questions_lable .gfield_label{ min-height: 4.4rem; } .page-template-template-forms .gform_legacy_markup_wrapper .gfield_checkbox li label, .page-template-template-forms .gform_legacy_markup_wrapper .gfield_radio li label{ font-size: var(--font-15);color: #7C7C7C; } .gform_legacy_markup_wrapper .description, .gform_legacy_markup_wrapper .gfield_description, .gform_legacy_markup_wrapper .gsection_description, .gform_legacy_markup_wrapper .instruction{color: #7C7C7C; font-size:1.3rem !important;} body .gform_legacy_markup_wrapper .top_label div.ginput_container{ margin-top:12px; } body .gform_legacy_markup_wrapper .top_label div.ginput_container.ginput_container_date{ margin-top:0 } .gform_legacy_markup_wrapper .gfield_date_year {width: 10rem;} .gform_legacy_markup_wrapper .gfield_date_day, .gform_legacy_markup_wrapper .gfield_date_month{width: 100%;} body .gform_legacy_markup_wrapper .gfield_date_day, body .gform_legacy_markup_wrapper .gfield_date_month{max-width: 33%;} body .gform_legacy_markup_wrapper .gfield_date_year,body .gform_legacy_markup_wrapper .gfield_date_year, body .gform_legacy_markup_wrapper .gfield_date_year{ width:33%;max-width:33% } body .gform_legacy_markup_wrapper .gfield_date_day, body .gform_legacy_markup_wrapper .gfield_date_month{ margin-right:15px } body.page-template-template-forms .gform_legacy_markup_wrapper .ginput_container_date input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ padding-left:15px !important; padding-right:15px !important; } .gform_legacy_markup_wrapper .field_sublabel_above .ginput_complex.ginput_container label{ line-height: normal !important; } body.page-template-template-forms .gform_legacy_markup_wrapper .gfield_date_month input[type=number]{ width:100% !important } body.page-template-template-forms .gform_legacy_markup_wrapper .gfield_date_year input[type=number] {width: 100% !important;} body.page-template-template-forms .gform_legacy_markup_wrapper .gfield_date_day input[type=number], body.page-template-template-forms .gform_legacy_markup_wrapper .gfield_date_month input[type=number]{width: 100% !important;} body .gform_legacy_markup_wrapper .field_sublabel_above .ginput_complex.ginput_container label{display:block;line-height: 1.3;color: #524b4b;font-weight: 400!important;font-size: 1.7rem!important;padding-bottom: 8px;} body .gform_legacy_markup_wrapper .gfield_checkbox li input, body .gform_legacy_markup_wrapper .gfield_checkbox li input[type="checkbox"], body .gform_legacy_markup_wrapper .gfield_radio li input[type="radio"]{margin-right: 1rem;} body .gform_legacy_markup_wrapper .bot_chekbox ul.gfield_checkbox li{align-items: flex-start;} body .gform_legacy_markup_wrapper .bot_chekbox .gfield_checkbox li input, body .gform_legacy_markup_wrapper .bot_chekbox .gfield_checkbox li input[type="checkbox"]{ margin-top:5px !important } body .gform_legacy_markup_wrapper .ginput_container_multiselect select[multiple="multiple"]{ height:auto; } body .gform_legacy_markup_wrapper .bot_chekbox .gfield_checkbox li label{max-width: 100%;} body .gform_legacy_markup_wrapper .field_description_below .gfield_description{padding-top: 5px;} body .gform_legacy_markup_wrapper ul li.gfield{ margin-top:30px }