/*!
Theme Name: DiviChild
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 1.0
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: CIG 
Template: Divi
Author URI: http://www.elegantthemes.com
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ------- KRAEMER STARTS HERE -------*/

/* ------- HOME PAGE -------*/
#homeIntro {
	width: 100%;
	max-width: 620px;
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 0;
}

#homePageWhatWeDoSection {
	padding-top: 0;
	padding-bottom: 0;
	padding-top: 50px;
	padding-bottom: 50px;
}

#homePageWhatWeDoSection .et_pb_row {
	padding-top: 0;
	padding-bottom: 0;
}

#homePageWhatWeDoSection .et_pb_button_module_wrapper {
	padding-top: 0;
	padding-bottom: 0;
	padding-top: 30px;
}

#servicesContainer {
	padding-top: 0;
	padding-bottom: 0;
}

#servicesContainer .et_pb_row {
	padding-top: 0;
	padding-bottom: 0;
}

.servicePhoto {
    width: 100%;
    max-width: 640px;
}

.servicePhoto:hover {
    cursor: pointer;
}

@media only screen and ( max-width: 980px) {
	.servicePhoto {
		padding-bottom: 30px;
	}
	
	#servicesContainer > div > div.et_pb_column.et_pb_column_1_3.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough.et-last-child > div {
		padding-bottom: 0 !important;
	}
}

.servicePhoto:nth-child(1):hover {
	z-index: 500 !important;
} 

.servicePhoto:nth-child(2):hover {
	z-index: 1000 !important;
} 

.servicePhoto:nth-child(3):hover {
	z-index: 1500 !important;
}

#homePageOurProjectsSection {
	padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0;
    margin-bottom: 0;
}

#homePageOurProjectsSection.et_pb_section {
	padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0;
    margin-bottom: 0;
}

#homePageOurProjectsSection .et_pb_row {
	padding-top: 50px !important;
    padding-bottom: 50px !important;
}

#homePageOurProjectsSection > div > div > div.et_pb_text {
	margin-bottom: 0 !important;
}

/* Home page 'see all' button*/
#homePageOurProjectsSection > div > div > div.et_pb_button_module_wrapper {
	padding-top: 20px;
}

#kraemerHomeFilterablePortfolio {
	margin-bottom: 0;
}

#kraemerHomeFilterablePortfolio .et_pb_portfolio_filters {
	display: none;
}

.et_pb_portfolio_item .et_pb_module_header a:hover, .et_pb_portfolio_item h3 a:hover, .et_pb_post .entry-title a:hover, .et_pb_post h2 a:hover {
    color: #D1232A;
}

/* THREE COLUMN PORTFOLIO GRID LAYOUT */

@media only screen and ( min-width: 481px) {
	.three-column-grid .et_pb_grid_item {
		width: 31% !important;
		margin: 1% 1% 1% 1% !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(3n) {
		margin-right: 1% !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
		clear: left;
		margin-right: 1% !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
		clear: unset !important;
	}
}
	.three-column-grid .et_pb_grid_item:nth-child(2n+1) {
		clear: unset !important;
	}

/* THREE COLUMN GRID hover effect for desktop only */



#homePageAboutUsSection {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

#homePageAboutUsSection .et_pb_row {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

@media only screen and (max-width: 980px) {
	#homePageAboutUsSectionText {
		padding-top: 30px;
	}
}	

#homePageCareersSectionText {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	margin-bottom: 35px;
}


#homeCareersRow {
	padding: 3.75% 0;
}

/* ------- HOME PAGE BANNER ------- */
#homePageBannerSection {
	/*min-height: 650px;*/
}

#homePageBannerSectionRow {
	padding: 0 !important;
	width: 100% !important;
	max-width: 15000px !important;
}

@media only screen and (max-width: 980px) {
	#homePageBannerSection {
		min-height: 450px;
	}
	
	#homePageBannerSectionTagline {
		margin-top: 110px;
		width: 100%;
		max-width: 500px;
		display: none;
	}
}


@media only screen and (min-width: 981px) {
	#homePageBannerSection {
		min-height: 450px;
	}
	
	#homePageBannerSectionTagline {
		margin-top: 110px;
		width: 100%;
		max-width: 500px;
	}
}

@media only screen and (min-width: 1281px) {
	#homePageBannerSection {
		min-height: 650px;
	}
	
	#homePageBannerSectionTagline {
		margin-top: 160px;
		width: 100%;
		max-width: 700px;
	}
}


/* ------- TYPOGRAPHY -------*/
body {
	font-family: proxima-nova,sans-serif;
	font-weight: 600;
	font-style: normal;
    font-size: 20px;
	line-height: 1.4em;
	color: #000000;
}

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

	body {
		font-size: 15px;
		line-height: 24px;
	}

}

h1 {
  	font-family: proxima-nova,sans-serif;
	font-weight: 700;
	font-style: normal;
  	font-size: 45px;
	/*line-height: .7;*/
  	color: #000000;
  	padding: 0;
  	margin: 0;
}

h2 {
	line-height: 20px !important;
}

