/*
 Theme Name: DTS - B2B theme
 Theme URI: http://5ivecanons.com
 Author: 5ivecanons
 Author URI: https://5ivecanons.com
 Template: dts-master-theme
 Description: This is the B2B child theme for DTS Master theme.
 Version: 1.0.0
 Text Domain: dts-b2b-theme
 Domain Path: /languages/
 Tags: DTS
*/

/* ADD YOUR NEW CSS RULES HERE */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: timber' line. */

.discover-page .header {
    display: flex;
    text-align: center;
    height: 688px;
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    background-size: cover;
    position: relative;
    flex-direction: column;
    justify-content: flex-end;
}

.discover-page.header {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}

.discover-hero {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0;
}


.discover-page .header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%, rgb(0 0 0) 100%);
}

.discover-page .header-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 2;
    z-index: 2;
}

.discover-page .head-filter .filter {
    padding-bottom: 2rem;
    padding-top: 2rem;

}

.discover-page .head-filter {
    z-index: 2;

}

.discover-page .header h1 {
    padding-top: 86px;
    color: #F5F5F5;
    margin-bottom: 10px;
}

.discover-page .header h2 {
    color: #F2A900;
}

.discover-container {
    margin: 0 auto;
    width: 100%;
}

#discover-slider {
    width: 100%;
    display: block;
}

.discover-page .filter-label {
    color: #F5F5F5;
    font-size: 26px;
    z-index: 2;
}

#main-content {
    line-height: 2;
}

.discover-page .dts-container {
    position: relative;
    margin-bottom: 10px !important;
}

.discover-page .filter-slider {
    margin: 0;
    opacity: 0;
}

.discover-page .slick-initialized{
    opacity:1;
    transition:opacity .3s ease-out;
}

.discover-page .slick-slide {
    margin-right: 10px;
}

.discover-page .filter-slider {
    width: 90%;
    max-width: 1200px;
    font-size: 16px;
    margin: 0 auto;
}



.discover-page .slider-button {
    border-radius: 20px;
    background-color: transparent;
    background: none;
    color: white;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    text-decoration: none;
    display: inline-block;
    padding: 8px 20px;
    font-size: 16px !important;
    font-family: 'Real Text Pro';
    font-weight: 500;
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
   
    width: 100%;
}

.discover-page .selected-cat,
.discover-page .slider-button:hover {
    background: unset;
    background: linear-gradient(90deg,#f2a900,#f4633a);
    color: #000;
    border: none;
    opacity: 1;
    text-decoration: none;
}

.discover-page button.slick-prev.slick-arrow {
    left: -55px;
}
.discover-page  button.slick-next.slick-arrow {
    right: -25px;
}

.discover-page .slider-button-container {

    width: 200px;
}
.discover-page .col-4 .post-title {
    font-size: 16px;
    color: black;
    font-family: 'Oswald';
    font-weight: bold;
}

.discover-page .post-meta-description {
    font-size: 16px;
    line-height: 22px;
    color: black;
    font-family: 'Real Text Pro';
    padding-top: 10px;
    font-weight: 300 !important;

}

.discover-page .cover-image {
    width: 100%;
    height: 274px;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

.post-card-inner-wrapper {
    background-color: #F1F1F3;
    height: 100%;
    width: 100%;
}

.discover-page .discover-container {
    max-width: 1730px;
    padding-top: 28px;
    display: flex;
    flex-direction: column;
}

.discover-page .post-card {
    margin-bottom: 20px;
}

.discover-page .post-image {
    max-width: 90%;
    height: auto;
}

.discover-page .post-content {
    overflow: hidden;
    padding: 34px;
    flex-grow: 2;
}

.discover-page .post-title {
    font-size: 24px;
    color: #000;
    line-height: 30px;    
}



#discover-pagination {
    width: 20%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    /* margin-top: 15px; */
    margin-bottom: 30px;
}

.discover-page .page-nav-inner {
    font-family: 'Real Text Pro';
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 2px solid #F4633A;
    color: #F4633A;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.discover-page #prev,
.discover-page #next {
    color: #F4633A;
    font-size: 44px;
    
}
.discover-page .slick-prev:before {
    font-family: fontello;
    font-size: 60px;
    content: "\f104";
    position: absolute;
    top: -23px;
}

.discover-page .slick-next::before {
    font-family: fontello;
    font-size: 60px;
    content: "\f105";
    position: absolute;
    top: -23px;
}


.discover-page .nav-ellipsis {
    color: #F4633A;
    padding-top: 22px;
}
.discover-page .page-nav-active,
.page-nav-inner:hover {
    background: linear-gradient(#F2A900, #F4633A);
    color: white;
    text-decoration: none;
    border: 2px solid white !important;
}

.discover-page #content-container{
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}

.discover-page .page-nav-disabled {
    pointer-events: none;
    opacity: 0.5;
}

.discover-page .post-card-inner-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
}

