/*
 Theme Name:     Burn
 Theme URI:      http://www.atlantawebdesignga.com
 Description:    Divi Child Theme
 Author:         AtlantaWebDesignGA
 Author URI:     http://www.atlantawebdesignga.com
 Template:       Divi
 Version:        1.5.0
*/
/* colors in site used in Divi color picker
#e02b20 red
#e66244 fire orange
#f98900 orange
#dddddd grey
#0c71c3 blue
#ffff00 yellow
*/

/* v2 */
body #page-container {
  width: 100vw;
  overflow: hidden;
}


.header-subbar .et_pb_column_3_tb_header {
	position: relative !important;
}

/* search bar */
.search-icon-before {
	padding-left: 25px;
}

.search-icon-before::before {
	content: '\55';
	font-family: ETModules;
	font-size: 16px;
	color: #e02b20;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%) scaleX(-1);
	pointer-events: none;
	z-index: 9;
}

.search-icon-before .et_pb_searchsubmit {
	z-index: 10;
}

/* Navigation menu buttons */
.rhombus {
	display: flex;
	height: 100%;
	position: relative;
	color: white;
	padding: 20px 30px;
	margin-right: 5px;
	justify-content: center;
	align-items: center;
	border-radius: 0 !important;
	background: none;
	min-height: 70px;
	font-size: 14px;
}

.rhombus::before {
	position: absolute;
	display: block;
	content: "";
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e02b20;
	width: 100%;
	height: 100%;
	transition: .2s;
	-webkit-backface-visibility: hidden;
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	-ms-transform: skewX(20deg);
	transform: skewX(20deg);
}


.rhombus.orange {
	padding: 20px 45px 20px 30px;
	margin-right: -20px;
}

.rhombus.orange::before {
	background: #fea221;
}

/* header menu */
.header-menu .sub-menu,
.et-db #et-boc .et-l .header-menu .nav li ul.sub-menu {
	width: auto;
}

.header-menu .sub-menu li a,
.header-menu .et-menu-nav li.mega-menu li>a,
.et-db #et-boc .et-l .header-menu  .et-menu-nav li.mega-menu li>a {
	max-width: 400px !important;
	width: 100vw !important;
}


.header-menu .et-menu-nav li.mega-menu>ul>li {
	width: 50% !important;
}

.header-menu .et-menu-nav li.mega-menu>ul>li a {
	font-weight: 400 !important;
	font-size: 14px;
}

.header-menu .et-menu-nav li.mega-menu>ul>li a:hover {
	font-weight: 400 !important;
	font-size: 14px;
}

.header-menu .et-menu-nav li.mega-menu>ul>li.menu-item-has-children>a:first-child {
	font-weight: bold !important;
	pointer-events:none;
cursor: normal;
}

@media (min-width: 981px) {
	.header-subbar.et_pb_gutters1 .et_pb_column_1_4 {
		width: 15% !important;
	}
	.header-subbar.et_pb_gutters1 .et_pb_column_3_4 {
		width: 85% !important;
	}
}

@media all and (min-width: 768px) and (max-width: 980px) {
	.header-subbar.et_pb_gutters1 .et_pb_column_1_4 {
		width: 25%;
	}

	.header-subbar.et_pb_gutters1 .et_pb_column_3_4 {
		width: 75%;
	}
}

@media all and (max-width: 768px) {
	.header-subbar.et_pb_gutters1 .et_pb_column_1_4 {
		width: 30% !important;
	}

	.header-subbar.et_pb_gutters1 .et_pb_column_3_4 {
		width: 70%;
	}
}

@media all and (max-width: 1200px) {
	.header-menu .et_mobile_menu .first-level>a {
		background-color: transparent;
		position: relative;
	}

	.header-menu .et_mobile_menu .first-level>a:after {
		font-family: 'ETmodules';
		content: '\4c';
		font-weight: normal;
		position: absolute;
		font-size: 16px;
		top: 13px;
		right: 10px;
	}

	.header-menu .et_mobile_menu .first-level>.icon-switch:after {
		content: '\4d';
	}

	.et_mobile_menu{
		max-height: 80vh;
overflow:scroll;
	}

	.header-menu .reveal-items {
		display: block;
	}

	.header-menu .et_mobile_menu {
		margin-top: 20px;
		position: fixed;
		left: 0;
		right: 0;
		width: 100vw;
		top: 125px;
	}
  .admin-bar .header-menu .et_mobile_menu {
    top: 170px;
  }
}

/* footer */

.footer-menu.et_pb_menu .et_pb_menu__menu,
.footer-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
	display: flex !important;
}

.footer-menu .et_mobile_nav_menu {
	display: none !important;
}

@media (max-width: 767px) {
	.footer-menu .et_pb_menu__menu>nav>ul>li {
		width: 100%;
		justify-content: center;
	}
}


/* Button information */
.header-inline-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.header-inline-buttons .header-inline-button {
  width: auto;
  margin: 0 5px;
}

.button, .et_pb_button {
  color: #FFFFFF !important;
    border-width: 0px !important;
    border-color: RGBA(255, 255, 255, 0);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    border-radius: 30px;
    line-height: 1.7em;
}

