/*!
 *  Theme Name: Prall & Co
 *  Description: Custom Divi child-theme for Prall & Co.
 *  Author: MJAD
 *  Author URI: https://masarjohnston.com/
 *  Template: Divi
 *  Version: 1.0.0
 *  Revision: 20211007 
 *  Text Domain: prallco
 */

/*  Removes vertical DIVI Sidebar rule */
#main-content .container:before { background: none; }


/*  EMBEDDED WEBFONTS */

h1, h2, h3, h4, h5, h6			{ font-face:'Montserrat', sans-serif; text-decoration:none; text-transform:normal; }


/*  COLOR PALETTE */

.prallblue						{ color:#0a1971; }
.prallcogreen					{ color:#799c4b; }
.prallgreen100bg				{ background-color:rgba(159,181,102,1); }
.prallgreen80bg					{ background-color:rgba(159,181,102,0.8); }
.prallgreen60bg					{ background-color:rgba(159,181,102,0.6); }
.prallgreen40bg					{ background-color:rgba(159,181,102,0.4); }
.prallgreen10bg					{ background-color:rgba(159,181,102,0.1); }
.bg-beige						{ background:#ede8d2; }


/*  ALIGNMENT  */

.ctr,
.center,
.aligncenter	{ float:none; margin-left:auto !important; margin-right:auto !important; text-align:center !important; }
.alignleft 		{ display:inline; float:left; margin-right:1.5em; }
.alignright 	{ display:inline; float:right; margin-left:1.5em; }
.img-left 		{ margin:0 33px 0 0 !important; float:left; }
.img-right 		{ margin:0 0 0 33px !important; float:right; }


/*  FORMS  */

input 								{ -webkit-appearance: none; }
input[type=checkbox] 				{ -webkit-appearance: checkbox; }
input[type=radio] 					{ -webkit-appearance: radio; }
input[type=email], input.email,
input[type=text], input.text, 
input.title, textarea, select 		{ margin: 0; }
input:focus, 
textarea:focus, 
select:focus						{ border: none; outline: none; }

textarea 							{ padding: 4px; }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  		{ -webkit-box-shadow: 0 0 0 30px white inset !important; }

/* Back to top button styling */
.et_pb_scroll_top:before 			{ content: "2"; }
/* This section changes the shape to a circle and moves the button in from the edge of the screen */
.et_pb_scroll_top.et-pb-icon 		{ color:#ffffff; background-color:#0a1971; padding: 8px; opacity:100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; right:40px; bottom:40px; }


/*  BUTTONS  */

.btn								{ cursor:pointer; display:inline-block; position:relative; font-weight:400; line-height:1; letter-spacing:1px; font-family: 'Montserrat',Avenir,Arial,sans-serif; font-size:18px; float:none; width:auto; padding:7px 14px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; highlight:none !important; outline:none !important; text-decoration:none; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  }
.btn-outlined						{ background:rgba(255,255,255,0); margin:1px; border:1px solid;  }
.btn-outlined-wht 					{ color:#fff; border-color:#fff; }
.btn-outlined-wht:hover				{ background:rgba(255,255,255,0.1); margin:1px; border:1px solid #fff; }
.btn-outlined-blu 					{ color:#0a1971; border-color:#0a1971; }
.btn-outlined-blu:hover				{ color:#fff; background:#0a1971; margin:1px; border:1px solid #0a1971; }
.et_pb_button_module_wrapper 		{ display:inline-block; position:relative; width:auto; padding:1px; border:2px solid #fff;  }
.et_pb_button_1_wrapper,
.et_pb_button_2_wrapper				{ display:inline-block; position:relative; width:auto; padding:1px; border:2px solid #0a1971; }


/*  HEADER  */

#page-container 					{ margin-top:0px !important; padding-top:0px !important; top:0px !important; } /* fixes jumping header */
#main-header						{ background-color:#f6f7f0; height:102px; max-height:102px; margin-top:0px !important; padding-top:0px !important; top:0px !important; z-index:9999; } /* forces top layer, fixes jumping header */
#et-top-navigation					{ animation:none !important; background-color:#f6f7f0; display:block; float:right; margin-left:auto; margin-right:0; padding:26px 0; transition:none;  width:auto; }
#main-header .et_menu_container 	{ background-color:#f6f7f0; height:102px; max-height:102px; text-align:right; transition:none; }
#main-header .logo_container 		{ transition:none; z-index:99999;}
#main-header .logo_container a 		{ height:150px; position:relative; margin-top:20px !important; transition:none !important; width:113px; z-index:99999; }

nav#top-menu-nav						{ animation:none !important; float:right; transition:none !important; width:100%; }
#menu-mainmenu							{ animation:none !important; font-size:16px; font-weight:400; letter-spacing:2px; transition:none !important; }
#menu-mainmenu li,
.et_pb_menu__menu>nav>ul>li 			{ animation:none !important;  margin-top:0px; max-height:102px; padding-left:30px; padding-right:0; transition:none !important; }
#menu-mainmenu li a						{ font-size:17px; font-weight:400; letter-spacing:2px; }
#menu-mainmenu li.menu-item a 			{ padding-top:0px; }
#menu-mainmenu li.menu-item-31 a		{ color:#f6f7f0 !important; background:#f6f7f0 url('/wp-content/themes/prallco/images/prallco-logo.svg') 0 0 no-repeat; font-size:0; height:36px; line-height:36px; margin-top:20px; width:130px; }
#menu-mainmenu li.menu-item-31 a:after 	{ content: ''; font-size:0;  }
#menu-mainmenu li.current-menu-item a, 	
#menu-mainmenu li.current_page_item a	{ color:#0a1971 !important; font-weight:800 !important; } /* Prall Blue */

@media(min-width: 981px)
	#page-container 					{ margin-top:0px !important; padding-top:0px; top:0px; } /* fixes jumping header */
	#main-header .container 			{
    	float:right;
    	width:90%;
    	max-width:90%;
    	padding-right:5%;
    	padding-left:5%;
	}
	.et_pb_menu__wrap,
	.et_pb_menu__menu,
	.et-menu-nav,
	.et-menu.nav						{ min-width:640px; }
	#main-header .logo_container		{ height:150px !important; left:0 !important; position:absolute; top:26px; transition:none; width:113px; }
}
 

/*  MAIN AREA */

#et-main-area 						{ z-index:-1; }



/*  ABOUT PRALL  */

.et_pb_row.about_image				{ padding:0px 0px; }



/*  CASE STUDIES  */

.case-study								 					{ }
.section-works-title										{ display:none; }
.case-study .et_pb_section.section-challenge-solution 		{ margin:0px !important; padding:0 !important; background-color:#ede8d2 !important; }
.case-study .row-challenge-solution		 					{ width:80%; height:auto; max-width:80%; min-height:300px; margin:0px auto; padding:30px 0px; }
.case-study .column-challenge			 					{ width:33%; margin-right:4%; }
.case-study .et_pb_module.et_pb_text h2  					{ color:#0a1971; font-size:28px; font-weight:800; font-style:normal; line-height:1.8; margin:0px; }
.case-study .et_pb_module.et_pb_text h4.subhed-challenge 	{ font-size:24px !important; font-weight:600 !important; font-style:normal !important; line-height:1.6 !important; margin:24px 0px !important; }
.case-study .text-challenge				 					{ font-size:16px; font-weight:300; font-style:normal; line-height:1.8; }
.case-study .column-solution			 					{ width:62%; border-left:1px solid #d7cfae; margin-right:0; }
.case-study .column-solution .et_pb_text 					{ padding-left:6%; }
.case-study .et_pb_module.et_pb_text h4.subhed-solution 	{ font-size:24px !important; font-weight:600 !important; font-style:italic !important; line-height:1.6 !important; margin:24px 0px !important; text-transform:uppercase !important; }
.case-study .text-solution				 					{ font-size:16px; font-weight:300; font-style:normal; line-height:1.8; }

.et_pb_row_casestudies										{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; row-gap:2em; column-gap:2em; position:relative; width:auto; max-width:1080px; height:inherit; margin:0 auto; padding:0; }
.et_pb_row_casestudies .casestudy_block						{ cursor:pointer; display:flex; width:320px; height:280px; margin:0; padding:0; position:relative; background-clip:border-box; background-color:#efebd9; background-position:center; background-repeat:no-repeat; background-size:cover; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75); }
.et_pb_row_casestudies a .casestudy_block					{ color:#0a1971 !important; font-weight:600; text-decoration:none; }
.et_pb_row_casestudies .casestudy_block p.casestudy_title 	{ display:flex; align-items: center; justify-content: center; position:absolute; bottom:0; font-size:15px; height:72px !important; line-height:1; margin:0; width:100%; padding:auto; background:rgba(255,255,255,0.7); }
.et_pb_row_casestudies .casestudy_block:hover				{ opacity:0.7; }

.vendors													{ color:#999; font-size:85%; padding:12px 0px; }

/* Slider */

.case-study.slider-mobile-darkener 							{ background:rgba(0, 0, 0, 0.4); display:none; width:100%; height:100%; position:absolute; top:0; left:0; z-index:11; }

@media (max-width: 870px)	{
	.case-study .slider-mobile-darkener 					{ display: block; }
}

.case-study .slick-slide img 								{ width:100%; height:auto; }
.case-study .slider-item 									{ width:100%; height:100%; background-size:cover; background-position:center; background-color:#BFBFBB; }
.case-study .slider-item.content-position-bottom 			{ background-position-y:bottom; }
.case-study .slider 										{ width:100%; height:70vh; }
.case-study .slider-mobile-darkener 						{ background:transparent; }
.case-study h1.works-title 									{ color:#0a1971; text align:center; }
.case-study .section-works-title 							{ padding-bottom:20px; }
.case-study .fade-in-slider 								{ animation: fadeIn 3s; -webkit-animation: fadeIn 3s; -moz-animation: fadeIn 3s; -o-animation: fadeIn 3s; -ms-animation: fadeIn 3s; }

@media only screen and (max-width:870px) { 
	.case-study .slider{ height:90vh !important }
}

.case-study @keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

.case-study @-moz-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

.case-study @-webkit-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

.case-study @-o-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

.case-study @-ms-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}



/*  PROJECT SUMMARIES  */

.et_pb_row_projectsummaries													{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; row-gap:2em; column-gap:2em; position:relative; width:auto; max-width:1080px; height:inherit; margin:0 auto; padding:0; }
.et_pb_row_projectsummaries .projectsummary_block							{ cursor:pointer; display:flex; width:240px; height:240px; margin:0; padding:0; position:relative; background-clip:border-box; background-color:#efebd9; background-position:center; background-repeat:no-repeat; background-size:cover; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75); }
.et_pb_row_projectsummaries a .projectsummary_block							{ color:#0a1971 !important; font-weight:600; text-decoration:none; }
.et_pb_row_projectsummaries .projectsummary_block p.projectsummary_title 	{ display:flex; align-items: center; justify-content: center; position:absolute; bottom:0; font-size:15px; height:72px !important; line-height:1; margin:0; width:100%; padding:auto; background:rgba(255,255,255,0.7); }
.et_pb_row_projectsummaries .projectsummary_block:hover						{ opacity:0.7; }

/*  OTHER WORKS  */

.et_pb_row_otherwork								{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; row-gap:2em; column-gap:2em; position:relative; width:auto; max-width:1080px; height:inherit; margin:0 auto; padding:0; }
.et_pb_row_otherwork .otherwork_block				{ display:flex; width:150px; height:150px; margin:0; padding:0; position:relative; background-clip:border-box; background-position:center; background-repeat:no-repeat; background-size:cover; }


/*  WORK BLOCKS  */

.section-blocks					{ width:80%; margin-left:auto; margin-right:auto; }
@media (max-width: 680px)
	.section-blocks				{ width:98%; margin-left:1%; margin-right:1%; }
}

.blocks 						{ overflow: hidden; *zoom: 1; margin-top:30px; padding-bottom:30px; }
.blocks .block-sizer 			{ width:30%; }
.blocks .gutter-sizer 			{ width:3%; }
.blocks .block 					{ cursor:pointer; cursor:-moz-zoom-in; cursor:-webkit-zoom-in; margin-left: 2px; margin-top: 2px; -moz-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2); } }
.blocks .block .caption			{ clear:both; margin-top:12px; text-align:center; }
.blocks .block .caption p		{ font-size:0.8em; line-height:1.2em; text-align:center; padding:12px; color:#999; }
.blocks .block img 				{ width:100%; height:auto; display:block; max-width:100%; -moz-transition:all 0.25s; -o-transition:all 0.25s; -webkit-transition:all 0.25s; transition:all 0.25s; }

.blocks .block.size-small 		{ width:30%; min-width:280px; }
.blocks .block.size-medium 		{ width:63%; min-width:400px; }
.blocks .block.size-large 		{ width:74%; }
.blocks .block.size-full, 
.blocks .block.size-selected 	{ width:auto !important; }

@media (max-width: 680px) 		{
	.blocks .block 				{ width: 100%; }
	.blocks .block.size-small,
	.blocks .block.size-medium,
	.blocks .block.size-large 	{ width: 100%; min-width: 100%; }
}

.blocks .block-item { font-size: 1rem; color: #566268; width: 168px; text-align: center; margin-bottom: 30px; height: 186px; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; }

@media (max-width: 680px) 		{
	.blocks .block-item 		{ width: 44%; height: auto; }
}

.blocks .block-item .block-item-photo 		{ width:100%; margin-bottom:1em; background:transparent; }
.blocks .block-item .block-item-photo img 	{ width:100% !important; height:auto !important; opacity:1; -moz-transition:opacity 0.3s; -o-transition:opacity 0.3s; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; }
.blocks .block-item a 						{ text-decoration:none; color:#566268; }
.blocks .block-item a:hover 				{ color:#93999a; }
.blocks .block-item a:hover img:hover 		{ opacity:0.8; }
 

       

/* GLOBAL FOOTER */

.call-to-action a 									{ color:#fff; cursor:pointer; font-family:Montserrat, Avenir, sans-serif; font-size:16px; letter-spacing:2px; padding:5px; text-decoration:none; }
.et_pb_text_4_tb_footer 							{ bottom:0; margin-bottom:0px !important; padding-bottom:0px !important; position:absolute;  }
.keep-in-touch										{ color:#fff !important; padding-bottom:0 !important; margin:0 !important; }

#gform_1 #gform_wrapper_1 							{ margin:0; }
#gform_1 .gform_legacy_markup_wrapper ul li.gfield 	{ margin-top:0; }
#gform_1 .gform_validation_errors.validation_error,
#gform_1 .gform_validation_error,
#gform_1_validation_container,
#validation_message_1_1 							{ display:none !important; height:0px; padding:0; margin:0; }

#gform_1 .gform_validation_errors 					{ display:none !important; height:0px; padding:0; margin:0; }
#gform_1 .gform_validation_errors h4 				{ color:#fff !important; }
#gform_1 .ginput_container.ginput_container_email 	{ margin-top:0; }
#gform_1 .ginput_container_email input[type=email] 	{ color: #fff; display:inline-block; font-size:12px; margin-top:0; background-color:transparent; border-color:#fff; border-style:solid; border-width:1px 0px 1px 1px; height:32px; line-height:32px; padding:2px 8px; width:auto; }
#gform_1 .ginput_container_email input::placeholder { color:#fff; opacity:1; }
#gform_1 .ginput_container_email input:-ms-input-placeholder { color:red; }
#gform_1 .ginput_container_email input::-ms-input-placeholder { color:red; }
#gform_1 ul.gform_fields li.gfield { clear:none; margin:0 !important; padding:0 !important; }
#gform_1 input[type=submit] { border-color:#fff; border-style:solid; border-width:1px 1px 1px 0px; color: #333; cursor:pointer; display:inline-block; font-size:12px; font-weight:bold; margin-top:0; background-color:#fff; height:32px; line-height:32px; padding:auto 8px; text-transform:uppercase; width:auto; text-decoration:none; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#gform_1 input[type=submit]:hover { border-color:#9fb566; border-style:solid; border-width:1px 1px 1px 0px; color:#fff; background:#9fb566; }
#gform_1 .gform_body, #gform_1 .gform_footer { clear:none; display:inline-block; float:left; margin:0; padding:0; width:auto !important; }