/* Theme Name:   Concept Systems
 Description:    A custom theme for the CSI website, based on the Divi theme.
 Author:         AWP
 Author URI:     https://awpny.com
 Template:       Divi
 Version:        1.0.0
*/

/*---------------------*/
/* SCREEN READERS ONLY */
/*---------------------*/

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; }


/*---------------------*/
/* MAIN LINK STYLES    */
/*---------------------*/

/* Footer */
.footer-privacy-link a, .footer-app-link a {
	border-bottom: 1px dotted #a19c9c;
}
.footer-privacy-link a:hover, .footer-app-link a:hover {
	border-bottom: 1px solid #fff;
}
/* Home */
.home-team-link a {
	border-bottom: 1px dotted #4c91a4;
}
.home-team-link a:hover {
	border-bottom: 1px solid #4c91a4;
}
.home-story-link a {
	border-bottom: 1px dotted #fff;
}
.home-story-link a:hover {
	border-bottom: 1px solid #fff;
}
/* Global */
body:not(.et_pb_pagebuilder_layout) .entry-content a, .et_pb_text a {
	border-bottom: 1px dotted #4c91a4;
}
body:not(.et_pb_pagebuilder_layout) .entry-content a:hover, .et_pb_text a:hover {
	border-bottom: 1px solid #4c91a4;
}

/*** Home hero styles ***/
@media screen and (max-width: 550px) {
	#home-hero.et_pb_section {
		background-position: 55%;
	}
}

/*** Team blurb module styles ***/
.team-section .et_pb_blurb_container h4 {
	font-size: 22px;
    font-weight: 600;
}

/*** Header navigation styles ***/
@media screen and (min-width: 980px) {
	.header-contact-link a {
		border: 1px solid #00627D;
		padding:10px 15px!important;
		margin-top:-11px;
		font-weight:600;
		background-color: #f5f5f5;
		transition: background-color 0.3s ease, border-color 0.3s ease !important;
	}
	.header-contact-link a:hover {
		border: 1px solid #D81E04;
		background-color: #fff;
	}
	.et-menu-nav ul li:not(.header-contact-link) a::before {
	  content: "";
	  position: absolute;
	  display: block;
	  width: 100%;
	  height: 2px;
	  bottom: 0;
	  left: 0;
	  background-color: #D81E04;
	  transform: scaleX(0);
	  transition: transform 0.3s ease;
	}
	.et-menu-nav ul li:not(.header-contact-link) a:hover::before {
	  transform: scaleX(1);
	}
}
@media screen and (min-width: 981px) and (max-width: 1130px) {
	.et_pb_menu_0_tb_header.et_pb_menu ul li a {
		font-size: 12px !important;
		font-weight: 600;
	}	
}
.et_mobile_menu {
	max-height: calc(100vh - 160px);
	overflow-y: auto;
	width: calc(80vw);
	left: auto;
	right: 0;
	transform: translateY(20px);
}

/*** Divi Supreme style adjustments ***/
/* Add padding to case study subtitle text */
.dsm-subtitle {
    padding-top: 20px;
    padding-bottom: 20px;
}

/***  Salesforce Form Styles ***/
.w2llead * {
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}
sup {
    bottom: 0em;
}
.salesforce_w2l_lead .required {
	font-weight: 500 !important;
}
.w2llead input[type=submit] {
  height: 40px;
  background-color: #3f7888;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  font-family: inherit;
  text-transform: none;
  letter-spacing: 2px;
  padding: 0 22px;
  border: 2px solid #3f7888;
  border-radius: 3px;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color .3s, background-color .3s;
     -moz-transition: color .3s, background-color .3s;
      -ms-transition: color .3s, background-color .3s;
       -o-transition: color .3s, background-color .3s;
          transition: color .3s, background-color .3s;
}
.w2llead input[type=submit]:hover {
  background-color: transparent;
  color: #3f7888;
  text-decoration: underline;
}
.w2llead .error_message {
  color: #8d8d8d;
}
.w2llead .error_message:before {
  content:"\f12a";
  margin-right: 2px;
}
.w2llead textarea {
  padding: 16px;
}
.w2llead .sf_field {
  margin-bottom: 30px;
}
.w2llead input[type=text],
.w2llead input[type=number],
.w2llead input[type=date],
.w2llead select,
.w2llead textarea {
  display: block;
  width: 100% !important;
  font-family: inherit;
  font-size: 16px;
  padding: 8px 16px;
}
/* Cookie notice */
#pum-303 .pum-container 
{     
top: auto !important;    
bottom: 0px !important;     
margin: 0 !important;     
position: fixed !important; 
}
#popmake-303 {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.pum-content {
    flex: 1;
}
.pum-content.popmake-content {
    max-width: 1000px;
	font-size: 15px;
    color: #fff;
}
@media screen and (max-width: 980px) {
	.pum-content.popmake-content {
	font-size: 13px;
	}
}
.pum-theme-294 .pum-container, .pum-theme-default-theme .pum-container {
    padding: 25px !important;
}
.pum-container.theme-294 {
    background-color: #080434;
}
button.pum-close.popmake-close {
	position: relative !important;
}
button.pum-close.popmake-close {
    padding: 8px 12px !important;
    line-height: 1.4em !important;
    background-color: #fff !important;
    color: #080434 !important;
}

/*** Adjust height of Case Style Flipboxes for narrow desktop ***/
@media screen and (min-width: 981px) and (max-width: 1340px) {
	.dsm-flipbox {
		height: 600px !important;
	}
}
/*** Adjustment so icons appear when hovering on Flipbox buttons at tablet width ***/
@media only screen and (max-width: 980px) {
	body #page-container .et_pb_section .dsm_flipbox_child_0 .et_pb_button:hover:after, 
	body .pum-container .et_pb_section .dsm_flipbox_child_0 .et_pb_button:hover:after,
	body #page-container .et_pb_section .dsm_flipbox_child_1 .et_pb_button:hover:after,
	body .pum-container .et_pb_section .dsm_flipbox_child_1 .et_pb_button:hover:after,
	body #page-container .et_pb_section .dsm_flipbox_child_2 .et_pb_button:hover:after,
	body .pum-container .et_pb_section .dsm_flipbox_child_2 .et_pb_button:hover:after,
	body #page-container .et_pb_section .dsm_flipbox_child_3 .et_pb_button:hover:after,
	body .pum-container .et_pb_section .dsm_flipbox_child_3 .et_pb_button:hover:after,
	body #page-container .et_pb_section .dsm_flipbox_child_4 .et_pb_button:hover:after,
	body .pum-container .et_pb_section .dsm_flipbox_child_4 .et_pb_button:hover:after,
	body #page-container .et_pb_section .dsm_flipbox_child_5 .et_pb_button:hover:after,
	body .pum-container .et_pb_section .dsm_flipbox_child_5 .et_pb_button:hover:after,
	body #page-container .et_pb_section .dsm_flipbox_child_6 .et_pb_button:hover:after,
	body .pum-container .et_pb_section .dsm_flipbox_child_6 .et_pb_button:hover:after,
	body #page-container .et_pb_section .dsm_flipbox_child_7 .et_pb_button:hover:after,
	body .pum-container .et_pb_section .dsm_flipbox_child_7 .et_pb_button:hover:after {
		opacity:1 !important;
	}
}
/*** Salesforce form accessibility adjustments ***/
.salesforce_w2l_lead span.required {
    color: #3f7888 !important;
}