.button-orange {
  background-image: linear-gradient(90deg, #e02b20 0%, #f98900 100%);
}

.button-black {
  background-color: #000;
}


/* video filters */
.video-gallery .dp-dfg-skin-default .dp-dfg-filter a{
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #fff !important;
  position: relative;
}

.home .video-gallery .dp-dfg-skin-default .dp-dfg-filter a{
 color: #B5B5B5 !important;
}

.home .video-gallery .dp-dfg-skin-default .dp-dfg-filter a.active{
 border-bottom: 0 !important;
 color: #fff !important;
}

.video-gallery .dp-dfg-skin-default .dp-dfg-filter a.active{
 border-bottom: 0 !important;
}


.video-gallery .dp-dfg-skin-default .dp-dfg-filter a.active::after{
  content: "";
  height: 4px;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  background-image: linear-gradient(90deg, #e02b20 0%, #f98900 100%);
}


/* set fonts to use within Gravity Kit views */
div[id^='gv-view'],
body.gravityview-template-default {
	font-family: Roboto, sans-serif !important;
	font-size: 12px !important;
	line-height: 1em !important;
}

body.gravityview-template-default #left-area {
	width: 100% !important;
}

body.gravityview-template-default #sidebar {
	display: none !important;
}

tr.gv-field-14-31,
tr.gv-field-14-136 {
	/* hide text for contract and waiver */
	display: none !important;
}

.entry-content tr td,
.entry-content tr th {
	border-top: 1px solid #eee;
	padding: 2px !important;
	width: auto !important;
}

/* end Gravity Kit
.hide {
  display: none !important;
}
/* hide menu item if not logged in */
body .noshow {
	display: none !important;
}

body.admin-bar .noshow {
	display: inline-block !important;
}

/* hide workflow complete if not logged in */
body table.gravityflow-workflow-complete {
	display: none;
}

body.admin-bar table.gravityflow-workflow-complete {
	display: table;
}

/* logo text */
#logo-text {
	font-family: "Black Ops One" !important;
}

#logo-text {
	display: inline-block !important;
	padding-top: 30px !important;
}

@media all and (max-width: 767px) {
	#logo-text {
		font-size: 24px;
	}
}

/* change mobile menu breakbpoint */
@media (max-width: 1024px) {
	#et_mobile_nav_menu {
		display: block;
	}

	.footer-menu {
		/* display: none; */
	}
}

/* fix line height of Divi dropdown nav */
ul.sub-menu li {
	line-height: 1.2;
}

/* put phone email in secondary menu on right */
#et-info {
	float: right;
	padding-left: 20px;
}

/* make last primary nav dropdown open left - must add style to menu */
.left-menu ul {
	right: 0px !important;
}

/* remove border from divi header */
#main-header.et-fixed-header,
#main-header {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

/* h after ul */
ul>h1,
ul>h2,
ul>h3,
ul>h4,
ul>h5,
ul>h6 {
	margin-top: 1em;
}

/* right column border */
@media screen and (min-width: 981px) {
	.border-right {
		border-right: #736558 1px solid;
		padding-right: 10%;
	}
}

/* flexbox row columns */
.flex-row {
	display: flex;
}

.flex-col {
	flex: 1;
}

@media screen and (max-width: 600px) {
	.flex-row {
		flex-direction: column;
	}
}

/* Divi reorder columns on mobile */
@media all and (max-width: 980px) {

	/*** wrap row in a flex box ***/
	.custom-row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		/* Safari 6.1+ */
		flex-wrap: wrap;
	}
}

@media all and (max-width: 480px) {
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}

	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}

	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}

	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
}

/*** add margin to last column ***/
.custom-row:last-child .et_pb_column:last-child {
	margin-bottom: 30px;
}

/* Gravity Flow */
.gravityflow_workflow_wrap .postbox-container .button {
	background: #ff3300 !important;
	color: #000;
	 !important;
}

/* Gravity Forms */
.burner-table {
	background: #f98900;
	padding: 20px !important;
	color: #ffffff;
}

/* hide Divi's bullet on Gravity Forms within widgets */
#footer-widgets .footer-widget .gform_widget li:before {
	display: none !important;
}

#footer-widgets .gform_wrapper ul,
#main-footer .gform_wrapper ul li {
	padding: 0 !important;
}

/* make widget display Gravity Form full width */
#footer-widgets .footer-widget .gform_widget {
	width: 100% !important;
}

/* gravityview */
a.inline-edit-enable {
background: #e02b20;
    padding: 8px;
    border-radius: 10px;
    color: #fff;
}

/* fix color of gravity forms and other buttons */
.gform_button,
body .et_pb_button,
.et_pb_contact_submit,
.et_password_protected_form .et_submit_button,
.et_pb_bg_layout_light .et_pb_newsletter_button,
.comment-reply-link,
.form-submit .et_pb_button,
.et_pb_bg_layout_light .et_pb_promo_button,
.et_pb_bg_layout_light .et_pb_more_button,
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.et_pb_contact p input[type="checkbox"]:checked+label i:before,
.et_pb_bg_layout_light.et_pb_module.et_pb_button {
	color: #ffffff !important;
}

/* read more buttons */
body .read_more_button {
	background: #ececec !important;
}

body .read_more_button:after {
	line-height: 1.7em !important;
}

/* Divi Breakpoints */
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {}