/* 
Theme Name:		 Tamar Homecare
Theme URI:		 http://childtheme-generator.com/
Description:	 Tamar Homecare is a child theme of Divi, created by ChildTheme-Generator.com
Author:			 Carl Manere
Author URI:		 http://childtheme-generator.com/
Template:		 Divi
Version:		 1.0.0
Text Domain:	 tamar-homecare
*/

div#gform_confirmation_message_1 {
    text-align: center;
    font-size: 18px;
}

div#popmake-654 .pum-content.popmake-content {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

ul#menu-mobile-menu li.current-menu-item a {
    color: #F15A29 !important;
}

.pum-content.popmake-content p:empty {
    display: none;
}

.sticky-header div#mobile_menu_trigger .et-pb-icon {
    color: #243746;
}

.sticky-header {
	box-shadow: 0px 0px 33px 0px rgb(0 0 0 / 10%)
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
    padding-right: 0;
}

button.pum-close.popmake-close {
    display: none;
}

.custom_pill:after {
    content: url(/wp-content/uploads/2022/10/white-checkmark.svg);
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
}

li.with-tooltip a:before {
    content: "Apply";
    position: absolute;
    font-size: 12px;
    top: -20px;
    background-color: #F15A29;
    color: #fff;
    padding: 2px 5px;
    border-radius: 5px;
    right: -2vw;
}

.vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.inline_images {
    display: flex;
	align-items: center;
	gap: 3%;
}

.inline_images .et_pb_image {
    width: 22.75%;
}

div#mobile_header_row .et_pb_column {
    display: flex;
    align-items: center;
}
/** SERVICES PAGE BLURB CSS **/

.services_row .et_pb_column {
    display: flex;
    flex-direction: column;
}

.services_row .et_pb_column .et_pb_button_module_wrapper {
    margin-top: auto;
}

/** ACCORDION CSS **/

.et_pb_toggle_title:before {
    content: "\4c";
    font-size: 38px !important;
    color: #F15A29 !important;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
	 content: "\4b";
    font-size: 38px !important;
    color: #F15A29 !important;
	display: block !important;
}

/** CONTACT FORM CSS **/

.gform_wrapper.callback-form_wrapper input[type=tel], 
.gform_wrapper.callback-form_wrapper input[type=text] {
    font-size: 22px !important;
    margin-bottom: 0;
    margin-top: 0;
    padding: 11.25px 20px !important;
    border-radius: 10px;
    box-shadow: 5px 5px 0 0 #cac3c0;
    border: 0;
    color: #cac3c0;
}

.gform_wrapper.callback-form_wrapper .gfield_label {
    font-size: 22px !important;
    margin-bottom: 0 !important;
    margin-right: 20px;
}

.gform_wrapper.callback-form_wrapper .gform_footer, 
.gform_wrapper.callback-form_wrapper .gform_page_footer {
    margin: 0 !important;
    padding: 0 !important;
}

.gform_wrapper.callback-form_wrapper .gfield {
    display: flex;
    justify-content: space-between;
	align-items: center;
}

.gform_wrapper.callback-form_wrapper .gfield_required {
    display: none !important;
}

.gform_wrapper.callback-form_wrapper.gfield input:focus {
    outline: 2px solid #F15A29;
    color: #F15A29;
}

.gform_wrapper.callback-form_wrapper #field_submit, 
.gform_wrapper.callback-form_wrapper .gform_footer {
    box-shadow: 5px 5px 0 0 #cac3c0;
    border-radius: 10px;
}

.gform_wrapper.callback-form_wrapper input.gform-button {
	padding: 11.25px 20px !important;
    height: 100%;
    border-radius: 10px;
    background-color: #F15A29;
    border-color: #F15A29;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
	cursor: pointer;
}

/** JOB FORM & ENQUIRY FORM CSS **/

.gform_wrapper.job-form_wrapper .gfield_label {
    font-size: 18px;
    color: #F15A29;
    margin-bottom: 25px;
}

.gform_wrapper.job-form_wrapper .gfield input[type="checkbox"] {
    width: 23px;
    height: 23px;
    background-color: #FAF9F9;
    border-radius: 5px;
}

.gform_wrapper.job-form_wrapper .gfield input[type="file"] {
    position: relative;
}
.gform_wrapper.job-form_wrapper .gfield input[type="file"]:after {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2022/10/file-icon.svg);
    width: 17px;
    height: 23px;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
}

