/**
 * 	SMALL
 */
 @media (max-width: 767px) {

    /**********
    *
    * GLOBAL VARIABLES
    *
    ***********/
    html{  }
    body{  }
    body.page-id-78 {  }


    /** Container **/
    :root {
        --container: 1600px;
    }


    /**********
    *
    * STRUCTURE
    *
    ***********/
    .container{  }


    /**********
    *
    * FOOTER
    *
    ***********/
    body.home .footer-flower,
    body.page-id-84 .footer-flower{  }


    /**********
    *
    * WPCF7
    *
    ***********/
    .wpcf7-form{  }
    .wpcf7-form label{  }
    .wpcf7-form label .wpcf7-form-control-wrap{  }
    .wpcf7-form label .wpcf7-form-control-wrap .wpcf7-form-control{  }
    .wpcf7-form .wpcf7-submit{  }

    /**********
    *
    * ELEMENTOR FORM
    *
    ***********/
    .elementor-form{  }
    .elementor-form label{  }
    .elementor-form .elementor-field{  }
    .elementor-form .elementor-field-type-submit button{  }

    /**********
    *
    * ACF FORM
    *
    ***********/
    .acf-form{  }
    .acf-form .acf-form-group{
    display: block;
    padding: 0;
}
    .acf-form .acf-form-group label{font-weight: 600;font-size: 1.05rem;margin-bottom: 0.5rem;}
    .acf-form .acf-form-group label .acf-form-control{  }
    .acf-form .acf-form-group input:not([type='checkbox']),
    .acf-form .acf-form-group select,
    .acf-form .acf-form-group textarea{padding: 0.5rem;}
    .acf-form .acf-form-group .acf-form-choice-group{  }
    .acf-form .acf-form-group .acf-form-choice-group .acf-form-choice-group-item{  }
    .acf-form .acf-form-group .instructions{font-weight: 500;}
    .acf-form .acf-form-group .acf-form-field-wrapper{  }
    .acf-form .acf-form-group .acf-form-field-wrapper .acf-form-field-group{  }
    .acf-form .acf-form-group .acf-form-field-wrapper .acf-form-field-group input[type='text']{  }
    .acf-form .acf-form-submit{  }


    /**********
    *
    * ELEMENTOR ELEMENTS RE-STYLE
    *
    ***********/
    div[data-elementor-type="wp-page"] .elementor-widget-container ul{  }
    div[data-elementor-type="wp-page"] .elementor-widget-container ul li{  }
    img.alignleft{  }
    img.alignright{  }


    /**********
    *
    * LOGIN PAGE
    *
    ***********/
    #login.acf-form .acf-form-group{  }
    #login.acf-form .acf-form-group label{  }
    #login .orregisterlink{  }


    /**********
    *
    * REGISTER PAGE
    *
    ***********/
    #register-volunteer.acf-form .acf-form-group .acf-form-choice-group{  }
    #register-volunteer.acf-form .acf-form-group .acf-form-choice-group .acf-form-choice-group-item{  }


    /**********
    *
    * LOGIN POPUP
    *
    ***********/
    .login-button-container{position: absolute !important;display: none; left: 0; top: 22px; }
    .login-button-container .login-button{ position: relative; z-index: 99; padding: 0 !important; top: 0; right: -90px; }
    .login-button-container .login-button .elementor-button{width: 20px;height: 20px;padding: 27px !important;border-radius: 100% !important;}
    .login-button-container .login-button .elementor-button-text{ opacity: 0; }
    .login-button-container .login-button:before{ content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.18 56.14"><defs><style>.cls-1{fill-rule:evenodd;stroke-width:0px;}</style></defs><g id="Layer_1-2"><path class="cls-1" d="m33.67,56.14c-1.76,0-3.09-1.34-3.09-3.11,0-.78.27-1.53.77-2.09.57-.65,1.4-1.01,2.32-1.01h14.11c1.21,0,2.19-.98,2.19-2.19V8.4c0-1.21-.98-2.19-2.19-2.19h-14.11c-1.76,0-3.09-1.34-3.09-3.11,0-.78.27-1.53.77-2.09.57-.65,1.4-1.01,2.32-1.01h14.11c4.63,0,8.4,3.77,8.4,8.4v39.33c0,4.63-3.77,8.4-8.4,8.4h-14.11Zm-4.22-14.36c-1.25,0-2.43-.8-2.92-2-.47-1.15-.21-2.42.7-3.32l5.28-5.29H3.09c-1.76,0-3.09-1.34-3.09-3.11s1.33-3.11,3.09-3.11h29.42l-5.29-5.29c-.9-.9-1.17-2.18-.69-3.32.5-1.2,1.67-2,2.92-2,.8,0,1.57.33,2.16.93l10.62,10.62c1.18,1.22,1.16,3.16-.02,4.36l-10.59,10.6c-.6.6-1.37.93-2.16.93h0Z"/></g></svg>'); position: absolute;width: 30px; margin: 12px; }
    body.logged-in .login-button-container .login-button:before{ content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62.36 62.36"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="_Layer_"><path class="cls-1" d="m31.18,62.36C13.99,62.36,0,48.37,0,31.18S13.99,0,31.18,0s31.18,13.99,31.18,31.18-13.99,31.18-31.18,31.18Zm0-56.93c-14.2,0-25.75,11.55-25.75,25.75s11.55,25.75,25.75,25.75,25.75-11.55,25.75-25.75S45.38,5.43,31.18,5.43Z"/><path class="cls-1" d="m9.82,52.24c-.48,0-.97-.17-1.36-.51-.85-.75-.93-2.04-.18-2.89,5.79-6.57,14.14-10.34,22.89-10.34s17.02,3.73,22.8,10.24c.75.85.68,2.14-.17,2.89s-2.14.68-2.89-.17c-5.01-5.63-12.21-8.86-19.74-8.86s-14.8,3.26-19.82,8.95c-.41.46-.97.69-1.54.69h0Z"/><path class="cls-1" d="m31.18,38.92c-7.27,0-13.19-5.92-13.19-13.19s5.92-13.19,13.19-13.19,13.19,5.92,13.19,13.19-5.92,13.19-13.19,13.19Zm0-22.27c-5.01,0-9.09,4.08-9.09,9.09s4.08,9.09,9.09,9.09,9.09-4.08,9.09-9.09-4.08-9.09-9.09-9.09Z"/></g></svg>'); }
    .login-button-container .login-button-popup{max-width: 100%;left: 0;top: 80px;width: 100vw;}
    .login-button-container .login-button-popup p{  }
    .login-button-container .login-button-popup p span{  }
    .login-button-container .login-button-popup p a{  }
    .login-button-container .login-button-popup p a.volbtn{  }
    .login-button-container .login-button-popup p a.orgbtn{  }
    .login-button-container .login-button-popup p a.registerlink{  }



    /**********
    *
    * Volunteers Listing Page
    *
    ***********/
    .vroles-list-container{  }
    .vroles-list-container .vroles-list-item{padding: 1rem;flex-direction: column;align-items: initial;gap: 0.5rem;}
    .vroles-list-container .vroles-list-item .vroles-list-item-title{font-size: 18px;}
    .vroles-list-container .vroles-list-item .vroles-list-item-organisation{font-size: 18px;}
    .vroles-list-container .vroles-list-item .vroles-list-item-view{margin-top: 1rem;}
    .vroles-list-container .vroles-list-item .vroles-list-item-column{  }
    .vroles-list-container .vroles-list-item .vroles-list-item-view a{display: inline-block;padding: 0.5rem 1rem;font-size: 14px;}

    .vroles-list-filter{  }
    .vroles-list-filter .quicksearch{padding: 1rem;display: block;}
    .vroles-list-filter .quicksearch input[type="text"]{padding: 0.5rem 1rem;max-width: 100%;margin-bottom: 0.5rem;}
    .vroles-list-filter .quicksearch input[type="text"]::-webkit-input-placeholder {  }
    .vroles-list-filter .quicksearch input[type="text"]::-moz-placeholder {  }
    .vroles-list-filter .quicksearch input[type="text"]:-ms-input-placeholder {  }
    .vroles-list-filter .quicksearch input[type="text"]:-moz-placeholder {  }
    .vroles-list-filter .quicksearch button{display: block;width: 100%;padding: 0.5rem 1rem;}
    .vroles-list-filter .quicksearch > div{  }
    .vroles-list-filter .quicksearch a.advancedsearch-triggger{margin: 0;}
    .vroles-list-filter a.reset-filters{margin: 0.5rem 0 1rem 0;text-align: center;}

    .vroles-list-filter .advancedsearch{padding: 1rem;}
    .vroles-list-filter .advancedsearch h3{  }

    .vroles-list-filter .advancedsearch .filterparent {display: block;}
    .vroles-list-filter .advancedsearch .filterparent .div1 {  }
    .vroles-list-filter .advancedsearch .filterparent .div2 {  }
    .vroles-list-filter .advancedsearch .filterparent .div3 {  }
    .vroles-list-filter .advancedsearch .filterparent div label{  }
    .vroles-list-filter .advancedsearch .filterparent .div3 .choices{display: block;}
    .vroles-list-filter .advancedsearch .filterparent .div3 .choices label{  }


    /**********
    *
    * Role details page
    *
    ***********/
    .role-detail-container{padding: 1rem;display: block;}
    .role-detail-container > div{  }

    .role-detail-container > div:nth-child(1){width: 100%;}
    .role-detail-container > div:nth-child(1) h1{  }
    .role-detail-container > div:nth-child(1) .role-description{  }
    .role-detail-container > div:nth-child(1) .role-role{padding: 1rem;}

    .role-detail-container > div:nth-child(1) .role-when,
    .role-detail-container > div:nth-child(1) .role-where,
    .role-detail-container > div:nth-child(1) .role-requirements,
    .role-detail-container > div:nth-child(1) .role-other,
    .role-detail-container > div:nth-child(1) .role-closingdate,
    .role-detail-container > div:nth-child(1) .role-whotocontact{  }

    .role-detail-container > div:nth-child(1) .role-when p,
    .role-detail-container > div:nth-child(1) .role-where p,
    .role-detail-container > div:nth-child(1) .role-requirements p,
    .role-detail-container > div:nth-child(1) .role-other p,
    .role-detail-container > div:nth-child(1) .role-closingdate p,
    .role-detail-container > div:nth-child(1) .role-whotocontact p{  }

    .role-detail-container > div:nth-child(1) .role-when{  }
    .role-detail-container > div:nth-child(1) .role-where{  }
    .role-detail-container > div:nth-child(1) .role-requirements{  }


    .role-detail-container > div:nth-child(2){width: 100%;border-top: 2px solid #00009B;padding-top: 1.7rem;}
    .role-detail-container > div:nth-child(2) h2{font-size: 22px;}
    .role-detail-container > div:nth-child(2) .org-logo{  }
    .role-detail-container > div:nth-child(2) .org-logo img{  }
    .role-detail-container > div:nth-child(2) .org-description{  }
    .role-detail-container > div:nth-child(2) .org-type{  }
    .role-detail-container > div:nth-child(2) .org-location{margin-bottom: 1em;}

    .role-detail-container > div:nth-child(2) .org-description p,
    .role-detail-container > div:nth-child(2) .org-type p,
    .role-detail-container > div:nth-child(2) .org-location p{  }

    .role-detail-container > div:nth-child(2) .role-actions{  }
    .role-detail-container > div:nth-child(2) .role-actions .role-save{font-size: 16px;}
    .role-detail-container > div:nth-child(2) .role-actions .role-question{font-size: 16px;}
    .role-detail-container > div:nth-child(2) .role-actions .role-interested{font-size: 16px;}
    .role-detail-container > div:nth-child(2) .role-actions .back-to-search{  }
    .role-detail-container > div:nth-child(2) .role-actions .back-to-search svg{  }
    
}


@media (max-width: 1024px) {
	
}

@media (max-width: 1366px) {
	
    


}