/*========================= GENERAL TYPOGRAPHY  ==============================*/

h4.widgettitle {
    font-weight: 700;
}

h1 {
    font-size: 56px;
    font-weight: 200;
}

h5 {
font-size: 14px;
font-family: 'Source Code Variable', 'Roboto Mono', sans-serif !important;
letter-spacing: 3px;
text-transform: uppercase;
}

h2 {
font-size: 28px !important;
font-weight: bold;
padding-bottom: 20px !important;
}

h3 {
font-weight: 700;
}

body p, body ul li, body ol li {
font-weight: 400;
}

.secondary-page-header .et_pb_title_container {
padding: 0.6em 0 .2em 2.5em !important;
background: rgba(241,41,34,1);
background: -moz-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(241,41,34,1)), color-stop(100%, rgba(255,122,14,1)));
background: -webkit-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: -o-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: -ms-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f12922', endColorstr='#ff7a0e', GradientType=1 );
}

body .et_pb_button {
background: rgba(241,41,34,1);
background: -moz-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(241,41,34,1)), color-stop(100%, rgba(255,122,14,1)));
background: -webkit-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: -o-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: -ms-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f12922', endColorstr='#ff7a0e', GradientType=1 );
}

.white-button {
background: white !important;
color: #5a008a !important;
}

.white-button:hover {
background: #5a008a !important;
color: white !important;
}

/*========================= LIST STYLING  ==============================*/


.custom_bullets li {
  padding-left: 30px !important;
  list-style:none;
  margin-bottom: 0px;
   font-size: 15px !important;
   width: 100%;
   color: rgb(56, 67, 71) !important;
}

.custom_bullets li a {
  color: rgb(56, 67, 71) !important;
}

.custom_bullets_white li {
  padding-left: 30px !important;
  list-style:none;
  margin-bottom: 0px;
   width: 100%;
}


.custom_bullets li::before, .custom_bullets_white liu::before {
    content: '';
    display: inline-block;
    margin-left: -0.9em;
    height: 0.8em;
    width: 0.5em;
    background-color: rgba(255,122,14,1);
    padding-right: 5px;
    vertical-align: middle;
    position: relative;
    left: -0.8em;
    top: -0.15em;
}

ul#menu-careers {
    padding-left: 25px !important;
}

/*========================= HOME PAGE STYLING  ==============================*/

/*========================= TESTIMONIALS  ==============================*/

.testimonial-slider .et_pb_slide_image {
    width: 35%;
}

.testimonial-slider .et_pb_slide_description {
    width: 60%;
        padding: 12% 0%;
}


/*========================= SMALL CURVED DOWN ARROWS  ==============================*/

    
.bottom-arrow-purple:after {
content: '';
display: block;
width: 110px;
height: 28px;
background-image: url('/wp-content/uploads/2020/07/downarrow_purple.png');
background-repeat: no-repeat;
position: absolute;
left: 50%;
margin-left: -55px;
bottom: -28px;
z-index: 9999;
}

.bottom-arrow-orange:after {
content: '';
display: block;
width: 110px;
height: 28px;
background-image: url('/wp-content/uploads/2020/07/downarrow_orange.png');
background-repeat: no-repeat;
position: absolute;
left: 50%;
margin-left: -55px;
bottom: -28px;
z-index: 9999;
}


/*========================= ESSENTIAL GRID STYLING  ==============================*/

.eg-blogskin-content {
	min-height: 248px !important;
	position: relative;
}

.eg-blogskin-content .eg-blogskin-element-38-a {
position: absolute !important;
bottom: 0px;
}

#pressfeed .esg-media-cover-wrapper {
    height: 405px !important;
}
.esg-layout-even .esg-entry-content {
    display: block !important;
    min-height: 150px !important;
}

#homebloggrid .esg-media-poster, #pressfeed .esg-media-poster {
    border-radius: 75px 0px;
}

#homebloggrid .esg-media-poster:after, #pressfeed .esg-media-poster:after {
content: "";
width: 100%;
height: 100%;
background-color: black;
opacity: 0.1;
position: absolute;
top: 0;
left: 0;
border-radius: 75px 0px;
}

#homelogogrid .esg-media-poster {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: filter 0.5s;
}
#homelogogrid  .esg-media-poster:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

/*========================= NAVIGATION AND CTA BUTTON  ==============================*/


#top-menu .current-menu-item:after, #top-menu .current-menu-ancestor:after  {
    content: '';
    display: block;
    position: absolute;
    width: 85%;
    height: 13px;
    background: rgba(241,41,34,1);
    background: -moz-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(241,41,34,1)), color-stop(100%, rgba(255,122,14,1)));
    background: -webkit-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
    background: -o-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
    background: linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);                
    bottom: 0px;
    opacity: 1;
    transition: all 0.5s;
}

.et-fixed-header .current-menu-item:after, .et-fixed-header .current-menu-ancestor:after {
    height: 7px !important;
}