.gform_wrapper.job-form_wrapper .gfield_checkbox label {
	font-size: 18px;
}

.gform_wrapper.job-form_wrapper .gfield input, 
.gform_wrapper.job-form_wrapper .gfield select,
.gform_wrapper.job-form_wrapper .gfield textarea {
    background-color: #FAF9F9;
    border-radius: 5px;
    padding: 11.5px;
    font-size: 18px;
}

input.gform_button.button {
    color: #FFFFFF!important;
    border-color: #439CD1;
    border-radius: 10px;
    letter-spacing: 1.5px;
    font-size: 17px;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #439CD1;
    border: 2px solid #439CD1;
    padding-top: 15px!important;
    padding-right: 30px!important;
    padding-bottom: 15px!important;
    padding-left: 30px!important;
    box-shadow: 5px 5px 0px 0px rgb(0 0 0 / 30%);
    transition: background-color 300ms ease 0ms,border 300ms ease 0ms;
    line-height: 1em!important;
    cursor: pointer;
}

.gform_wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("/wp-content/uploads/2022/10/dropdown-arrow.svg");
  background-repeat: no-repeat;
  background-position-x: 96%;
  background-position-y: 16px;
  padding-right: 2rem;
}

/** MOBILE MENU CSS **/

/*set the defautl background color of the header section*/
.fixed-header.et_pb_section {
	background: transparent;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/*set the background color of the fixed header when scrolling*/
.fixed-header.sticky-header.et_pb_section {
    background-color: #ffffff!important;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.fixed-header.sticky-header.et_pb_section  div#mobilelogo img {
    content: url(/wp-content/uploads/2022/09/tamara-homecare-dark.png);
}

.fixed-header.sticky-header.et_pb_section  div#mobiletoggle span.et-pb-icon {
    color: #243746;
}

body.logged-in.admin-bar .fixed-header.sticky-header.et_pb_section {
    top: 0 !important;
	box-shadow: 0 0 33px rgb(0 0 0 / 10%) !important;
}

div#topheader {
    display: flex;
    justify-content: flex-end;
}

/** RESPONSIVE CSS **/

@media(min-width: 981px) {
	.logged-in div#herosection {
		height: calc(100vh - 141px );
	}
	
	div#herosection {
		height: calc(100vh - 109px );
	}
	
	div#herosection {
		display: flex;
		flex-direction: column;
	}
}

@media (min-width: 981px) and (max-width: 1280px) {
	.hero.et_pb_section:after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgb(36 55 70 / 30%);
		z-index: 10;
	}
}

