/*
Theme Name: Avada Child - CustomPipe
Description: Child theme for CustomPipe theme
Author: Prospus
Author URI: https://prospus.com
Template: Avada
Version: 1.2.22.1
Text Domain: Avada
*/

body {
    height: 100% !important;
}

@media (max-width: 575px) {
    .site-footer {
        clip-path: revert;
    }
}

/** Small devices (landscape phones, 576px and up) **/
@media (min-width: 576px) {
    .site-footer {
        clip-path: revert;
    }
}

/** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) {
    .site-footer {
        clip-path: revert;
    }
}

/** Large devices (desktops, 992px and up) **/
@media (min-width: 992px) {
}

/** X-Large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) {
}

/** XX-Large devices (larger desktops, 1400px and up) **/
@media (min-width: 1400px) {
}

/**
* Post card CSS
**/
.post-card {
    border: 1px solid #ccc;
    margin: 10px;
}

.post-card-image {
    width: 100%;
    height: auto;
}

.post-card-content {
    text-align: left;
    margin-top: 10px;
    padding: 10px;
}

.post-card-date {
    text-align: left;
    margin-top: 10px;
    color: #777;
}

.post-card-title {
    text-align: left;
    margin-top: 5px;
    color: #000000 !important;
}

.post-card-tags {
    margin-top: 10px;
}

.post-card-tag {
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #333;
}

.read-more {
    display: inline-block;
    margin-top: 10px;
}

/**
** Content card css
**/
.cp-content-card {
    border: 1px solid #ccc;
    padding: 5px;
}

.cp-content-card-title, .cp-content-card-content {
    padding: 5px;
}

.cp-content-card-title .cp-heading, .cp-content-card-content {
    color: #000000;
}

/**
** Timeline
*/
.cp-timeline-card-container .cp-content-card {
    padding: 0;
    border: none;
    margin-bottom: 24px;
}

