/*
 Theme Name:   121 Direct Mail
 Theme URI:    
 Description:  
 Author:       CProgress
 Author URI:   
 Template:     avantage
 Version:      1.0.0
 Tags:         
 Text Domain:  avantage-child
*/


/* Theme customization starts here
-------------------------------------------------------------- */

body {
    font-size: 14px;
    color: #160d16;
}

.bt_bb_size_large.bt_bb_headline .bt_bb_headline_superheadline {
    text-transform: uppercase;
}

.btMenuHorizontal .menuPort nav {
    padding-left: 15px;
}

.btMenuHorizontal .menuPort>nav>ul>li {
    padding: 0 25px 0 0;
}

.menuPort {
    font-size: 12.5px;
}

.text-white {
    color: #fff;
}

.topTools .btIconWidgetText,
.topBarInMenu .btIconWidgetText {
    opacity: 1;
}

.btAlternateGradientHeader .topBar .btIconWidget.btAccentIconWidget .btIconWidgetIcon {
    color: #fff;
}

.btAlternateGradientHeader .btBelowLogoArea,
.btAlternateGradientHeader .topBar {
    background-color: #019ec7;
    background: rgb(24, 14, 24);
    background: -moz-linear-gradient(90deg, rgba(24, 14, 24, 1) 0%, rgba(103, 32, 73, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(24, 14, 24, 1) 0%, rgba(103, 32, 73, 1) 100%);
    background: linear-gradient(90deg, rgba(24, 14, 24, 1) 0%, rgba(103, 32, 73, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#180e18", endColorstr="#672049", GradientType=1);
}

.btLogoArea {
    padding: 1rem 0;
}

.font-family-sarabun {
    font-family: 'Sarabun', sans-serif;
}

.bt_bb_custom_menu div ul {
    padding-left: 2.5rem;
}

.btSiteFooter .bt_bb_custom_menu li {
    margin-bottom: 0;
}

.btSiteFooter .bt_bb_custom_menu li a {
    font-size: 12px;
    font-weight: bold;
    font-family: 'Sarabun', sans-serif;
}

.btSiteFooter .bt_bb_size_small.bt_bb_icon .bt_bb_icon_holder>span,
.btSiteFooter .bt_bb_size_xsmall.bt_bb_icon .bt_bb_icon_holder>span {
    font-size: 13.5px;
    font-weight: bold;
    line-height: 20px;
    font-family: 'Sarabun', sans-serif;
    padding-left: 0;
}

.btSiteFooter .bt_bb_icon {
    padding-left: 2.5rem;
}

body .btn-theme .bt_bb_link {
    box-shadow: none !important;
    width: 200px;
}

.btTransparentLightHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btAccentDarkHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btLightAccentHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btTransparentLightHeader .btVerticalMenuTrigger .bt_bb_icon:before,
.btAccentDarkHeader .btVerticalMenuTrigger .bt_bb_icon:before,
.btLightAccentHeader .btVerticalMenuTrigger .bt_bb_icon:before,
.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:before,
.btTransparentLightHeader .btVerticalMenuTrigger .bt_bb_icon:after,
.btAccentDarkHeader .btVerticalMenuTrigger .bt_bb_icon:after,
.btLightAccentHeader .btVerticalMenuTrigger .bt_bb_icon:after,
.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:after {
    border-top-color: #b950a5;
}

body .btn-cc .bt_bb_link {
    background: #019ec7;
    color: #fff;
}

.testimonial .slick-dots li:before {
    height: 11px;
    opacity: 1;
    border-radius: 50%;
}

.testimonial .bt_bb_dots_style_accent_dot .slick-dots li:after {
    background: #019ec7;
}

.bt_bb_latest_posts.bt_bb_look_standard.bt_bb_date_design_triangle .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta>.bt_bb_latest_posts_item_date:before,
.bt_bb_latest_posts.bt_bb_look_standard_highlighted.bt_bb_date_design_triangle .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta>.bt_bb_latest_posts_item_date:before,
.bt_bb_latest_posts.bt_bb_look_highlighted.bt_bb_date_design_triangle .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta>.bt_bb_latest_posts_item_date:before {
    height: 7em;
    -webkit-transform: skewY(50deg);
    -moz-transform: skewY(50deg);
    -ms-transform: skewY(50deg);
    transform: skewY(50deg);
    background: #b850a4;
}

.bt_bb_latest_posts.bt_bb_look_standard_highlighted.bt_bb_date_design_triangle .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta>.bt_bb_latest_posts_item_date>.bt_bb_latest_posts_item_date_day {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 5px;
}

.bt_bb_latest_posts_item .bt_bb_latest_posts_item_date {
    padding-left: 0;
    font-size: 13.5px;
    font-weight: bold;
    color: #fff;
}

.bt_bb_latest_posts.bt_bb_look_standard_highlighted .bt_bb_latest_posts_item:first-child .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title,
.bt_bb_latest_posts.bt_bb_look_standard_highlighted .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title {
    font-size: 27px;
    font-weight: bold;
}

.bt_bb_latest_posts .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title a {
    color: #1a101e;
}

.bt_bb_latest_posts .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_read_more {
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    color: #019ec7;
}

.bt_bb_latest_posts .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_read_more a {
    color: #019ec7;
}

.bt_bb_latest_posts .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title a:hover {
    color: #b950a5;
}

.btLightSkin {
    color: #160d16;
}

.icon-image {
    position: relative;
}

.icon-image:after {
    content: '';
    background-color: #f5f5f5;
    position: absolute;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    height: 70px;
    width: 70px;
    background-size: cover;
}

.icon-image.print-icon-image:after {
    background-image: url('/wp-content/uploads/2020/04/icon-1.png');
}

.icon-image.mail-icon-image:after {
    background-image: url('/wp-content/uploads/2020/04/icon-2.png');
}

.fourx-icon-image.icon-image:after {
    background-image: url('/wp-content/uploads/2020/04/icon-3.png');
}

.post-type-archive-mail_list .btPageHeadline,
.post-type-archive-article_list .btPageHeadline, 
.single-article_list .btArticleShareEtc,
.single-article_list .btAboutAutor,
.single-article_list .btPrevNextNav,
.single-mail_list .btPageHeadline,
.single-mail_list .btArticleShareEtc,
.single-mail_list .btAboutAutor,
.single-mail_list .btPrevNextNav  {
    display: none;
}

.post-type-archive-mail_list.btWithSidebar .btContentHolder .btSidebar {
    display: none;
}

.post-type-archive-mail_list.btWithSidebar .btContentHolder .btContent {
    width: 100%;
    padding-right: 0;
}
.custom-header-mail-list {
    text-align: center;
    margin-bottom: 30px;
}
.custom-header-mail-list h3 {
    font-size: 1.3rem;
    text-transform: uppercase;
    font-family: "Roboto Condensed",Arial,Helvetica,sans-serif;
    font-weight: 400;
    color: #160d16;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    letter-spacing: 1px;
}
.custom-header-mail-list h3:after {
    content: none;
}
.custom-header-mail-list h3 .divider-mail-list {
    content: '';
    height: 2px;
    width: 50px;
    background-color: #b950a5;
    display: inline-block;
    margin-right: 20px;
    margin-left: 20px;
}
.custom-header-mail-list h2 {
    color: #019ec7;
    font-size: 3.4rem;
}
.custom-row.mailing-lists {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-right: -15px;
    margin-left: -15px;
}
.custom-row.mailing-lists .custom-col-item {
    width: calc(100% / 3 - 30px);
    margin-left: 15px;
    margin-right: 15px;
    box-shadow: 0 13px 13.92px 2.08px rgba(126, 125, 130, 0.21);
    background-color: #fff;
    margin-bottom: 30px;
    transition: all 0.2s ease-in;
    position: relative;
}
.custom-row.mailing-lists .custom-col-item:hover {
    box-shadow: 0 6px 18px 2.08px rgba(126, 125, 130, 0.31);
}

.custom-row.mailing-lists .custom-col-item h3 {
    font-size: 1.5rem;
    color: #019fc6;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    margin-bottom: 10px;
    transition: all 0.2s ease-in;
}
.custom-row.mailing-lists .custom-col-item:hover  h3{
    color: #b950a5;
}
.custom-row.mailing-lists .custom-col-item .desc {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}
.custom-row.mailing-lists .custom-col-item .desc p {
    color: #160d16;
}

.custom-row.mailing-lists .custom-col-item .read-more-link{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.mail-button {
    text-align: center;
    margin-top: 20px;
}
.mail-button a {
    background-color: #5f1f46;
    padding: 15px 20px;
    color: #fff;
    width: calc(100% / 3 - 20px);
    display: block;
    text-align: center;
    margin: auto;
    transition: all 0.3s ease-in;
}
.mail-button a:hover {
    background-color: #019fc6;
    color: #fff;
}
.single-mail_list .btContentHolder,
.single-article_list .btContentHolder{
    max-width: 1260px;
    margin: auto;
    padding: 4em 30px 4em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.single-mail_list .btContentHolder .btContent,
.single-article_list .btContentHolder .btContent{
    width: 100%;
    padding-right: 0;
}
.main-content .header-data {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #d7d7d7;
}
.main-content .header-data .description {
    text-align: center;
}
.mail_list-template-default .main-content .header-data .description {
    text-align: left;
}
.single-article_list .main-content .header-data .description {
    text-align: left;
}
.main-content .header-data .custom-header-mail-list {
    margin-bottom: 10px;
}
.main-content .mail-button {
    margin-top: 10px;
}
.main-content .mail-button a {
    width: auto;
    display: inline-block;
    padding: 12px 50px;
}
.main-content .search-area {
    margin-bottom: 40px;
}
.main-content .table-data {
    box-shadow: 0 13px 13.92px 2.08px rgba(126, 125, 130, 0.5);
    background-color: #fff;
    margin-bottom: 40px;
}
.main-content .table-data .table_filter {
    display: flex;
    justify-content: space-between;
    padding-right: 30px;
    padding-left: 30px;
    background-image: -moz-linear-gradient(0deg, #160d16 0%, #68214a 100%);
    background-image: -webkit-linear-gradient(0deg, #160d16 0%, #68214a 100%);
    background-image: -ms-linear-gradient(0deg, #160d16 0%, #68214a 100%);
}
.main-content .table-data .table_filter span {
    padding: 15px 5px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease-in;
    width: calc(100%);
    white-space: nowrap;
    text-align: center;
}
.main-content .table-data .table_filter span:hover,
.main-content .table-data .table_filter span.active {
    background-color: #fff;
    color: #451934;
}
.main-content .custom-table {
    padding: 30px;
}
.main-content .custom-table table thead th {
    background-color: transparent;
    color: #019fc6;
    font-size: 18px;
    padding: 0 0 10px;
    padding-right: 10px;
}
.main-content .custom-table table td {
    padding: 2px 0;
    padding-right: 10px;
}
.main-content .custom-table table td:last-child {
    color: #891e75;
}
.main-content .search-area {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0 5px 15.2px 0.8px rgba(126, 125, 130, 0.5);
}
.main-content .search-area input {
    border: none;
    background-image: url("search.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: 63px !important;
    background-position: right center !important;
}
.main-content .search-area input:focus {
    border: none !important;
    box-shadow: none !important;
}

.list-center{
    display: flex;
    justify-content: center;
    text-align: left;
}

@media screen and (max-width: 1260px) {
    .btMenuHorizontal .menuPort>nav>ul>li {
        padding: 0 20px 0 0;
    }
}
@media screen and (max-width: 767px) {
    .custom-row.mailing-lists .custom-col-item {
        width: calc(100% / 2 - 30px);
    }
    .mail-button a {
        width: calc(100% / 2 - 20px);
    }
}
@media screen and (max-width: 1199px) {
    .btLogoArea {
        padding: 0rem 0;
    }
    .main-content .table-data .table_filter span {
        max-width: 35px;
        padding: 5px 5px;
    font-size: 14px;
    }
    .main-content .table-data .table_filter span#show_all{
        max-width: 100px;
    }
    .main-content .table-data .table_filter{
        flex-wrap: wrap;
            justify-content: center;
                padding-right: 5px;
    padding-left: 5px;
    }
    .main-content .custom-table {
        padding: 15px;
    }
}

@media screen and (min-width: 575px) {
    .services-section .bt_bb_column_content {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
}

@media screen and (max-width: 575px) {
    .bt_bb_latest_posts.bt_bb_look_standard_highlighted .bt_bb_latest_posts_item:first-child .bt_bb_latest_posts_item_image a img {
        height: 400px;
    }
    .custom-row.mailing-lists .custom-col-item {
        width: calc(100% / 1 - 30px);
    }
    .mail-button a {
        width: calc(100% / 1 - 20px);
    }
    .custom-header-mail-list h2 {
        color: #019ec7;
        font-size: 2.4rem;
    }
    .custom-header-mail-list h3 .divider-mail-list {
        height: 2px;
        width: 15px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .custom-header-mail-list h3 {
        font-size: 1rem;
    }
}