/*
Theme Name: Employee Portal
Template: Zephyr
Version: 2.1
Author:	Click Harder
Theme URI: http://zephyr.us-themes.com/
Author URI: https://www.clickharder.com
*/

/*Add your own styles here:*/

/* ZEPHYR: Fix padding on custom full width page to not require javascript override. */
.l-canvas.sidebar_none.type_wide .l-section, .l-subheader, .l-section { padding-left: 0px; padding-right: 0px; }

/* ZEPHYR: Fix image alignment */
img.alignleft { margin: 10px 10px 0px 0px; }

/* ZEPHYR: Add padding to sides of header */
@media screen and (min-width: 900px) { 
	.header_hor .l-subheader { padding-left: 15px; padding-right: 15px; }
}

/* ZEPHYR: Fix top element display by removing additional padding below the header*/
.l-section-h { padding: 0px; }


/* ZEPHYR: Fix vertical menu on mobile when logged into Wordpress. */
header ul.w-nav-list.level_1 { padding-top: 50px !important; }


/* ZEPHYR: Menu uppercase */
.l-subheader-cell.at_left { text-transform: uppercase; }

/* ZEPHYR: Fix select color */
select { color: #111 !important; }

/* ZEPHYR: Fix border on forms. */
textarea { margin-top: 5px; }
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="url"], 
input[type="tel"], 
input[type="number"], 
input[type="date"], 
input[type="search"], 
textarea, 
select { border-width: 1px; padding-left: 10px; background: #f5f5f5 !important; color: #111;}

/* ZEPHYR: Fix border on focus on forms. */
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="tel"]:focus, 
input[type="number"]:focus, 
input[type="date"]:focus, 
input[type="search"]:focus, 
textarea:focus, 
select:focus { background: #f3f3f3 !important; border-left-color: #e0e0e0; border-right-color: #e0e0e0; border-top-color: #e0e0e0; }

/* GRAVITY FORMS ************************************************************************************************************/

/* GRAVITY FORMS: Fix state alignment */
.address_state .select-option { margin-top: -2px; }

/* GRAVITY FORMS: Fix padding on textareas to match other fields */
.gform_wrapper textarea { padding: 6px 4px !important; }

/* GRAVITY FORMS: Bold labels for better visibility */
.gfield_label { font-weight: bold !important; }

/* GRAVITY FORMS: Make checkbox list item font smaller */
.gform_wrapper .gf_list_2col input[type=checkbox]+label { font-size: 13px !important; }

/* GRAVITY FORMS: Fix address fields */
.gform_wrapper .ginput_complex.ginput_container_address .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
	.gform_wrapper .ginput_complex.ginput_container_address .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
	.gform_wrapper .ginput_complex.ginput_container_address .ginput_right select, 
	.gform_wrapper .ginput_complex.ginput_container_address input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
	.gform_wrapper .ginput_complex.ginput_container_address select { margin-bottom: 10px; }

 /* GRAVITY FORMS: Fix address complex field spacing */
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container_address input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container_address select {
 margin-bottom: 10px !important; }

/* GRAVITY FORMS: Remove random line on footer with paging. */
.gform_wrapper .gform_page_footer { border-top: none !important; }

/* GRAVITY FORMS: Clean up padding on forms. */
body .gform_wrapper .top_label div.ginput_container { margin-top: 0px !important; }
.gform_wrapper .description_above .gfield_description { padding: 0px !important; }

/* GRAVITY FORMS: Alter next button coloring. */
.gform_next_button.button { background: #c22632; color: #fff; }

/* GRAVITY FORMS: Fix Credit Card Spacing */
.gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container select { margin-bottom: 0px !important; }
.gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex select { margin-top: 0px !important; margin-bottom: 0px !important; }

/* GRAVITY FORMS: Tighten up spacing on fields when the labels are hidden */
.gform_wrapper li.hidden_label input { margin-top: 0px !important; }
.gform_wrapper .top_label li.hidden_label div.ginput_container { margin-top: 12px !important; }
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], 
	.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select { margin-bottom: 0px !important; }

/* GRAVITY FORMS: Fix padding on textareas to match other fields */
.gform_wrapper textarea { padding: 6px 4px !important; }

/* GRAVITY FORMS: Placeholder color on forms */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #777; opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #777; opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #777; opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #777; opacity: 1;
}

/* Placeholder color on forms */
:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #777; opacity: 1;
}
:focus::-moz-placeholder { /* Firefox 19+ */
  color: #777; opacity: 1;
}
:focus:-ms-input-placeholder { /* IE 10+ */
  color: #777; opacity: 1;
}
:focus:-moz-placeholder { /* Firefox 18- */
  color: #777; opacity: 1;
}


/* GRAVITY FORMS: Alter previous and next button coloring. */
.gform_next_button.button { background: #c22632; color: #fff; border: 1px solid #c22632; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.gform_next_button.button:hover { background: #c22632; color: #fff; }

.gform_previous_button.button { background: #fff !important; color: #212121 !important; border: 1px solid #212121; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.gform_previous_button.button:hover { background: #c22632; color: #fff; }


/* GRAVITY FORMS STYLES PRO ************************************************************************************************************/

/* GRAVITY FORMS STYLES PRO: Fix complex field bottom margin */
.gf_stylespro .gfsp_o_frame input[type=checkbox]:not(old)+label, .gf_stylespro .gfsp_o_frame input[type=radio]:not(old)+label { border: none !important; }
.ginput_card_expiration.ginput_card_expiration_month { width: 47% !important; }
.ginput_card_expiration.ginput_card_expiration_year { width: 47% !important; }
.ginput_card_security_code { width: 75% !important; }
.gform_wrapper .ginput_complex .ginput_cardinfo_right .ginput_card_security_code_icon { top: 10px !important; }
.gfsp_o_frame input:checked+label { background: #c22632 !important; }
.gfsp_o_list input:checked+label { background: #c22632; }
.gfsp_o_list input:checked+label:after { color: #c22632; }
.gf_stylespro .gfield, .gf_stylespro.sp_inherit .gfield { margin-bottom: 5px; }
.gf_stylespro .gform_footer { border-top: 0px; }
.gf_stylespro.gform_wrapper, .gf_stylespro_wrapper.gform_wrapper { padding: 0px; }


/* GRAVITY FORMS DATE DROPPER FIELD ************************************************************************************************************/

/* GRAVITY FORMS DATE DROPPER FIELD: Display arrows at all times */
div.datedropper .picker ul.pick-m .pick-arw.pick-arw-s1,
div.datedropper .picker ul.pick-d .pick-arw.pick-arw-s1,
div.datedropper .picker ul.pick-y .pick-arw.pick-arw-s1{ 
	opacity: 1 !important; 
	-webkit-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1); 
}


/* ELEMENTOR: Change top of content to allow for row edit*******************************************************************************************/


/* ESSENTIAL ADDONS: ***************************************************************/

/* Post Timeline: Change Background color */
.elementor-1856 .elementor-element.elementor-element-32cb86c .eael-timeline-post-inner { background: linear-gradient(45deg, #111 0%, #c22632 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; }

/* Post Timeline: Change Background color */
.eael-timeline-post:hover time { opacity: 0 !important; }