.cp-timeline-card-container .cp-content-card-content {
    background: linear-gradient(315deg, transparent 16px, #FFFFFF 16px);
    padding: 16px;
    margin: 0 !important;
    align-self: stretch;

    color: #000;

    /* Body - Reg */
    font-family: IBM Plex Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    letter-spacing: 0.5px;
}

.cp-timeline-card-container .cp-content-card-title {
    background-color: #D72726;
    margin: 0 !important;
    display: flex;
    padding: 8px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.cp-timeline-card-container .cp-content-card-title .cp-heading {
    color: #fff !important;
    font-family: IBM Plex Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.5px;
    align-self: stretch;
}

/**
** Testimonial Cards.
**/
.cp-testimonial-card-container .cp-testimonial-card-col {
    padding: 0;
    border: none;
    margin-bottom: 128px;
    fill: var(--white, #FFF);
}

.cp-testimonial-card-container .cp-content-card {
    padding: 0;
    border: none;
}

.cp-testimonial-card-container .cp-content-card-content {
    padding: 48px;
    background: linear-gradient(135deg, transparent 16px, white 16px calc(100% - 16px), transparent 16px);
    color: #000;
    /* Desktop/H3 - Reg */
    font-family: IBM Plex Sans;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 55px */
    text-transform: capitalize;
}

.cp-testimonial-card-container .cp-content-card-author {
    color: var(--white, #FFF);
    font-family: IBM Plex Sans;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 36.4px */
    text-transform: capitalize;
    margin-top: 20px;
}

.cp-testimonial-card-container .cp-content-card-title {
    padding: 0;
}

.cp-testimonial-card-container .cp-content-card-title .cp-heading {
    color: #FBAA19;
    font-family: IBM Plex Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 26px */
    letter-spacing: 0.5px;
    text-transform: capitalize;
}

/**
** Resource Card.
**/


.cp-resource-card-container .cp-content-card {
    border: none !important;
}

.cp-resource-card-container .cp-content-card .cp-content-card-title-row {
    display: flex;
    flex-direction: row;
    border-top: 1px solid #000;
    padding-top: 16px;
}

.cp-resource-card-container .cp-content-card .cp-content-card-title-row div {
    width: 50%;
}

.cp-resource-card-container .cp-content-card .cp-content-card-title-row .cp-content-card-button {
    align-content: flex-end;
    display: flex;
    justify-content: flex-end;
}

.cp-resource-card-container .cp-content-card .cp-content-card-title-row .cp-content-card-button a {
    padding-top: var(--button_padding-top, 13px);
    padding-right: var(--button_padding-right, 29px);
    padding-bottom: var(--button_padding-bottom, 13px);
    padding-left: var(--button_padding-left, 29px);
    text-transform: uppercase;
    color: var(--white, #FFF);
    /* Button */
    font-family: IBM Plex Mono;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.5px;
}

.cp-resource-card-container .cp-content-card .cp-content-card-title-row .cp-content-card-title {
    padding: 2px;
}

.cp-resource-card-container .cp-content-card .cp-content-card-title-row .cp-content-card-title .cp-heading {
    padding: 0;
    color: #000;

    /* Desktop/H5 - Reg */
    font-family: IBM Plex Sans;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 130% !important;
    align-self: stretch;
    margin: 0;
}

.cp-resource-card-container .cp-content-card .cp-content-card-info-row ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cp-resource-card-container .cp-content-card .cp-content-card-info-row ul li {
    display: inline;
    margin: 10px 24px 10px 0;
    color: #000;

    /* Caption - Reg */
    font-family: IBM Plex Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: 0.5px;
}

/**
* fLEX CONTAINERS
 */
.float-container {
    border: 3px solid #fff;
    padding: 20px;
}

.float-child {
    width: 50%;
    float: left;
    padding: 0 20px;
}


/**
** cp-category-card
*/

.cp-category-card {
    width: 100%;
    height: 518px;
}

.cp-category-card-content {
    height: 518px;
    width: 49%;
    padding: revert;
}

.cp-category-card-image {
    width: 42%;
    float: left;
}

.cp-category-card-content{
    border-top: 4px solid #000000;
    width: 58%;
    float: left;
}

.cp-category-card-image img {
    width: 100%;
    height: 518px;
}

.cp-category-card-content .cp-category-card-title{
    width: 100%;
}

.cp-category-card-content .cp-category-card-title .cp-category-card-title-heading{
    width: 97%;
}

.cp-category-card-content .cp-category-card-title .cp-category-card-title-heading{
    margin: 0 !important;
    color: #000;

    /* Desktop/H4 - Bold */
    font-family: IBM Plex Sans;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 43.75px */
}

.cp-category-card-content .cp-category-card-title span{
    color: #000;
    text-align: right;

    /* Button */
    font-family: IBM Plex Mono;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.cp-category-card-content .cp-category-card-sub-categories ul li {
    color: #000;
    margin-top: 16px;
    /* Desktop/H6 - Reg */
    font-family: IBM Plex Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 28.6px */
    letter-spacing: 0.5px;
    align-self: stretch;
}

/**
* Archive Styles
**/
.cp-archive-card-container .cp-archive-card-row{
    padding-top: 10px;
    padding-bottom: 40px;
}

.cp-archive-list-container{
    margin-bottom: 40px;
}
.cp-category-card-li{
    padding: 16px;
    color: #6D7476;
    /* Body - Bold */
    font-family: IBM Plex Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 23.4px */
    letter-spacing: 0.5px;
}

.cp-category-card-li.active {
    background: #D72726;
    color: var(--white; #FFF);
}


/* cp hero block */

#cp-hero {
    height: calc(100vh + 200px);
    max-height: 800px;
    overflow: hidden;
}

#cp-hero-video {
    max-height: 1000px;
    overflow: hidden;
    position: relative;
}

.cp-hero-wrap,
.cp-hero-video-wrap {
    height: 100%;
    display: none;
    /*transform: scale(1.075);*/
}

.cp-hero-wrap > .fusion-column-wrapper,
.cp-hero-video-wrap > .fusion-column-wrapper {
    position: relative;
}

.cp-hero-video {
    position: absolute;
    top: 0;
    left: 0;
}

/*.cp-hero-video-wrap > .fusion-column-wrapper:before,*/
#cp-hero-video:before {
    content: '';
    background-image: url("/wp-content/uploads/2023/08/home-hero-red-texture.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.cp-hero-wrap > .fusion-column-wrapper:before {
    content: '';
    background-image: url("/wp-content/uploads/2023/08/Inner-Pages-hero-frame.png");
    background-size: 175%;
    background-repeat: no-repeat;
    background-position: 83% 83%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
    
.cp-hero-wrap > .fusion-column-wrapper:after,
.cp-hero-video-wrap > .fusion-column-wrapper:after {
  content: '';
  background-image: url("/wp-content/uploads/2023/08/inner-hero-line.png");
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: 80px 80%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
}

/*** Pipeline css ***/
.pipeline-yellow-1,
.pipeline-white-1,
.pipeline-yellow-2,
.pipeline-red-1,
.pipeline-blue-1,
.pipeline-black-1,
.pipeline-blue-2,
.pipeline-red-2,
.pipeline-black-2 {
    max-width: 1440px;
    overflow: hidden;
    resize:none !important;
    left:0 !important;
}
.pipeline-yellow-1 {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9;
	top: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 1440px;
	resize: both;
}
.pipeline-yellow-1 svg {
    position: absolute;
    bottom:0;
}
.pipeline-white-1 {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top:0;
	left: 0;
	right: 0;
	margin: 0 auto !important;
	max-width: 1440px;
	resize: both;
}
.white-half-pipe-top {
    height: 30%;
    top:0;
    left: -4px;
}
.white-half-pipe-bottom {
    height: 30%;
    top:auto;
    bottom:0;
    left: -16px;
}
.pipeline-blue-1 {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0;
	right: 0;
	margin: 0 auto !important;
	max-width: 1440px;
	resize: both;
}
.pipeline-black-1 {
    width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: -15px;
	left:0;
	right: 0;
	margin: 0 auto !important;
	max-width: 1440px;
	resize: both;
}
#careers_anchor_culture_section .fusion-fullwidth .pipeline-blue-2 svg {
        margin-top: -3%;
    }
@media screen and (max-width: 1600px) {
    .pipeline-black-1 svg {
        position: absolute;
        top:-7%;
    }
    #careers_anchor_culture_section .fusion-fullwidth .pipeline-blue-2 svg {
        margin-top: -3%;
    }
}
.pipeline-yellow-2 {
    width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: -12px;
	right: 0;
	margin: 0 auto !important;
	max-width: 1440px;
	resize: both;
}
.pipeline-red-1 {
    width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0;
	right: 0;
	margin: 0 auto !important;
	max-width: 1440px;
	resize: both;
}
.red-half-pipe-top {
    height: 40%;
    top:0;
    left: -4px;
    z-index: 10;
}
.red-half-pipe-bottom {
    height: 15%;
    top:auto;
    bottom:0;
    left: -16px;
    z-index: 10;
}
#about_anchor_timeline_section .pipeline-red-1 {
    left: -16px;
}
.pipeline-blue-2 {
    width: 100%;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0;
	right: 0;
	margin: 0 auto !important;
	max-width: 1440px;
	resize: both;
}
#careers_anchor_culture_section .pipeline-blue-2 {
   left: -16px; 
   left:0;
}
.pipeline-red-2 {
    width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0;
	right: 0;
	margin: 0 auto !important;
	max-width: 1440px;
	resize: both;
}
#about_anchor_testimonials_section .pipeline-red-2 {
    left: -16px;
}
.pipeline-red-3 {
    width: 105%;
    content: "";
    position: absolute;
    top: 0;
    right: -12.6vw;
    height: 50vh;
}
.pipeline-black-2 {
    width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0;
	right: 0;
	margin: 0 auto !important;
	max-width: 1440px;
	resize: both;
}
#careers_anchor_benefits_section .pipeline-black-2 {
    left: -16px;
}

