/*
 Theme Name:     chemed
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

@font-face {
    font-family: sui generis;  
    src: url(fonts/sui_generis_rg.ttf);  
    font-weight: normal;  
}
/*Header*/
div#top-header {background: #333333;}
.custom-header {
    display: flex;
    flex-flow: row;
}
span.your-pnr {
    color: #f26522; 
    font-size: calc(.5vw + 7px);
    font-family:'sui generis';     
    font-weight: 300;
    letter-spacing: 3px;
}
.header-right-sec{
    font-size: 18px;
    display: flex;
    justify-content: space-between;
}
#top-header .container{padding-bottom: .75em;}
.contact-info {margin: auto;}
.et_header_style_centered #top-menu>li>a {
    padding-bottom: 1.2em;
    padding-top: 1.2em;
}
#top-menu li {padding-right: 80px;}
header#main-header {background: rgba(51,51,51,.7);}

/*Home*/
.home-banner .et-pb-controllers {
    position: absolute;
    z-index: -1;
    top: 18%;
    left: 0;
    width: 100%;
    text-align: center;
}
.home-banner .et-pb-controllers a{
    width: 12px;
    height: 12px;
    border:3px solid rgba(255,255,255,0.5);
}
.home-banner .et-pb-controllers .et-pb-active-control {
    background-color: #e56123;
}
.banner-box {
    float: left;
    display: table;
    bottom: 0;
    position: absolute;
}
.left-side {
    background: #2e2f30;
    padding: 10px 70px 10px 140px;
    text-align: left;
    display: table-cell;
}
.right-side {
    background: #e66123;
    max-width: 100px;
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
    margin: auto;
    text-transform: uppercase;
    line-height: normal;
}
.product-list h2.et_pb_module_header{
    min-height: 27px;
}
.org-box {padding: 15px;}
span.org-big-txt {font-size: 25px;}
.ch-list ul{padding-bottom: 0;}
.ch-list ul li{padding-bottom: 10px; line-height: normal;}
.ch-list ul li:before {
    content: url(https://www.chemed.co.za/wp-content/uploads/2019/11/custom-bullet.png); 
    padding-right: 20px;
}
span.ch-title {
    font-weight: 700;
    color: #f26522;
}
.product-list .type-project {
    display: flex;
    flex-flow: column-reverse;
    margin-bottom: 15px !important;
}
.et_pb_portfolio_grid_items h2.et_pb_module_header {
    margin-bottom: 15px !important;
}
.product-sec h3 {padding-bottom: 20px !important;}

/*blog*/
.et_post_meta_wrapper img {display: none; }
.blog-sec article {
    border-radius: 10px 10px !important;
    overflow: hidden;
    border-width: 0 !important;
    box-shadow: 0px 2px 70px 0px rgba(110,130,208,0.18);
}
.single-post .et_post_meta_wrapper {max-width: 1200px !important; }
.single-post .et_post_meta_wrapper:first-child {
    max-width: 100% !important;
    background: #f26522;
    padding-left: 18%;
    padding-right: 18%;
    width: 100% !important;
    color: #fff !important;
    padding-top: 50px !important;
    padding-bottom: 40px;
}
.single-post .et_post_meta_wrapper h1 {color: #fff;}
.single-post p.post-meta, .single-post p.post-meta a {color: #fff !important;}

.single-post div#left-area article {
    padding-bottom: 0;
    margin-bottom: 0;
}
.call-to{
    display: flex;
    justify-content: space-around;
    vertical-align: middle;
}
.call-to .et_pb_promo_description{
    display: flex;
    padding-bottom: 0;
}
.call-to .et_pb_promo_description h2 {
    padding-bottom: 0;
    margin: auto;
}


/*Product*/
ul.pro-list {display: block;}
.uk-clearfix:before {
    content: "";
    display: table-cell;
}
li.item {
    float: left;
    padding: .25rem;
    width: 48%;
}
.pro-link {
    background: #f26522;
    border: 1px solid #f26522;
    display: block;
    width: 100%;
    height: 0;
    padding: 100% 0 0;
    overflow: hidden;
    position: relative;
}
.pro-image {
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 45px;
    right: 0;
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
}
.pro-name {
    margin: 0;
    color: #ffffff;
    position: absolute;
    padding-left: .5rem;
    padding-right: .5rem;
    bottom: 0;
    height: 35%;
    text-align: center;
    text-transform: uppercase;
    font-size: calc(.5vw + 6px);
    display: table;
    width: 100%;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
}
.pro-name span {
    display: table-cell;
    vertical-align: middle;
}
li.item .pro-link:hover {background: #333;}
li.item p {display: none;}


/*Contact Us*/
.custom-gform input[type=submit] {
    background: #f26522;
    color: #fff;
    border: 0;
    padding: 10px 30px;
    font-size: 20px !important;
    cursor: pointer;
}
.custom-gform input[type=submit]:hover {
    background: #333;
}
.custom-gform ul li.gfield {
    margin-top: 4px;
}
.custom-gform textarea {
    margin-top: 14px;
}
.custom-gform .gform_footer.top_label {
    margin: 0 auto;
    text-align: center;
}
div#gform_confirmation_message_1 {
    color: #f26523;
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    padding-top: 10px;
}

/*Footer*/
div#footer-info {
    padding-bottom: 3px !important;
    float: unset;
    display: flex;
    justify-content: space-between;
}
div#footer-widgets {display: none !important;}
div#et-footer-nav {border-bottom: 2px solid #000;}
#footer-bottom {padding: 15px 0 15px;}

@media (min-width: 767px){
    li.item{width: 18%;}
}

@media (min-width: 1200px){
    li.item{width: 16%;}
}

@media (min-width: 980px){
    .ch-dis {float: right;}
    .banner-box h2 {font-size: 37px;}
    .custom-logo {padding-bottom: 10px;width: 30%;background: #404041; padding: 14px 0;}
    .contact-info {padding-left: 30px;width: 70%;padding-right: 20%;}
    .banner-box h1 {
        font-weight: 700;
        font-size: 38px;
    }
    .custom-gform input[type=text] {
        padding: 12px !important;
        border-radius: 3px !important;
        border-color: rgba(51,51,51,0.2);
    }
    /*Header*/
    .custom-header {
        width: 100% !important;
        max-width: 100% !important;
        padding: .75em 0;
    }
   
    .home-col-one {width: 46% !important;}
    .home-col-two {width: 54% !important;}

    div#top-header .container {padding: 0 !important;}
    .logo_container a {float: right;}
    img#logo {padding-right: 20px !important;}
}
@media (max-width: 767px){
    .pro-name{font-size: .75rem;}
    .home-banner .et_pb_slide {min-height: 40vh;}
    div#footer-info, .contact-info a {font-size: 14px;}
    span.your-pnr{    
        font-size: 10px;
        line-height: 13px;
    }
    span.org-big-txt {font-size: 22px;}
    .single-post .et_post_meta_wrapper h1 {
        color: #fff;
        font-size: 24px;
        line-height: 28px;
    }
    .ch-list ul li{display: inline-flex; width: 100%}
    .left-side h1, .left-side h2 {
        text-align: center;
        font-size: calc(1.2vw + 12px);
    }
    .left-side{
        padding: 10px 60px 10px 60px;
    }
    .banner-box {
        display: table-column;
        position: relative;
        width: 100%;
    }
    .left-side {display: block;}
    .right-side{
        max-width: unset;
        width: 100% !important;
        display: block;
    }
    .et_pb_slide_description{padding: unset;}
    .banner-box{padding:40px 80px;}
    .left-side h1,.left-side h2{text-align:center;}
    .home-banner .et-pb-controllers{top: 6%;}
}

@media(max-width: 540px) {
    .banner-box{padding: 40px 30px;}
}

@media  (max-width: 504px) {
    .left-side h1,.left-side h2{font-size: 18px;}
    .left-side {padding: 10px 48px 10px 48px;}
}

@media  (max-width: 360px) {
    .left-side {padding: 10px 30px 10px 30px;}
    .banner-box {margin-left: 7px;}
    .call-to {display: block;}
    .call-to .et_pb_promo_description{padding-bottom: 20px;}
}

@media (min-width: 981px) and (max-width: 1024px){
    .et_section_regular .org-box{
        padding-left:25% !important;
    }
    .contact-info{padding-right: 10%;}
}
@media (max-width: 980px){
    span.select_page {display: none !important;}
    .mobile_nav.opened, .mobile_nav.closed {background: transparent !important;}
    ul#mobile_menu li a {color: #666;}
    .et_mobile_menu{padding: 2% 1%; border-top-color: #333;}
    header#main-header {padding: 0 !important;}
    div#top-header {padding: 10px 0;}
    .single-post .et_post_meta_wrapper:first-child{padding-top: 30px !important; padding-bottom: 20px;}
    .et_header_style_centered .et_menu_container .mobile_menu_bar{top: -22px;}
    .mobile_menu_bar:before{color: #fff;}
    .fix-mobile {display: flex; flex-flow: column-reverse;}
    .et_header_style_centered .et_mobile_menu {top: 20px;}
    .header-right-sec span a {line-height: 24px;}
    .header-right-sec span {display: block;}
    .header-right-sec {
        display: block;
        margin-left: 17px;
        line-height: 16px;
    }
}