/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.searchandfilter { margin-bottom: 50px; }
.searchandfilter > ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; padding-left: 0; }
.searchandfilter > ul > li { width: 33.33%; padding: 0 15px; position: relative; }
.searchandfilter > ul > li.sf-field-submit { padding-top: 30px; }
.searchandfilter > ul > li.sf-field-submit input {
    background-color: #29293a;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    color: #d8efec;
    font-size: 15px;
    text-decoration: none;
    padding: 10px 20px;
    letter-spacing: .09em;
    display: inline-block;
    text-align: center;
    border: 2px solid transparent;
    cursor: pointer;
    width: 100%;
}
.searchandfilter > ul > li.sf-field-submit input:hover { background-color: #FFF; border: 2px solid #29293a; color: #29293a; }

.searchandfilter > ul > li > h4 {
    padding: 15px 34px 14px 10px;
    border-bottom: 2px solid #29293a;
    position: relative;
    cursor: pointer;

    font-size: 17px;
    letter-spacing: .3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.searchandfilter > ul > li.open > h4 { background-color: #FFF; }

.searchandfilter > ul > li > h4:after {
    content: "";
    width: 11px;
    height: 6px;
    position: absolute;
    top: 40%;
    right: 18px;
    background: url(images/dropdown.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg) translateY(-50%);
    -webkit-transform: rotate(180deg) translateY(-50%);
    -ms-transform: rotate(180deg) translateY(-50%);
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.searchandfilter > ul > li.open > h4:after { transform: rotate(0deg) translateY(-50%); top: 50%; }

.searchandfilter>ul>li[data-sf-combobox="1"] label { display: inline-block; }
.searchandfilter > ul > li > ul { position: absolute; top: 54px; left: 15px; width: calc(100% - 30px); z-index: 999; display: none; background-color: #FFF; padding: 10px 15px; }
.searchandfilter > ul > li > ul > li { position: relative; }
.searchandfilter > ul > li > ul > li input { position: absolute; top: 12px; left: 0; }
.searchandfilter > ul > li > ul > li label { padding-left: 25px !important; }

.paten-wrap { display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -10px; }
.paten { width: 33.33%; padding: 10px; }
.paten-inner { height: 100%; color: #FFF; background-color: #013051; border-radius: 5px; }
.paten-image { position: relative; }
.paten-image img { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.paten-image-rollover { display: flex; align-items: center; justify-content: space-around; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; line-height: normal; text-align: center; background-image: linear-gradient(to top,#013051 0,rgba(1,48,81,0.8) 100%); transform: scaleX(0); transition: all .3s ease-in-out; -webkit-transform-style: preserve-3d; }
.paten-image-rollover h4 { color: #FFF !important; }
.paten-image:hover .paten-image-rollover { opacity: 1; transform: scaleX(1); }
.paten-title { padding: 10px; text-align: center; border-bottom: 1px solid #FFF; }
.paten-title span { display: block; }
.paten-content {}
.paten-content ul, .paten-more ul { list-style: none; padding-left: 0; }
.paten-content ul > li, .paten-more ul > li { position: relative; padding: 0 20px 5px 20px; }
.paten-content ul > li i, .paten-more ul > li i { position: absolute; top: 7px; left: 20px; }
.paten-content .paten-abo, .paten-more .paten-abo { margin-left: 40px; }
.paten-more-button { display: inline-block; margin: 20px; margin-top: 0; padding: 10px 0; }

.paten-more-button.active .fa-paten-box,
.paten-more-button:not(.active):hover .fa-paten-box {
    background-color: rgba(255,255,255,0.3)!important;
    border-color: rgba(255,255,255,0.3)!important;
}
.paten-more-button .fa-paten-box { color: #FFF; display: inline-block; vertical-align: middle; text-align: center; padding: 4.5px; -webkit-font-smoothing: subpixel-antialiased; }
.paten-more-button:not(.active) .paten-toggle-icon-wrapper .active-icon,
.paten-more-button.active .paten-toggle-icon-wrapper .inactive-icon { display: none; }
.paten-more-button .paten-toggle-heading { margin-left: 18px; color: #FFF; }
.paten-more-button:not(.active):hover .paten-toggle-heading { color: rgba(255,255,255,0.3); }

.paten-more { display: none; }

@media (max-width: 990px) {
    .searchandfilter > ul > li { width: 50%; }
    .searchandfilter > ul > li.sf-field-submit { padding-top: 0; }
    .searchandfilter > ul > li { margin-bottom: 30px; }
}

@media (max-width: 700px) {
    .searchandfilter > ul > li { width: 100%; }
}

@media (max-width: 856px) {
    .paten { width: 50%; }
}

@media (max-width: 711px) {
    .paten { width: 100%; }
}