.discover-page .post-date {
    font-size: 16px;
    font-family: 'Real Text Pro';
    font-weight: 300 !important;
}

.discover-page .card-footer {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 34px 20px 34px;
    box-sizing: border-box;
}

.discover-page .learn-more,
.post-date {
    margin: 0;
}

.discover-page .learn-more {
    flex-grow: 1;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    font-family: 'Real Text Pro';

}

.discover-page .learn-more a > img {
    padding-left: 10px;
    transition: all .5s ease-in-out;

  }
  .discover-page .learn-more a:hover > img {
    padding-left: 15px;
  }


.discover-page .learn-more a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96px;
    height: 2px;
    background-color: #000;
}
.discover-page .learn-more a:hover {
    text-decoration: none;
}

.discover-page .learn-more a:hover:after {
     background-color: #F2A900;
}

.discover-page .contact-container {
    text-align: center;
    background-color: #F1F1F3;
    padding: 26px 0;
}

.discover-page .contact-information {
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    color: #716E6A;
    font-family: 'Real Text Pro';
}

.discover-page .contact-information span {
    font-weight: bold !important;
    color: #545353 !important;
    font-family: 'Segoe UI';
}

.loader {
    width: 100%;
    height: 100px;
    z-index: 10000;
    text-align: center;
}

@media screen and (max-width: 1330px) {
    #discover-pagination {
        width: 40%;    
    }
    .discover-page .post-content {
        padding: 1rem;
    }
    .discover-page .card-footer {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 1rem 1rem 1rem;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 1230px) {
    .discover-page #content-container {
    
        grid-template-columns: repeat(2, 1fr);
       
    }
}

@media screen and (max-width: 768px) {
    .discover-page .header {
        display: flex;
        text-align: center;
        height: fit-content;
        width: 100vw;        
    }
    .discover-page .filter-label {
        font-size: 16px;
    }
    .discover-page .slider-button {       
        width: 120px;
        font-size: 12px !important;
    }
    .discover-page .filter-slider {
        max-width: 80%;
        width: 100%;
    }
    
    #discover-pagination {
        width: 90%;    
    }
    .discover-page #content-container {
    
        grid-template-columns: repeat(1, 1fr);
       
    }
}

@media screen and (max-width: 568px) {
    
    .discover-page .slider-button {       
        width: 150px;
        font-size: 12px !important;
    }

 
    .post-card-inner-wrapper {
        height: fit-content;
        width: 100%;
    }
    .discover-page .cover-image {
        width: 100%;
        height: 188px;
        background-size: cover;
        background-position: center center;
    }
    .discover-page .post-content {
        padding: 16px;
    }
    .discover-page .card-footer {
        position: relative;       
        padding: 20px 1rem;
    }
}

.global-logo {
   margin-left: 0;
}
.sign-up-container {
    margin-left: -22.5px
}
.sign-up-container>a {
    border-radius: 0 30px 30px 0;
    border: none;
}

#gform_wrapper_12 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#gform_wrapper_13 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#gform_wrapper_14 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#gform_wrapper_17 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    background: #fff;
    border: 1px solid #000!important;
    width: 99%;
    color: #000!important;
}