.dektop-1200,
.tablet-1024,
.tablet-768,
.mobile-480 {
    display: none;
}

@media screen and (min-width: 1200px) and (max-width: 1441px) {
    .desktop-pipe,
    .tablet-1024,
    .tablet-768,
    .mobile-480 {
        display: none;
    }
    .dektop-1200 {
        display: block;
    }
    .pipeline-black-1 {
        left: 0;
    }
    .pipeline-yellow-1,
    .pipeline-white-1,
    .pipeline-yellow-2,
    .pipeline-red-1,
    .pipeline-blue-1,
    .pipeline-black-1,
    .pipeline-blue-2,
    .pipeline-red-2,
    .pipeline-black-2 {
        left: 0;
        right: auto;
        overflow: hidden;
    }
    .pipeline-white-1.white-half-pipe-top.tablet-768,
    .pipeline-white-1.white-half-pipe-bottom.tablet-768 {
        left:0;
    }
    body #about_anchor_testimonials_section .pipeline-red-2, body div#latest_news .pipeline-red-2 {
        left: 0 !important;
    }
    #about_anchor_timeline_section .pipeline-red-1 {
        left:0;
    }
    body #about_anchor_testimonials_section .pipeline-red-2 {
        left:0 !important;
    }
    #careers_anchor_benefits_section .pipeline-black-2 {
        left: 0 !important;
    }
    body #about_anchor_mission_section .pipeline-white-1.white-half-pipe-top,
    body #about_anchor_mission_section .pipeline-white-1.white-half-pipe-top, 
    body #about_anchor_mission_section .white-half-pipe-bottom, 
    body #about_values .pipeline-yellow-2, body #about_anchor_timeline_section .pipeline-red-1, 
    body div#careers_anchor_intro_section .red-half-pipe-top, body div#careers_anchor_intro_section.red-half-pipe-bottom {
        left: 0 !important;
    }
    body div#leadership .pipeline-blue-2 {
        left: 0 !important;
    }
    body #careers_anchor_culture_section .pipeline-blue-2 {
        left: 0;
        top: -50px;
    }    
    body #careers_anchor_culture_section .pipeline-blue-2 {
        left: 0 !important;
    }
    .pipeline-blue-2 {
        height: 2000px !important;
    }
    
}

