.elementor-232 .elementor-element.elementor-element-9b22cab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-232 .elementor-element.elementor-element-2dfe5e4{text-align:center;}.elementor-232 .elementor-element.elementor-element-2dfe5e4 .elementor-heading-title{font-family:"Aleo", Sans-serif;font-size:3.4em;font-weight:800;color:var( --e-global-color-a2f1109 );}.elementor-232 .elementor-element.elementor-element-1c35afa{width:var( --container-widget-width, 950px );max-width:950px;--container-widget-width:950px;--container-widget-flex-grow:0;text-align:center;font-size:18px;}.elementor-232 .elementor-element.elementor-element-1c35afa.elementor-element{--align-self:center;}.elementor-232 .elementor-element.elementor-element-02318dc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:40px;--padding-right:40px;}.elementor-232 .elementor-element.elementor-element-02318dc:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-02318dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFEFEF;}.elementor-232 .elementor-element.elementor-element-e04a8e4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-e5ab543{width:auto;max-width:auto;}.elementor-232 .elementor-element.elementor-element-e5ab543 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-232 .elementor-element.elementor-element-e5ab543.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-232 .elementor-element.elementor-element-e5ab543 .elementor-heading-title{font-size:16px;font-weight:700;font-style:normal;text-decoration:none;}.elementor-232 .elementor-element.elementor-element-500e667{width:auto;max-width:auto;}.elementor-232 .elementor-element.elementor-element-500e667 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-232 .elementor-element.elementor-element-500e667.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-232 .elementor-element.elementor-element-51c0d9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}@media(min-width:768px){.elementor-232 .elementor-element.elementor-element-02318dc{--content-width:100%;}}@media(max-width:1024px){.elementor-232 .elementor-element.elementor-element-9b22cab{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-232 .elementor-element.elementor-element-02318dc{--padding-top:16px;--padding-bottom:16px;--padding-left:30px;--padding-right:30px;}.elementor-232 .elementor-element.elementor-element-500e667.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-232 .elementor-element.elementor-element-51c0d9d{--padding-top:0px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-232 .elementor-element.elementor-element-9b22cab{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-02318dc{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-e04a8e4{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-232 .elementor-element.elementor-element-51c0d9d{--padding-top:0px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS *//* ----------------------------
FORM START
---------------------------- */

/* VERSION 2.0 SERIES STYLES */
.searchandfilter ul  {
    padding-left: 0;
    display: grid;
    grid-auto-flow: row;
    justify-content: center;
    grid-gap: 20px !important;
    grid-template-columns: repeat(7, 1fr);
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-self: flex-start;
    list-style-type: none;
    
    & > li {
        padding: 0;
        
        /* OPEN SEARCH */
        &:first-of-type {
            grid-column: 1/3;
        }
        
        /* TOPIC */
        &:nth-of-type(2) {
            grid-column: 3/4;
        }
        
        
        /* RESOURCE TYPE */
        &:nth-of-type(3) {
            grid-column: 4/6;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
        
        /* SUBMIT BUTTON */
        &:nth-of-type(4) {
            grid-column: 6/7;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: stretch;
            
            
            
            &:nth-of-type(5) {
                grid-column: 7/8;
                
                a {
                    border: 1px solid var(--e-global-color-primary);
                    padding: 9px;
                    text-align: center;
                    font-weight: 600;
                    font-size: 1.155em;
                    color: var(--e-global-color-primary);
                    background-color: #ffffff00;
                }
            }
        }
    }
    
    
    label {
        width: 100%;
    }
    
    input {
        padding: 6px 10px;
        border-radius: 0;
    }
    
    select.sf-input-select {
        border-radius: 0;
        padding: 6px 10px;
    }
    
    input[type="submit"] {
        padding: 6px;
        border: 1px solid var(--e-global-color-a2f1109);
        border-radius: 0;
        background-color: var(--e-global-color-a2f1109);
        font-family: "Aleo", Sans-serif;
        font-weight: 700;
        color: #fff;
        transition-duration: 0.3s;
        
        &:hover {
            border: 1px solid var(--e-global-color-primary);
            background-color: var(--e-global-color-primary);
        }
    }
    
    .search-filter-reset {
        display: block;
        border: 1px solid var(--e-global-color-a2f1109);
        border-radius: 0;
        padding: 6px 12px;
        text-align: center;
        width: 100%;
        background-color: var(--e-global-color-bc067a4);
        color: var(--e-global-color-a2f1109);
        transition-duration: 0.3s;
        font-family: "Aleo", Sans-serif;
        font-weight: 700;
        
        &:hover {
            border: 1px solid var(--e-global-color-primary);
            color: var(--e-global-color-primary);
        }
    }
}

.searchandfilter li
.searchandfilter li.sf-field-reset a:hover {
    border-color: var(--e-global-color-83a96c7);
    color: var(--e-global-color-83a96c7);
}

.searchandfilter h4 {
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-weight: 400;
    color: var(--e-global-color-primary);
    margin-bottom: 0;
}




@media only screen and (max-width: 1225px) {
    .searchandfilter ul  {
        grid-template-columns: repeat(6, 1fr);
        
        & > li {
            &:first-of-type {
                grid-column: 1/3;
            }
            
            &:nth-of-type(2) {
                grid-column: 3/4;
            }
            
            &:nth-of-type(3) {
                grid-column: 4/7;
            }
            
            &:nth-of-type(4) {
                grid-column: 5/6;
            }
            
            &:nth-of-type(5) {
                grid-column: 6/7;
            }
        }
    }
}

@media only screen and (max-width: 699px) {
    .searchandfilter ul  {
        & > li {
            &:first-of-type {
                grid-column: 1/7;
            }
            
            &:nth-of-type(2) {
                grid-column: 1/7;
            }
            
            &:nth-of-type(3) {
                grid-column: 1/7;
            }
            
            &:nth-of-type(4) {
                grid-column: 1/4;
            }
            
            &:nth-of-type(5) {
                grid-column: 4/7;
            }
        }
    }
}

.post-list-wrapper .post-list  {
    padding-left: 0;
    display: grid;
    grid-auto-flow: row;
    justify-content: center;
    grid-gap: 24px !important;
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-flex: 1;
    align-self: flex-start;
    list-style-type: none;
    position: relative;
    
    * {
        position: relative;
    }
}

article {
    position: relative;
}

.post-list-wrapper .post-list article a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
}

article:hover .card {
    border-color: var(--e-global-color-a2f1109);
}

.card {
    position: relative;
    height: 100%;
    border: 3px solid var(--e-global-color-c722517);
    padding: 24px;
    background-color: var( --e-global-color-a3aa4b4 );
    overflow: hidden;
    transition-duration: 0.3s;
    
    .categories {
        display: flex;
        flex-flow: row wrap;
        gap: 5px;
    }
    
    .category {
        border: 1px solid var(--e-global-color-primary);
        border-radius: 15px;
        padding: 3px 7px;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.25em;
        color: #fff;
        background-color: var(--e-global-color-primary);
    }
    
    .image-wrapper {
        display: block;
        position: relative;
        margin: 0 auto 20px auto;
        height: 200px;
        overflow: hidden;
        
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition-duration: 0.2s;
        }
    }
    
    .header {
        margin-bottom: 16px;
        padding-left: 20px;
        
        
        time {
            margin-bottom: 5px;
            font-size: 15px;
            color: var(--e-global-color-c287f96);
        }
        
        h2 {
            font-size: 20px;
            font-weight: 700;
        }
        
        &::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 6px;
        height: 100%;
        background: var(--e-global-color-a9b17ea);
        border-radius: 50px;
        }
    }
    
    p {
        line-height: 1.4em;
    }
}

.elementor-shortcode article.post a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


@media screen and (max-width: 970px) {
    .post-list-wrapper .post-list  {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 750px) {
    .post-list-wrapper .post-list  {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .card .image-wrapper {
        height: 200px;   
    }
}

article:not(.has-post-thumbnail) .text-wrapper {
    margin-top: 15px;
}



/*SELECT STYLES*/

form select {
  background-color: white;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  color: #000;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.4em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

form select:focus {
  background-image:
    linear-gradient(45deg, var( --e-global-color-a2f1109 ) 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, var( --e-global-color-a2f1109 ) 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  outline: 0;
}

.gform_wrapper.gravity-theme .ginput_container_time.gfield_time_ampm {
    display: block;
}

.gform_wrapper.gravity-theme  .gfield_time_ampm select {
    width: calc(100% + 20px);
    max-width: 120px;
}


form select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}/* End custom CSS */