/*
Theme Name: RF-Child
Template: Divi
Author: Child Theme Configurator
Version: 4.14.8.1645810955
Updated: 2022-02-25 17:42:35

*/


/* Alert Archive */
body.post-type-archive-alerts {
    color: #020a19;
}

body.post-type-archive-alerts .alerts-grid a {
    color: #020a19  ;
}

body.post-type-archive-alerts footer a,
body.post-type-archive-alerts footer{
    color: white;
}

body.post-type-archive-alerts .pagination {
    text-align: center;
    margin-top: unset;
    margin-bottom: 15px;
}

body.post-type-archive-alerts {
    background-color: white;
    font-family: 'Poppins' !important;
}
body.post-type-archive-alerts h1,
body.post-type-archive-alerts h2,
body.post-type-archive-alerts h3,
body.post-type-archive-alerts div,
body.post-type-archive-alerts span,
body.post-type-archive-alerts a {
    font-family: 'Poppins' !important;
}
.alert-banner {
    background-color:#020a19;
    color: white;
    padding: 50px 0;
    margin-bottom: 60px;
    border-top: 2px solid #0073FF ;
}

.alert-banner h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 10px;
    color: white;
}

.alert-banner h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 10px;

    color: white;
}

.alerts-grid> .container {
    display: flex;
}

.alerts-grid> .container .four-fifhts-div{
    padding-left: 40px;
    flex: 1;
}
.item.alert {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    display: inline-block;
    margin-bottom: 40px;
    width: 100%;
}
.item.alert h2 {
    font-size: 20px;
    font-weight: 600;
    margin: unset;
    margin-bottom: 15px;
    color: #0073FF;
}

.item.alert p {
    font-size: 15px;
    line-height: 22px;
    margin: unset;
    margin-bottom: 15px;
    color: #020919;
}

.item.alert> ul {
    margin: unset;
    padding: unset;
    list-style: none;
}

.item.alert> ul li {
    display: inline-block;
    margin-right: 10px;
    background-color: #0073FF;
    border-radius: 7px;
    transition: all 0.4s ease-out;
}
.item.alert> ul li a {
    color: white;
    display: inline-block;
    padding: 0 12px;
    font-size: 12px;
    transition: all 0.4s ease-out;
}

.item.alert> ul li:hover {

    background-color: #DDF129;

}

.item.alert> ul li a:hover {
    color: black;

}


 .alert-tax .cat-wrap {
    max-width: 200px;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #ccc ;
}

.alert-tax .cat-title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    color: #020919;
}

.alert-tax .cat-wrap li a {
   color:#0073FF;
   font-weight: 700;
   transition: all 0.4s ease-out;
}
.alert-tax .cat-wrap li a:hover {
    color:#ddf128
}


.alert-tax .cat-title svg {
    margin-right: 5px;
}

.alert-tax ul {
    list-style-type: none;
    margin: unset;
    padding: unset;
   
}

.alerts-grid .four-fifhts-div> form> ul{
    padding: unset;
    display: flex;
    margin-bottom: 30px;
}

.alerts-grid .four-fifhts-div> form> ul li.sf-field-search {
    flex: 1;
}
.alerts-grid .four-fifhts-div> form> ul li> label {
    width: 100%;
}
.alerts-grid .four-fifhts-div> form> ul li> label input {
    width: 100%;
    padding: 8px 15px;
    border-radius: 40px;
    position: relative;
    border: 1px solid #ccc;
    max-width: 600px;
}
.alerts-grid select {
    -webkit-appearance: none;
    appearance: none;
}
.alerts-grid .four-fifhts-div select.sf-input-select {
    border: 1px solid #dee2e6;
    padding: 12px 6px;
    border-radius: 7px;

}

.alerts-grid li.sf-field-sort_order {
    position: relative;
}
.alerts-grid li.sf-field-sort_order::after {
    content: "";
    background-image: url('/wp-content/uploads/chevron-down.svg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    top: 50%;
    right: 0;
    position: absolute;
    display: block;
    z-index: 999;
    margin-top: -7px;
    margin-right: 7px;
}

body.admin-bar.et_fixed_nav #main-header{
    background-color: #020a19;
}