h2 > a {
  	font-family: proxima-nova,sans-serif;
	font-weight: 700;
	font-style: normal;
  	font-size: 20px;
	line-height: 20px !important;
  	color: #000000;
  	padding: 0;
  	margin: 0;
}




.portfolioProjectTitle {
    font-family : Proxima Nova, Arial, sans-serif;
    font-size : 20px;
}


/* ------- NAVIGATION AND HEADER ------- */
#top-menu li {
    padding-right: 35px;
}

#top-menu a {
	font-family: proxima-nova,sans-serif;
	font-weight: 700;
	font-style: normal;
    font-size: 20px;
    color: #000000;
    color: rgb(0, 0, 0);
    text-decoration: none;
    text-transform: uppercase;
}


@media only screen and (max-width: 1239px) {
	#top-menu li {padding-right: 15px;}
	#top-menu li, #top-menu a {font-size: 16px !important;}
}

#top-menu a:hover {
	color: #D1232A !important;
	opacity: 1 !important;
}

#top-menu li.current-menu-item > a {
	color: #D1232A !important;
	opacity: 1 !important;
}


@media only screen and (max-width: 980px) {
	#logo {
		min-height: 100px;
	}	
}
@media only screen and (min-width: 981px) {
	#logo {
		min-height: 150px;
	}
}

#main-header {
    box-shadow: 6px 6px 10px rgba(0,0,0,0.3);
}

#logo {
    box-shadow: 2px 2px 7px rgba(0,0,0,0.2);
}

/* ------- VERTICAL CENTER -------*/

.et_pb_equal_columns >.et_pb_column {
margin-top:auto;
margin-bottom:auto;
}


/* ------- BUTTONS -------*/


.et_pb_button, .et_pb_button.kraemerDarkBtn {
    font-size: 20px;
    font-weight: 500;
    padding: .3em 3em;
    line-height: 1.7em !important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid #000;
    border-radius: 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #000;
    font-family: Proxima Nova, Arial, sans-serif;
    font-weight: bold;
}

.et_pb_button.kraemerLightBtn {
    font-size: 20px;
    font-weight: 500;
    padding: .3em 3em;
    line-height: 1.7em !important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #FFFFFF;
    font-family: Proxima Nova, Arial, sans-serif;
    font-weight: bold;
}

.et_pb_button.kraemerDarkBtn:hover, .et_pb_button.kraemerLightBtn:hover {
	padding: .3em 3em;
	color: #FFF;
	background-color: #D1232A;
	border: 2px solid #D1232A;
}

.et_pb_button:after, .et_pb_button:before {
    content: none; /* removes arrow icon  */
}

/* ------- PROJECT PAGE ------- */

.projectPageLargePhoto {
	min-height:500px;
}

.caseStudyProjectTitle .et_pb_fullwidth_header {
	background-color: #D1232A !important;
	padding:10px 0;
}

.caseStudyProjectTitle {
	position: relative;
}

/*Triangle design element on project page*/
.caseStudyProjectTitle .et_pb_fullwidth_header::after {
    content: '';
    background: url('/wp-content/uploads/2020/07/triangle1.svg');
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 15px);
}

/*Case study title*/
.et_pb_module_header {
	color: #FFFFFF;
	font-family: Proxima Nova, Arial, sans-serif;
    font-size: 35px;
	font-weight:700;
}

/*Case study title padding*/
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    margin: 10px auto;
}

#caseStudyNavSection .et_pb_section {
	padding: 0 !important;
	margin: 0 !important;
}

p#nextProjectLink {
	padding-top: 7px !important;
    padding-bottom: 7px !important;
	margin: 0 !important;
}

.seeAllLink {
	padding: 0 !important;
	margin: 0 !important;
}

/*Adjusts margin at the bottom of a post before the footer starts*/
.single .et_pb_post {
    margin-bottom: 10px;
}

/*Globally adjusts section padding on screens smaller than 980px*/
/*@media (max-width: 980px) {
	.et_pb_section {
		padding: 0 0 !important;
	}
}
*/
/*Adjusts photo padding on screens smaller than 980px*/
@media (max-width: 980px) {
	.challengePhoto {
		padding-top: 35px;
	}
	
	.solutionPhoto {
		padding-bottom: 35px;
	}
	
	.resultPhoto {
		padding-top: 35px;
	}

}

/* ------- FOOTER STARTS HERE ------- */

#main-footer {
	background-color: #E5E5E5 !important;
	background: url('/wp-content/uploads/2020/07/footer-bg.svg');
	background-repeat: no-repeat;
	background-size: 900px;
	background-position: left top;
	background-position-x: -400px;
	background-position-y: 0%;
}

.footer-widget {
    color: #000 !important;
}


.customFooterColTitle {
	font-family : Proxima Nova, Arial, sans-serif;
	font-weight : bold;
	font-size : 26px;
	line-height : 26px;
	margin-bottom: 20px;
}


#customFooterSocialMediaIcons {
	margin-top: 60px;
}

.socialMediaIconFooter {
	width:100%;
	max-width:40px;
	padding-right:10px;
}

#footerMainOffice {
    margin-top: 20px;
    padding: 55px 20px;
    font-family: Proxima Nova, Arial, sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    background: #CBCBCB;
}