#top-menu li:after   {
    content: '';
    display: block;
    position: absolute;
    width: 85%;
    height: 13px;
    background: rgba(241,41,34,0);
    background: -moz-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(241,41,34,1)), color-stop(100%, rgba(255,122,14,1)));
    background: -webkit-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
    background: -o-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
    background: linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);                
    bottom: 0px;
    opacity: 0;
    transition: all 1s;
}

#top-menu li:hover:after   {
    opacity: 1;
}

.sub-menu .current-menu-item:after, .sub-menu li:after, .sub-menu li:hover:after, .get-started:after, .get-started:hover:after {
display: none !important;
}

.sub-menu li {
    line-height: 1.2em !important;
}

#top-menu .et-fixed-header .current-menu-item:after {
    height: 7px;
}


/* style the get started cta button */
.get-started {border-radius: 0px;}
.get-started a {color: #fff!important;     font-weight: 700 !important; border-bottom: none !important;}

li.get-started {
font-weight: bold !important;
color: white !important;
background: rgba(241,41,34,1);
background: -moz-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(241,41,34,1)), color-stop(100%, rgba(255,122,14,1)));
background: -webkit-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: -o-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: -ms-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);                
text-align: center; 
padding: 10px 15px 10px 15px !important;
border-radius: 28px;
-moz-transition: all 0.5s; 
-webkit-transition: all 0.5s;
transition: all 0.5s;}
li.get-started:hover, a.get-started:hover {background-color:rgba(241,41,34,1);}
 
/* fixed header button text color */
.et-fixed-header #top-menu .get-started a {
color: #fff!important;}
.get-started li.current-menu-ancestor > a, .get-started li.current-menu-item > a {
color: #fff !important;}
 
@media only screen and (min-width : 981px) {
            li.get-started {height: 33px;}}

@media only screen and (max-width : 1271px) {
            li.get-started {height: inherit;}}
            

/*========================= HOME PAGE BOTTOM BLOCK  ==============================*/



.bottomblock {
display: block;
    position: absolute;
    top: 420px;
    left: 0;
    width: 100%;
    height: 20px;
background: rgba(241,41,34,1);
background: -moz-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(241,41,34,1)), color-stop(100%, rgba(255,122,14,1)));
background: -webkit-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: -o-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: -ms-linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
background: linear-gradient(45deg, rgba(241,41,34,1) 0%, rgba(255,122,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f12922', endColorstr='#ff7a0e', GradientType=1 );}


/*========================= ABOUT US STAFF STYLING  ==============================*/

.staff-member  {
background-color: white;
-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.26);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.26);
height: 100%;
}

.staff-member .et_pb_team_member_image {
max-width: 100% !important;
}

.staff-member .et_pb_member_position {
margin-top: 0px;
margin-bottom: 14px;
}


/*========================= USE CASE STYLING  ==============================*/


.usecaseblurb h4 {
margin-bottom: 8px;
}

.usecaseblurb .et_pb_blurb_container {
    padding: 20px;
}
.usecaseblurb .et_pb_main_blurb_image {
    margin-bottom: 0px;
}


/*========================= STYLES CURVED BORDER IMAGES  ==============================*/


.borderedimage img {
border-radius: 148px 0px 148px 0px;
-moz-border-radius: 148px 0px 148px 0px;
-webkit-border-radius: 148px 0px 148px 0px;
}

.widget_media_image img {
border-radius: 65px 0px 65px 0px;
-moz-border-radius: 65px 0px 65px 0px;
-webkit-border-radius: 65px 0px 65px 0px;
}



/*========================= FOOTER AND SOCIAL ICONS  ==============================*/


.connectmodule {
list-style-type: none !important;
}

.connectmodule li {
padding-left: 35px !important;
position: relative;
}

.connectmodule li:before {
    border: none !important;
}

.message-icon:before, .phone-icon:before, .address-icon:before, .youtube-icon:before, .linkedin-icon:before, .facebook-icon:before, .twitter-icon:before, .twitter-icon:before {
    font-family: ETmodules!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    border: none !important;
    color: #f36f26;
    position: absolute !important;
    left: 0px !important;
    top: 4px !important;
    font-size: 22px;
}

.twitter-icon:before {
    content: "\e094" !important;
}

.facebook-icon:before {
    content: "\e093" !important;
}

.linkedin-icon:before {
    content: "\e09d" !important;
}

.youtube-icon:before {
    content: "\e0a3" !important;
}

.address-icon:before {
    content: "\e081" !important;
}

.phone-icon:before {
    content: "\e08a" !important;
}

.message-icon:before {
    content: "\e076" !important;
}

/*========================= BLOG RSS FEED  ==============================*/


.hs-featured-image-wrapper {
    margin-bottom: 30px;
}    


/*========================= MOBILE STYLES  ==============================*/

    
@media (max-width: 480px) {

h1 {
    font-size: 38px;
}

h2 {
font-size: 24px !important;
padding-bottom: 16px !important;
}

}