@media only screen and (max-width: 767px) {
    body.post-type-archive-alerts .pagination {
        text-align: center;
        margin-top: -35px;
        margin-bottom: 25px;
    }
    [aria-label="Last Page"],
    [aria-label="First Page"],
    .wp-pagenavi > .pages{
        display: none !important;
}
    .alert-banner {
        text-align: center;
        padding: 15px;
    }

    .alert-banner h1 {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    
    .alert-banner h2 {
        font-size: 28px;
        font-weight: 300;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .alerts-grid> .container {
        flex-direction: column-reverse;
    }
    .alerts-grid .fifth-div.alert-tax {
        flex: 1;
        max-width: 100%;
    }
    .alerts-grid .four-fifhts-div {
        flex: 1;
        max-width: 100%;
        padding-left: 0;
    }
    .alert-banner{
        margin-bottom: 30px;
    }
    .alerts-grid> .container .four-fifhts-div{
        padding-left: 0;
    }
    .alert-tax .cat-wrap {
        max-width: unset;
    }

    section.alerts-grid {
        margin-bottom: 50px;
    }

    .alerts-grid .four-fifhts-div> form> ul {
        flex-direction: column;
    }
    .alerts-grid li.sf-field-sort_order {
        max-width: 170px;
    }

  }

/* Alert Archive END */


/* single Alert */

body.single-alerts {
    background-color: white;
    font-family: 'Poppins' !important;
}

body.single-alerts h1,
body.single-alerts h2,
body.single-alerts h3,
body.single-alerts div,
body.single-alerts span,
body.single-alerts a {
    font-family: 'Poppins' !important;
}
.single-wrap {
    margin-top: 60px;
}
.single-wrap .container {
    display: flex;
}

.single-wrap .container .four-fifhts-div{
    padding-left: 40px;
}

.back-to-archive {
    margin-bottom: 45px;
}
.back-to-archive a {
    font-weight: 600;
    color: #0073FF ;
   
}

.back-to-archive a:hover {
    text-decoration: underline;
}
.sing-head {
    padding: 0 15px;
    margin-bottom: 30px;
}
.sing-head h2 {
    margin: unset;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #0073FF;
}
.single-wrap .short-des {
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    margin: unset;
    font-size: 16px;
    line-height: 24px;
    color: #020919;
    font-weight: 600;
    white-space: pre-wrap;
}
.single-wrap .four-fifhts-div .tags {
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
}
.single-wrap .four-fifhts-div .tags span {
    display: inline-block;
    margin-right: 5px;
    color: #020919;
}
.single-wrap .four-fifhts-div .tags ul {
    list-style-type: none;
    margin: unset;
    padding: unset;
    display: inline-block;
}

.single-wrap .four-fifhts-div .tags ul li {
    display: inline-block;
    margin-right: 10px;
    background-color: #0073FF;
    border-radius: 7px;
    transition: all 0.4s ease-out;
}
.single-wrap .four-fifhts-div .tags ul li:hover {
    background-color: #DDF129;
}

.single-wrap .four-fifhts-div .tags ul li a {
    color: white;
    display: inline-block;
    padding: 0 12px;
    font-size: 14px;
    transition: all 0.4s ease-out;
}

.single-wrap .four-fifhts-div .tags ul li a:hover {
    color: black;
}

.single-des {
    padding: 0 15px;
    margin-bottom: 100px;
}

.single-des h2 {
    font-size: 20px;
    font-weight: 400;
    margin: unset;
    margin-bottom: 10px;
    color: #0073FF;
}

.single-des .des {
    font-size: 16px;
    margin: unset;
    line-height: 26px;
    color: #020919;
}
.single-des .rep ul {
    margin: unset;
    color: #020919;
}

.single-des .rep a {
    font-size: 16px;
    color: #020919;
}
.single-des> div {
    margin-bottom: 25px;
}

.single-des {
    color: #020919 ;
}

@media only screen and (max-width: 767px) {
    .single-wrap .container {
        width: 95%;
    }
    .single-wrap> .container {
        flex-direction: column;
    }
    .single-wrap .fifth-div.alert-tax {
        flex: 1;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .single-wrap .four-fifhts-div {
        flex: 1;
        max-width: 100%;
    }
    .tax-wrap .container .four-fifhts-div{
        padding-left: 0 !important;
    }

    .sing-head h2 {
        text-align: left;
        font-size: 21px;
    }
    .single-wrap .four-fifhts-div .tags {
        text-align: center;
    }

  }


/* single Alert END */


/* TAX alert */

body.tax-alert_tags {
    background-color: white;
    font-family: 'Poppins' !important;
}

body.tax-alert_tags {
    color: #020a19;
}
body.tax-alert_tags a {
    color: #020a19  ;
}

body.tax-alert_tags footer a {
    color: white;
}

body.tax-alert_tags .back-to-archive a {
    color: #0073FF;
}

body.post-type-archive-alerts .pagination {
    text-align: center;
    margin-top: unset;
    margin-bottom: 15px;
}

body.tax-alert_tags h1,
body.tax-alert_tags h2,
body.tax-alert_tags h3,
body.tax-alert_tags div,
body.tax-alert_tags span,
body.tax-alert_tags a {
    font-family: 'Poppins' !important;
}

.tax-wrap {
    margin-bottom: 100px;
}

.tax-wrap .container{
    display: flex;
}

.tax-wrap .container .four-fifhts-div{
    padding-left: 40px;
}

.tax-wrap h1 {
    font-size: 28px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 10px;
    color: #0073FF ;
}
.tax-wrap .count {
    margin-bottom: 20px;
    font-size: 16px;
    display: inline-block;
    color: #020919;
}
.tax-wrap .container {
    display: flex;
}

.single-des .related ul{
    list-style: circle !important;
    padding-left: 15px;
}

.single-des .related li{

}

.single-des .related li a{
    font-size: 14px;
    color: #020919;
}

@media only screen and (max-width: 767px) {

    .tax-wrap> .container {
        flex-direction: column;
    }
    .single-wrap .container .four-fifhts-div{
        padding-left: 0;
    }
    .sing-head h2{
        margin-bottom: 15px;
    }
    .single-wrap .short-des{
        padding-bottom: 15px !important;
    }
    .tax-wrap .fifth-div.alert-tax {
        flex: 1;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .tax-wrap .four-fifhts-div {
        flex: 1;
        max-width: 100%;
    }

    .tag-tax h1 {
        text-align: center;
    }

  }

  
/* TAX alert END */