@media screen and (min-width: 1000px) and (max-width: 1201px) {
    .desktop-pipe,
    .dektop-1200,
    .tablet-768,
    .mobile-480 {
        display: none;
    }
    .tablet-1024 {
        display: block;
    }
    .pipeline-yellow-1,
    .pipeline-white-1,
    .pipeline-yellow-2,
    .pipeline-red-1,
    .pipeline-blue-1,
    .pipeline-black-1,
    .pipeline-blue-2,
    .pipeline-red-2,
    .pipeline-black-2 {
        max-width: 1024px;
        left: auto !important;
        right: auto;
        overflow: hidden;
    }
    .pipeline-black-1 svg {
        position: absolute;
        top: 0;
    }
    .white-half-pipe-bottom {
     height: 23%;
    }
    #about_anchor_timeline_section .pipeline-red-1 svg {
        left: -7.5px;
        position: relative;
    }
    body #careers_anchor_benefits_section .pipeline-black-2 svg {
        left: -7.5px;
        position: relative;
    }
    #careers-id-intro-video-heading-section.careers-resource-heading-section {
        position: relative !important;
        top: 30px !important;
        left: 0 !important;
        bottom: 0 !important;
        height: auto !important;
        transform: unset !important;
    }
    
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    .desktop-pipe,
    .dektop-1200,
    .tablet-1024,
    .mobile-480 {
        display: none;
    }
    .tablet-768 {
        display: block;
    }
    .pipeline-yellow-1,
    .pipeline-white-1,
    .pipeline-yellow-2,
    .pipeline-red-1,
    .pipeline-blue-1,
    .pipeline-black-1,
    .pipeline-blue-2,
    .pipeline-red-2,
    .pipeline-black-2 {
        max-width: 768px;
        left: auto !important;
        right: auto;
        overflow: hidden;
    }
    .pipeline-yellow-1 {
        z-index: 9;
    }
    .pipeline-black-1 svg {
        top: -1%;
    }
    .pipeline-white-1.white-half-pipe-top.tablet-768,
    .pipeline-white-1.white-half-pipe-bottom.tablet-768 {
        left:0;
    }
    #about_anchor_timeline_section .pipeline-red-1 {
        left:0;
    }
    body #about_anchor_testimonials_section .pipeline-red-2 {
        left:0;
    }
    #careers_anchor_benefits_section .pipeline-black-2 {
        left: 0 ;
    }
    #home-id-career-cta-section .fusion-button {
        margin-right:0 !important;
    }
    #tech_resourse .fusion-builder-column-12 {
        width:60%;
    }
    #tech_resourse .fusion-builder-column-13 {
        width:40%;
    }
    #product_intro .custom-btn-flat {
        width:70%;
        display:block;
    }
    #product_intro .custom-btn-flat:after {
        right: -7px;
    }
    #product_intro .fusion_builder_column .fusion-column-wrapper {
        padding-top:150px !important;
    }
    .fusion-footer .site-footer {
        clip-path: polygon(8% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 10%) !important;
    }
    #careers-id-intro-video-heading-section.careers-resource-heading-section {
        position: relative !important;
        top: 30px !important;
        left: 0 !important;
        bottom: 0 !important;
        height: auto !important;
        transform: unset !important;
    }
} 

