﻿/*
 Theme Name:     DataHive
 Theme URI:      https://www.datahive.ca/
 Description:    Divi Child Theme
 Author:         Build Studio Inc.
 Author URI:     https://www.buildstudio.ca
 Template:       Divi
 Version:        2.0.0
*/
 
@import url("../Divi/style.css");
 
/* Theme Customization
------------------------------------------------------- */

#top-menu li:last-child { padding-right: 0px !important;}

.current-menu-item > a { color: #2679cc; }
#et-secondary-menu .current-menu-item > a { color: #fff; }

.et_pb_tabs_controls li a { padding: 5px 1%; text-align: center; }

@media only screen and (max-width: 1000px) {
	#top-menu li a { font-size: 12px; }
}

.home .et_pb_section_video_bg:before  {
content:""; display: block; position: absolute; top: 0;
left: 0; width: 100%;
height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1;
}
#top-menu .sub-menu li { line-height: 1.5em;  }

.isp-logos img { width: 19%; transition: all 0.3s ease-in-out; margin-bottom: 10px; }
.isp-logos img:hover {     transform: scale(1.2); }

@media only screen and (max-width: 1100px) {
	#top-menu li { padding-right: 5px !important;}
}

@media only screen and (max-width: 1000px) {
	.isp-logos img { width: 32%; height: auto; }
}

@media only screen and (max-width: 500px) {
	.isp-logos img { width: 48%; height: auto; }
}
.more-link { background-color: #eab629; display: inline-block; padding: 5px 20px; border-radius: 30px; text-transform: capitalize; margin-top: 10px; transition: all 0.3s ease-in-out; color: #09204C; }

.more-link:hover { background-color: #09204C; color: #eab629 !important; }

#et-secondary-nav li { text-align: left; }

#et-secondary-nav li .menu-item-has-children>a:first-child:after { left: 1em; }


@media only screen and (max-width: 767px) {
	.data-tabs .et_pb_tabs_controls li { width: 100% !important; }
	.data-tabs .et_pb_tabs_controls li a{
		display: block;
}
}

/*Proper Collapsable Mobile Menu*/

/*Style the icon's placeholder*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
	border-bottom: 0;
	text-align: center;
}
ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.page_item_has_children,
ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}
.et_mobile_menu .menu-item-has-children > a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
	background-color: transparent;
}

/*Hide the Sub-menu*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}

/*Show the sub-menu when the + icon is clicked*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}

/*Create the opening/closing icon using the Divi's Icons*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
}

/*Set the opening icon for custom Tax Pages*/
body.single-product:not(.et-tb-has-template) ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-product_cat ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-project_category ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.single-product.et-db:not(.et-tb-has-template) #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-product_cat.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-project_category.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	content: "+";
}

/*Set the opening icon for default WordPress Pages*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	content: "\4c";
}

/*Set the closing icon*/
ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.single-product:not(.et-tb-has-template) ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.single-product.et-db:not(.et-tb-has-template) #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-product_cat ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-product_cat.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-project_category ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-project_category.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after {
	content: '\4d';
}


/* Gravity Forms
------------------------------------------------------- */

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] { background: none; border: 2px solid #000; text-transform: uppercase; letter-spacing: 
	1px; padding: 10px 20px; }
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover { border: 2px solid #c1c1c1; }

/* Divi Specific
------------------------------------------------------- */


/* Media Queries
------------------------------------------------------- */

@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 959px) {

}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 479px) {

}