/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        Custom Athenium 06-04-2020
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


ul#top-menu li.menu-item:not(:last-child) {
	padding-right: 30px !important;
}

.nav li ul {font-weight: normal;}

#top-menu li li a {color: #333;font-weight:500; color: rgba(30,30,30,0.76);}
#top-menu li li {padding: 0 10px;}

#et_top_search {margin-left: 25px !important;}
#top-menu li {font-size:16px;}


/* product page style */

.et_pb_text_inner {font-weight: normal;}

.et_pb_toggle.et_pb_toggle h5 {line-height:1.5em!important;}
.twentytwenty-before-label, .twentytwenty-after-label {color: #d60700;
    font-weight: bold;}

.et_pb_toggle_title:before {color: #ff6700;}

.et_pb_text_inner ul li:before {
    content: "\2713";
	font-size:1em;
  padding-right:5px;
  color: #ff6700;
font-weight:bold;
}


.et_pb_text_inner ul  {
padding-left:10px;
text-indent:-19px; 
margin-left:15px;
list-style-type:none;
list-style-position: outside; 
}
.et_pb_text_inner ul li, #left-area ul li {padding-bottom:5px;}



/* blog styles */

h1.entry-title {
	line-height: 1.2em;
	font-weight: normal;
	font-size: 30px;
	margin-bottom:20px;
}

.entry-content h2,
.entry-content h3 {
	padding-top: 10px;
	padding-bottom: 20px;
	line-height: 1.2em;
}

.et_post_meta_wrapper h1,
.et_post_meta_wrapper .post-meta {
	text-align: center;
}

#left-area img {border-radius:10px;}

.post-meta a,
#left-area .post-meta a {
	font-size: 16px;
	color: #FF6700;
}

.dp-dfg-filter a.active,
.et-l .dp-dfg-skin-default .pagination li.active a {
	background-color: #FF6700!important;
	color: #ffffff!important;
}

#main-header {
	box-shadow: none !important;
}

/* blog list styles */

#left-area ul {
text-indent:-25px; 
margin-left:15px;
list-style-type:none;
list-style-position: outside; 
}

#left-area ul li:before {
    content: "\2713";
	font-size:1em;
  padding-right:10px;
  color: #ff6700;
font-weight:bold;}

#left-area ol {
padding-left:20px;
text-indent:-22px; 
margin-left:25px;
line-height:1.5em;
}
#left-area ol li {margin-bottom:5px;}


/*SERP page styles */
.et_pb_post .entry-featured-image-url {max-width:100px; float: right; margin: 5px 0 60px 10px;}
.et_pb_post h2 a {color: #ff6700;}
a.entry-featured-image-url img {border-radius:10px;}
#left-area .post-meta {display:none;}
#left-area h2.entry-title {font-size:20px;}
div#left-area #text {max-height: 100px; text-overflow: ellipsis; overflow: hidden;}


/* whitepaper styles */

.et_pb_text_inner ul {
	margin-top: 14px
}

.ebd_link a,
a.ebd_link {
	text-decoration: underline;
}

.dp-dfg-skin-default .dp-dfg-image img {
	border-radius: 10px;
}
.dp-dfg-layout-grid .dp-dfg-overlay {
	border-radius: inherit;
}


.dp-dfg-filter-link.active {
	background-color: #ff6700!important;
}


/*Menu CTA Button*/

#et-top-navigation .et_pb_button {
	margin-top: 0px;
	font-size: 15px;
	font-weight: inherit;
	background-color: #FF6700;
	border-radius: 10px;
}

/ *default CTA buttons */ .et_pb_button:hover {
	border-radius: 15px!important;
	padding: .3em 2em .3em .7em!important;
	box-shadow: 4px 4px 9px 0px rgba(137, 137, 137, 0.3)!important;
	opacity: 1;
}

.et_pb_button_1.whitebutton:hover, .et_pb_button_0.whitebutton:hover, .et_pb_button_4.whitebutton:hover {
	background-color: #cccccc!important;
	color:#ff6700!important;
}


/*Hamburger Menu*/

@media screen and (max-width:1280px) {
	.hide-mobile {
		display: none!important;
	}
}

.et-pb-controllers {
	text-align: left;
	padding-left: 60px;
}

blockquote {
	border-left: 8px solid #0072b6 !important; margin: 20px 40px 35px 40px;
}


/*bullet list*/

.pa-bullet-list-1 ul {
	list-style-type: none!important;
}


/*check marks for bullet points*/

.pa-bullet-list-1 ul li:before {
	content: "\2713";
}


/*make toggle open color orange for FAQ*/

.et_pb_toggle_open .et_pb_toggle_title:before {
	color: #FF6700c;
}


/*edit blog font*/

div.entry-content {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.6;
}


}

/* custom CF7 styles */
.wpcf7-input {
	border: none;
	background-color: white;
	box-shadow: 4px 4px 9px 0px rgba(137, 137, 137, 0.3)!important;
	padding: 12px;
	border-radius: 11px;
	margin: 0px;
	font-size: 14px;
	width: 100%;
}
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-captchar {
	border: none !important;
	width: 100% !important;
	box-shadow: 4px 4px 9px 0px rgba(137, 137, 137, 0.3)!important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	font-size: 14px;
	color: #999 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.wpcf7-submit,
.wpcf7-form-control .wpcf7-submit {
	background-color: #FF6700!important;
	width: auto!important;
	color: white!important;
	margin-top: 20px!important;
	padding: 10px 10px!important;
	cursor: pointer;
	font-weight: 500;
	font-size: 16px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	line-height: 1.7em;
	border: 0px;
	min-width: 200px!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}
.wpcf7-submit:hover,
#download:hover,
.wpcf7-form-control .wpcf7-submit:hover {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 2px 2px 6px 0px rgba(137, 137, 137, 0.3)!important;
}
.wpcf7 p {
	padding-bottom: 0px;
	line-height:1;
}

/********* Mobile Menu Collapse ********/

/**** This hides the sub menu items on mobile ****/
#main-header .et_mobile_menu li ul.hide {
	display: none !important;
}

/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#mobile_menu .menu-item-has-children {
	position: relative;
}
#mobile_menu .menu-item-has-children>a {
	background: transparent;
}

/**** This styles the icon and moves it to the right ****/
#mobile_menu .menu-item-has-children>a+span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	z-index: 3;
}

/**** Here you can swap out the actual icons ****/
span.menu-closed:before {
	content: "\4c";
	display: block;
	color: #ff6700;
	font-size: 16px;
	font-family: ETmodules;
}
span.menu-closed.menu-open:before {
	content: "\4d";
}

/* Envoy Calculator styles */
span#hourly-savings-per-audit.cost-calculator-summary-price {color:#e30000!important;}
.blueblue {	background-color: #0072b6!important;}
span#tte-annual-savings-per-audit {font-size:80px;}
#tte_roi_calculator_04_column_days .cost-calculator-box .ui-slider-range-min {background-color:#ff6700!important;}
#tte_roi_calculator_04_column_days .cost-calculator-box .ui-slider-handle .cost-slider-tooltip .cost-calculator-value {border-color:#ff6700!important; border-radius:8px;}
.cost-calculator-box .ui-slider-handle .cost-slider-tooltip {top 32px!important;}
.cost-calculator-box, .vc_row .wpb_column .cost-calculator-box {padding-bottom:30px;}

/* Table Styles */
.table-no-border table, .table-no-border td {
	border: none !important;
}

/*related posts plugin styles */
.yarpp-thumbnails-horizontal a.yarpp-thumbnail, .yarpp-thumbnail a {border:solid 0px #ffffff!important;}
span.yarpp-thumbnail-title {overflow:visible!important;}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {height:auto!important;}