@media screen and (max-width: 767px) {
    .desktop-pipe,
    .dektop-1200,
    .tablet-1024,
    .tablet-768 {
        display: none;
    }
    .mobile-480 {
        display: block;
    }
    .pipeline-yellow-1,
    .pipeline-white-1,
    .pipeline-yellow-2,
    .pipeline-red-1,
    .pipeline-blue-1,
    .pipeline-black-1,
    .pipeline-blue-2,
    .pipeline-red-2,
    .pipeline-black-2 {
        max-width: 360px;
        left: auto;
        right: auto;
        overflow: hidden;
    }
    .pipeline-yellow-1 {
        z-index: 9;
    }
    .pipeline-black-1 svg {
        top: -1%;
    }
    .pipeline-white-1.white-half-pipe-top.tablet-768,
    .pipeline-white-1.white-half-pipe-bottom.tablet-768 {
        left:0;
    }
    #about_anchor_timeline_section .pipeline-red-1 {
        left:auto;
    }
    body #about_anchor_testimonials_section .pipeline-red-2 {
        left:0 !important;
    }
    #careers_anchor_benefits_section .pipeline-black-2 {
        left: auto !important;
    }
    .page-hero-section .pipeline-yellow-1 svg {
        bottom: 0%;
    }
    .pipeline-blue-2.mobile-480 svg {
        top: -6%;
        position: absolute;
    }
    #careers-id-apply-scrolling-section.careers-apply-scrolling-section .pipeline-red-1.mobile-480 {
        left: 9px;
        z-index: 99;
        overflow: visible;
    }
    #about_anchor_mission_section .pipeline-white-1,
    .products.type-products .post-content > .fusion-fullwidth .pipeline-blue-1 {
        display: none;
    }
}

#home_about_intro  > .fusion-fullwidth .fusion-title-5 .fusion-title-heading {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    margin: -40px 0 !important;
}
#home_about_intro > .fusion-fullwidth .fusion-title-5 .fusion-title-heading:before{
    background: #D72627;
    width: 30%;
    content: '';
    height: 100%;
    display: inline-block;
    position: absolute;
    z-index: -1;
    top:0;
}

#home_about_intro  > .fusion-fullwidth .fusion-title-6 .fusion-title-heading {
    background: #000;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    margin: -40px 0 !important;
}
#id-home-about-intro-brand-section {
    width: 100% !important;
}
.about-intro-section:before,
.about-intro-section:after,
.about-mission-section:before,
.about-mission-section:after, 
.single-post-hero:after,
#careers-id-culture-section.careers-section::before,
#careers-id-intro-top-line-separator,
#careers-id-intro-bottom-line-separator {
    display: none !important;
}
#home-id-careers-section.home-careers-section::before {
    display: none;
}
#product_intro .fullwidth-box .fusion-row {
    padding-left: 19% !important;
}
.awb-menu__li.awb-menu__main-li .awb-menu__mega-wrap {
    background: #fff;
}
#about_anchor_mission_section {
    position: relative;
}