#footerMainOffice span {
    font-size: 18px;
    font-weight: 700;
}

#footer-widgets {
    padding: 60px 0 0 0 !important;
}

.et_pb_widget a {
    color: #000 !important;
}

.customFooterLink a {
	font-family: Proxima Nova, Arial, sans-serif;
	font-weight : bold;
	font-size : 18px;
	line-height : 18px;
	display:block;
	margin-bottom: 20px;
	color: #fff !important;
}

.customFooterLink a:hover, .customFooterLink a:focus {
	text-decoration: underline;
}

#customFooterCol3, #customFooterCol4  {
	font-family: Proxima Nova, Arial, sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 19px;
	margin-top: 45px;
}

#customFooterCol3 p span, #customFooterCol4 p span  {
	font-weight: bold;
}

#footer-bottom {
    background-color: #000;
    background-color: rgba(0, 0, 0,1);
}

#footer-info {
	text-align: center;
	color: #FFF;
	padding-bottom: 10px;
	float: none;
	font-family : Proxima Nova, Arial, sans-serif;
	font-size : 14px;
}

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

#footerMainOffice {
	margin-top: 20px;
	padding: 40px 20px;
	font-size: 14px;
	line-height: 17px;
}

#footerMainOffice span {
	font-size: 16px;
}

#footer-widgets {
	padding: 40px 0 0 0 !important;
}

#customFooterCol3, #customFooterCol4  {
	font-size: 13px;
	line-height: 16px;
	margin-top: 45px;
}

#main-footer {
	background-color: #E5E5E5 !important;
	background: url('/wp-content/uploads/2020/07/footer-bg.svg');
	background-repeat: no-repeat;
	background-size: 900px;
	background-position: left top;
	background-position-x: -505px;
	background-position-y: 0%;
}

}

@media only screen and (max-width: 1279px) {
	
	#main-footer {
		/*display: none !important;*/
	}
}

@media only screen and (max-width: 980px) {
	
	#main-footer {
		background-color: #E5E5E5 !important;
		background: url('https://www.kraemerna.cig-pr.com/wp-content/uploads/2020/07/footer-bg.svg');
		background-repeat: no-repeat;
		background-size: 900px;
		background-position: left top;
		background-position-x: -350px;
		background-position-y: -335px;
	}
	
	#customFooterCol3, #customFooterCol4 {
		font-size: 13px;
		line-height: 16px;
		margin-top: 0;
		margin-bottom: 50px;
	}
	
}

@media only screen and (max-width: 768px) {
	
	#main-footer {
		background-color: #E5E5E5 !important;
		background: url('/wp-content/uploads/2020/07/footer-bg.svg');
		background-repeat: no-repeat;
		background-size: 900px;
		background-position: left top;
		background-position-x: -412px;
		background-position-y: -335px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	#main-footer {
		background-color: #E5E5E5 !important;
		background: url('/wp-content/uploads/2020/07/footer-bg.svg';
		background-repeat: no-repeat;
		background-size: 900px;
		background-position: left top;
		background-position-x: -10px;
		background-position-y: -340px;
	}
	
	#main-footer:after {
		content: '';
		background: none !important;
		width: 42px;
		height: 36px;
		position: absolute;
		top: -36px;
		left: calc(50% - 21px);
		z-index: 100;
	}
	
	#customFooterCol2 {
		padding-top: 35px;
	}
	
		
	#customFooterCol3, #customFooterCol4 {
		margin-bottom: 0 !important;
	}
		
}

/* ------- MISC -------*/

img.headlineUnderline {
    width: 100%;
    max-width: 229px;
    padding: 20px 0;
    margin: 0;
}

#homePageBannerSection {
	position: relative;
}

#homePageBannerSection:after {
	content:'';
	background: url('/wp-content/uploads/2020/07/triangle1.svg'); /*url of image*/
	width: 46px;  /*width of image*/
	height: 40px; /*height of image*/
	position: absolute;
	bottom: -3px;
	left: calc(50% - 23px);
}

#main-footer {
	position: relative;
}


#main-footer:after {
	content:'';
	background: url('/wp-content/uploads/2020/07/triangle2.svg'); /*url of image*/
	width: 42px;  /*width of image*/
	height: 36px; /*height of image*/
	position: absolute;
	top: -36px;
	left: calc(50% - 21px);
	z-index:100;
}

/* ------- STYLES FOR SUB-PAGE ------- */


.subPageTopTitle .et_pb_fullwidth_header {
    background-color: #000000 !important;
    padding: 30px 0 !important;
}

.subPageTopTitle .et_pb_fullwidth_header:after {
    content:'';
	background: url('/wp-content/uploads/2020/07/triangle1.svg'); /*url of image*/
	width: 40px;  /*width of image*/
	height: 35px; /*height of image*/
	position: absolute;
	bottom: -3px;
	left: calc(50% - 20px);
}

/* ------- STYLES FOR WHAT WE DO PAGE ------- */

@media only screen and (max-width: 980px) {
	
	.whatWeDoPageImage {
		padding-bottom: 35px;
	}

}