@media (min-width: 981px) and (max-width: 1920px) {
	
	div#headerlogo {
		width: calc(200px + (225 - 200) * ((100vw - 981px) / (1920 - 981))) !important;
	}
	
	div#workwithus{
		padding-top: calc(100px + (265 - 100) * ((100vw - 981px) / (1920 - 981))) !important;
		padding-bottom: calc(100px + (265 - 100) * ((100vw - 981px) / (1920 - 981))) !important;
	}
	
	a#headercta.et_pb_button, div#headermenu a {
		font-size: calc(12px + (17 - 12) * ((100vw - 981px) / (1920 - 981))) !important;
		letter-spacing: calc(0.1px + (1.5 - 0.1) * ((100vw - 981px) / (1920 - 981))) !important;
	}
	
	li.with-tooltip a:before {
		font-size: calc(8px + (12 - 8) * ((100vw - 981px) / (1920 - 981))) !important;
	}
	
	.custom_line_height p {
		line-height: 1.5 !important;
		position: relative;
		top: -5px;
	}
	
	.pageheader.et_pb_section {
		padding-top: calc(100px + (190 - 100) * ((100vw - 981px) / (1920 - 981))) !important;
		padding-bottom: calc(100px + (190 - 100) * ((100vw - 981px) / (1920 - 981))) !important;
	}
	
	.testimonial_section.et_pb_section {
		padding-top: calc(100px + (145 - 100) * ((100vw - 981px) / (1920 - 981))) !important;
		padding-bottom: calc(100px + (145 - 130) * ((100vw - 981px) / (1920 - 981))) !important;
	}
	
	.pageheader .et_pb_module.et_pb_text h1,
	.et_pb_module.et_pb_text:not(.testimonial_header) h2,
	div#herosection .et_pb_module.et_pb_text h1{
		font-size: calc(40px + (60 - 40) * ((100vw - 981px) / (1920 - 981)));
	}
	
	.et_pb_module.et_pb_text.testimonial_header h2 {
		font-size: calc(30px + (50 - 30) * ((100vw - 981px) / (1920 - 981)));
	}
	
	 h5.et_pb_toggle_title {
		font-size: calc(22px + (38 - 22) * ((100vw - 981px) / (1920 - 981))) !important;
	}
	
	.et_pb_module.et_pb_toggle.et_pb_toggle_item{
		padding-top: calc(15px + (30 - 15) * ((100vw - 981px) / (1920 - 981))) !important;
		padding-bottom: calc(15px + (30 - 15) * ((100vw - 981px) / (1920 - 981))) !important;
	}
	
	.et_pb_toggle_content {
		font-size: calc(14px + (18 - 14) * ((100vw - 981px) / (1920 - 981))) !important;
	}
	
	.et_pb_module.et_pb_text:not(.subheader):not(.custom_pill):not(.smaller_text),
	.et_pb_module.et_pb_text:not(.subheader):not(.custom_pill):not(.smaller_text) p,
	.et_pb_module.et_pb_blurb:not(.contact_blurb):not(.top_blurb),
	.et_pb_module.et_pb_blurb:not(.contact_blurb):not(.top_blurb) p,
	 footer ul#menu-footer-link li a{
		font-size: calc(14px + (22 - 14) * ((100vw - 981px) / (1920 - 981))) !important;
	}
	
	.et_pb_module.et_pb_text.custom_pill p, .et_pb_module.et_pb_text.custom_pill {
		font-size: calc(12px + (18 - 12) * ((100vw - 981px) / (1920 - 981))) !important;
	}
	
	footer .et_pb_module.et_pb_text.small_text, .et_pb_module.et_pb_text.small_text p{ 
		font-size: 16px !important; 
	}
	footer .et_pb_module.et_pb_text.smaller_text, .et_pb_module.et_pb_text.smaller_text p{ 
		font-size: 14px !important; 
	}
	
	.et_pb_module.et_pb_blurb:not(:last-child):not(.process_blurb):not(.contact_blurb):not(.top_blurb) {
		margin-bottom: calc(5px + (15 - 5) * ((100vw - 981px) / (1920 - 981))) !important;
	}
	
	.et_pb_gutters2.custom_pill_row .et_pb_column_1_4, 
	.et_pb_gutters2.et_pb_row.custom_pill_row .et_pb_column_1_4 {
		    width: 24.75%;
	}
	
	.et_pb_gutters2.et_pb_row.custom_pill_row .et_pb_column {
		margin-right: 1%;
	}
}

@media (max-width:980px) {
	.inline_buttons {
		text-align: center;
	}
	
	/*div#herosection.et_pb_section {
		background-position: bottom center !important;
	}*/
	
	.gform_wrapper.gravity-theme .gform_fields {
		display: block !important;
	}
	
	.gform_wrapper.gravity-theme .gfield {
		display: block;
		margin-bottom: 20px;
	}
	
	.callback-form_wrapper .gfield_label {
		margin-right: 0 !important;
		text-align: center;
		display: block !important;
	}
	
	.et_pb_row.reverse-columns-mobile {
		display: flex!important;
		flex-direction: column-reverse!important
	}
	.et_pb_row.reverse-columns-mobile .et_pb_column:last-child,
	.et_pb_row.reverse-columns-mobile .et_pb_column.et-last-child {
		margin-bottom: 30px
	}
	.et_pb_row.reverse-columns-mobile .et_pb_column:first-child {
		margin-bottom: 0;
		z-index: 10
	}
	
}

@media (max-width: 767px){
	
	footer .et_pb_blurb_position_top_phone .et_pb_main_blurb_image {
		margin: auto auto 10px;
	}
	
	#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle {
		top: 85px !important;
	}
	
	.et_pb_toggle .et_pb_toggle_title:before {
		font-size: 22px !important;
	}
	
}

@media (min-width:481px) {
	.inline_buttons .et_pb_button_module_wrapper {
		display: inline-block;
		margin-right: 30px;
	}
}