/* v2 is bc im  forcing the rules to be applied to every single button*/



    .ova_feature_box_3 .readmore a,
    .contact-form-egovt input[type=submit],
    .elementor-button .elementor-button-text,
    .elementor-element.gardner-body-blue.elementor-widget.elementor-widget-ova_archive_dep .archive_dep .content .ova-content .readmore
    {
        color: white;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        text-transform: uppercase;

    }

    .hero-main-container-no-box  .elementor-button .elementor-button-text{
        /* din 2014 demy, as defined in adobe typeky website */
        font-family: "din-2014", sans-serif;
        font-style: normal;
        font-weight: 600;
        text-transform: uppercase;
    }
    /* regular buttons
    *
    *
    *
    *
    *
    *
    *
    ******************************************/



    /* rules for the defualt buttton. that will be the orange
    *
    *
    */
    .ova-form-mail .gardner-cf7-submit{
        border: none;
        background-color: transparent;
        padding: 0;
        margin-top: 8px;

    }

    .ova-form-mail .gardner-cf7-submit input[type=submit]{
        background-color: transparent;
        border-color: transparent;
        border: none;
        margin-top: 0;
    }


    /* became a volunteer button */
    .ova_feature_box_3 .readmore a,
    /* .contact-form-egovt input[type=submit], */
    .gardner-cf7-button,
    .ova-form-mail .gardner-cf7-submit,

    /* for the department service in hero bottom */
    .elementor-element.gardner-body-blue.elementor-widget.elementor-widget-ova_archive_dep .archive_dep .content .ova-content .readmore,
    /* for the event button */
    .button_event a,
    .ovaev-content.content-grid .desc .event_post .button_event .view_detail,
    /* for the event button */
    a.rs-layer.rev-btn, /* for the revslider */
    .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button, /* for mostly all the buttons */

    .elementor-6286 .elementor-element-6de02b6 .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button, 
    .elementor-6285 .elementor-element-6de02b6 .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button, 

    .elementor-80 .elementor-element-6de02b6 .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button, /* fot the button in the home header */
    .elementor-131 .elementor-element-cbefa46 .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button /* fot the button in the header of all pages but home */
    


    {
        color: #FFFFFF;
        background-color: var(--gardner-orange);
        position: relative;
        border: none;
        transition: 0.3s;
        border-radius: 0;
    }

    /* ??? */
    .egovt-button-color-border-header.elementor-widget-button .elementor-button{
        border-color: var(--gardner-deep-blue);
    }


    /* set the overlay to the button */

    /* became a volunteer button */
    .ova_feature_box_3 .readmore a::before,

    .gardner-cf7-button::after,
    .ova-form-mail .gardner-cf7-submit::after,

    /* .contact-form-egovt input[type=submit]::before, */

       /* for the department service in hero bottom */
    .elementor-element.gardner-body-blue.elementor-widget.elementor-widget-ova_archive_dep .archive_dep .content .ova-content .readmore::before,
       /* for the event button */
    .button_event a::before,
    .ovaev-content.content-grid .desc .event_post .button_event .view_detail:before,
   /* for the event button */

    a.rs-layer.rev-btn::before,
    .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button::before,
    .elementor-80 .elementor-element-6de02b6 .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button::before,
    .elementor-131 .elementor-element-cbefa46 .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button::before
    {
        content: "";
        display: block;
        position: absolute;
        background-color: var(--gardner-orange-hover);
        width: 100%;
        height: 100%;
        clip-path: polygon(100% 72%, 0 100%, 100% 100%);
        top: 0;
        left: 0;
    }

    /* remove the overlay on hover 
    *
    *
    */

    /* became a volunteer button */
    .ova_feature_box_3 .readmore a:hover::before,
    /* .contact-form-egovt input[type=submit]:hover::before, */
    .gardner-cf7-button:hover::after,
    .ova-form-mail .gardner-cf7-submit:hover::after,

       /* for the event button */
    .button_event a:hover::before,
    .ovaev-content.content-grid .desc .event_post .button_event .view_detail:hover::before,
   /* for the event button */

    a.rs-layer.rev-btn:hover::before,
    .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button:hover::before,
    .elementor-80 .elementor-element-6de02b6 .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button:hover::before,
    .elementor-131 .elementor-element-cbefa46 .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button:hover::before

    {
        content: none;
    }

    /* change the color of the background on hover */
    .ova_feature_box_3 .readmore a:hover,
    .contact-form-egovt input[type=submit]:hover,
    .gardner-cf7-button:hover,
    .ova-form-mail .gardner-cf7-submit:hover,


    .elementor-element.gardner-body-blue.elementor-widget.elementor-widget-ova_archive_dep .archive_dep .content .ova-content .readmore:hover,
    /* for the event button */
    .button_event a:hover,
    .ovaev-content.content-grid .desc .event_post .button_event .view_detail:hover,
   /* for the event button */

    .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button:hover,
    .elementor-6286 .elementor-element-c3a2e0a .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button:hover,
    .elementor-6285 .elementor-element-6de02b6 .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button:hover, 
    .elementor-80 .elementor-element-6de02b6 .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button:hover,
    .elementor-131 .elementor-element-cbefa46 .elementor-element .elementor-button-wrapper a.elementor-button-link.elementor-button:hover
    {
        background-color: var(--gardner-orange-hover);
    }

    a.rs-layer.rev-btn:hover{
        background-color: var(--gardner-orange-hover) !important;

    }



    /* deep blue
    *
    *
    */
    .elementor-element.deep-blue .elementor-button-wrapper a.elementor-button-link.elementor-button{
        background-color: var(--gardner-deep-blue);
    }

    .elementor-element.deep-blue .elementor-button-wrapper a.elementor-button-link.elementor-button::before{
        content: "";
        display: block;
        position: absolute;
        background-color: var(--gardner-deep-blue-hover);
        width: 100%;
        height: 100%;
        clip-path: polygon(100% 72%, 0 100%, 100% 100%);
        top: 0;
        left: 0;
    }

    .elementor-element.deep-blue .elementor-button-wrapper a.elementor-button-link.elementor-button:hover::before{
        content: none;
    }

    .elementor-element.deep-blue .elementor-button-wrapper a.elementor-button-link.elementor-button:hover{
        background-color: var(--gardner-deep-blue-hover);
    }




    /* outline
    *
    *
    */
    .elementor-element.outline .elementor-button-wrapper a.elementor-button-link.elementor-button{
        background-color: white;
        border: 1px solid var(--gardner-orange);
    }
    .elementor-element.outline .elementor-button-wrapper a.elementor-button-link.elementor-button .elementor-button-text{
        color: var(--gardner-deep-blue);
    }

    .elementor-element.outline .elementor-button-wrapper a.elementor-button-link.elementor-button::before{
        content: "";
        display: block;
        position: absolute;
        background-color: var(--gardner-orange);
        width: 100%;
        height: 100%;
        clip-path: polygon(100% 72%, 0 100%, 100% 100%);
        top: 0.5px;
        left: 0.5px;
    }
    .elementor-element.outline .elementor-button-wrapper a.elementor-button-link.elementor-button:hover::before{
        content: none;
    }
    .elementor-element.outline .elementor-button-wrapper a.elementor-button-link.elementor-button:hover{
        background-color: var(--gardner-orange);
        /* border: none; */
    }

    .elementor-element.outline .elementor-button-wrapper a.elementor-button-link.elementor-button:hover .elementor-button-text{
        color: white
    }


    /* hero button. same as the ones on the web sheet but some color differences  */

    .elementor-element.hero-button .elementor-button-wrapper a.elementor-button-link.elementor-button{
        background-color: transparent;
        border: 1px solid var(--gardner-deep-blue);
    }
    .elementor-element.hero-button .elementor-button-wrapper a.elementor-button-link.elementor-button .elementor-button-text,
    .elementor-element.hero-button .elementor-button-wrapper a.elementor-button-link.elementor-button:hover .elementor-button-text
    {
        color: var(--gardner-deep-blue);
        text-transform: uppercase;

    }

    .elementor-element.hero-button .elementor-button-wrapper a.elementor-button-link.elementor-button::before{
        background-color: var(--gardner-deep-blue);
    }


    .elementor-element.hero-button .elementor-button-wrapper a.elementor-button-link.elementor-button:hover .elementor-button-text{
     color: #FFFFFF;
    }

    .elementor-element.hero-button .elementor-button-wrapper a.elementor-button-link.elementor-button:hover{
        background-color: var(--gardner-deep-blue);
    }

    /* buttons special cases
    *
    *
    *
    *
    *
    *
    */

    /* cf7 button */
    .contact-form-egovt input[type=submit],
    .contact-form-egovt input[type=submit]:hover,
    .gardner-cf7-button .contact-form-egovt input[type=submit]:hover{
        border-color: transparent;
        border: none;
    }

    .gardner-cf7-button{
        margin-top: 29px;
        border: none;
        padding: 0;
    }

    .contact-form-egovt input[type=submit]{
        margin-top: 0;
    }


    /* mailchimp subscribe button */
    .mc4wp-form .gardner-cf7-button{
        margin-top: 0;
    } 

    /* .contact-form-egovt input[type=submit], */
    /* .gardner-cf7-button .contact-form-egovt input[type=submit]{
        background-color: transparent;
        background: transparent;
    } */