/*
Theme Name: Divi Child
Theme URI: www.artandlogic.com
Template: Divi
Author: Anne Barkett
Last Revision: 12/2021
Description: Child theme for use with the Divi template..

*/

/*
	Optional includes. Uncomment if you'd like to use them.
@import "css/tooltip.css";
@import "css/menu.css";*/
@import "css/gravity.css";

.el_modal_popup .el_modal_popup_header_title {
	word-break: normal!important;
}

/* General Styles */
.et_button_custom_icon .et_pb_button:hover:after {
    color: #ffffff;
}

.blurb-1 .et-pb-icon {
    color: #FFFFFF;
    background: url(/wp-content/uploads/2022/08/blurb-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.blurb-2 .et-pb-icon {
    color: #FFFFFF;
    background: url(/wp-content/uploads/2022/08/blurb-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.blurb-3 .et-pb-icon {
    color: #FFFFFF;
    background: url(/wp-content/uploads/2022/08/blurb-3.png);
    background-size: 100%;
    background-repeat: no-repeat;
}



/* Top nav */

.et-fixed-header #top-menu li.nav-contact-link.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-83 a:link, 
li.nav-contact-link.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-83 a:link {
    color: #000000 !important;
}

.logo_container a img {
	height: 18px !important;
}

#top-menu li li a {
    padding: 10px 20px;
    width: 200px;
    line-height: 1em;
}
 
/* Home Styles */

.et-pb-slider-arrows {
    display: none !important;
}


/* Case study Styles */

.case-tag-block {
	clear:both;
	margin-top: 80px;
	displaY: block;
}
.case-tag {
	font-size: .8rem;
    background-color: transparent;
    padding: 0 10px 0 0;
    border-radius: 4px;
    white-space: nowrap;
    color: #399294;
    margin-right: 4px;
    margin-bottom: 4px;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: normal;
    float: left;
}

/* Hover Grow Button */

.hover-grow {
	z-index: 2;
	padding-left: 48px !important;
}
.hover-grow:after {
	position: absolute;
	background: #CA4820;
	border-radius: 100px;
	width: 24px;
	margin-right: 20px;
	padding:  0 4px 0 6px;
	z-index: -1;
	color: #fff !important;
	content: "\24" !important;
	text-align: left;
}

.hover-grow:hover {
	background-color: transparent !important;
}
.hover-grow:hover:after {
	width: 100%;
	background-color: #CA4820;
	content: "\e03c" !important;
}

.rainbow-text a {
	background: -webkit-linear-gradient(18deg, #399294, #51D1D2) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent;
	font-weight: bold; 
	color: red;
}

/* Careers Page */

#jobs-data {
	max-width: 800px;
	margin: 0px auto;
	padding-top: 160px;
}

#jobs-data h1 {
	border-bottom: 1px solid rgba(12, 11, 49, 0.16);
	padding: 15px 0px;
}

#jobs-data a {
	color: #282828;
}

#jobs-data a:hover {
	color: #949494;
}

/* Search Style */

 .et-search-form input {
    width: 90%;
    border: none;
    color: #333;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    margin: auto;
    background: transparent;
}

@media (max-width: 980px) {
	.et_header_style_left .et-search-form, .et_header_style_split .et-search-form {
	    width: 100%!important;
	    max-width: 100%!important;
	}
}
form.et-search-form {
    background: #FFFFFF !important;
}
.container.et_search_form_container.et_pb_search_form_hidden  input {
	color: transparent !important;
}

@media (max-width: 1216px) and  (min-width: 981px) {
	#et_mobile_nav_menu {
		display: block;
	}
 
	#top-menu {
		display: none;
 	}
 	
 	#et_top_search {
		margin: 10px 35px 0 0;
		float: left;
	}
}
@media (max-width: 1216px) {
	.et_pb_button {
		font-size: 17px!important;
		line-height: 1.9em !important;
	}
}