/*
Theme Name: Interface Child
Template: interface
Theme URI: https://thinkepic.com.au
Description: Custom design and development.
Author: Epic Agency Pty Ltd
Version: 2.0.1
*/
@import url("css/minified.css.php");
/*login css*/
body{font-family: 'Lato', sans-serif;}
#wppb-login-wrap,#wppb-recover-password{ background-color: #7ed1b7;padding: 30px;margin-top:50px;}
p.login-submit{text-align:center;font-family: 'Lato', sans-serif;}
p.login-username,p.login-password,p.login-remember{color:white;letter-spacing: 2px;font-family: 'Lato', sans-serif;}
#wppb-submit{font-family: 'Lato', sans-serif;font-weight:600;}
.wppb-user-forms input[type="text"], .wppb-user-forms input[type="number"], .wppb-user-forms input[type="email"], .wppb-user-forms input[type="url"], .wppb-user-forms input[type="password"], .wppb-user-forms input[type="search"]
{padding:15px!Important;}
p.wppb-error,#wppb_edit_profile_user_not_logged_in_message{margin-top:70px;}
P.wppb-alert{text-align:center;margin-top:35px;width: 100%;box-sizing: border-box;background: #e7f7d3;border: 1px solid #6c3;padding: 6px 9px;}
.latest-jobs{ }
/*edit my profile css*/
#select_user_to_edit_form p.wppb-form-field{margin-top: 50px; background-color: #7ed1b7;padding:0 30px;padding-top:30px;}
p.alert.wppb-success{margin-top: 45px;}
.admin-bar #wppb_form_general_message{padding-top:12px!Important;}
.selectboxit-container{width:100%!Important;}
p.form-submit{text-align:center;}
#wppb-edit-user{ background-color: #7ed1b7;padding: 30px;margin-top:50px;}
.selectboxit-container .selectboxit{color: #444444; border: 2px solid #efefef;background:#ffffff;}
.selectboxit-container .selectboxit:hover{
box-shadow: 0 1rem 2rem rgb(204 204 204 / 40%);
    border-color: transparent;
}
.wppb-form-field label{color:white;}
#wppb-form-element-7,#wppb-form-element-10,#wppb-form-element-1{text-transform: uppercase; color: darkolivegreen; font-size: 18px;font-family: 'Lato', sans-serif;}
P.warning{text-align:center;margin-top:35px;width: 100%;box-sizing: border-box;background: #e7f7d3;border: 1px solid #6c3;padding: 6px 9px;}
/*lost password*/
p.wppb-success{margin-top:55px;text-align:center;}
#wppb-recover-password p{color:white;font-family: 'Lato', sans-serif!important; text-align: center;
font-size: 20px;}
#username_email{width:100%!important;}
.wppb-username-email label{display: none!important;}
.login-register-lost-password a{color:white;text-decoration:none;font-size:22px;}
@media screen and (max-width: 768px)
{
p.alert.wppb-success{margin-top:0px;}
.wppb-form-field > span.select2-container{width:auto!important;}
#dyt_admin{overflow-x:auto;}
.wppb-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]){width:100%;}
#rememberme{width:auto;}
}
/*e-timesheet css*/
#dyt_form{ margin-top: 30px!important;font-family: 'Lato', sans-serif!important;}
a.dyt_bkw:hover, a.dyt_fwd:hover{background:#c67f2d!important;}
.dyt_control, #dyt_sum, #dyt_cal {border-left: 5px solid #f39033!important;}
.dyt_day{border: 1px solid #03a84e!important;}
.dyt_light {background-color: #ffffff!important;}
.dyt_title{ color: #9f248a!important;}
#dyt_sum table td{color:grey;}
#dyt_sum input[type=text]{background:white!important;}
.time_nouser{text-align:center;width: 100%;box-sizing: border-box;background: #f7d3d3;border: 1px solid #e94646a8;padding: 6px 9px;font-family: 'Lato', sans-serif;margin-top:15px;}
/*my sigature*/
#signature-pad{padding:15px 0;}
.description{padding-right: 15px;}
.signature-pad--actions{padding-right:15px;}
/*my contractors*/
#usersettings{width:100%;}
#dyt_admin{margin-top:50px;}
#dyt_admin table td{text-align:center;}
/* .dyt_pop .stepup, .dyt_pop .stepdown{ display: none !important; } */
.dyt_pop .stepup, .dyt_pop .stepdown{ font-size: 0.8em !important; position: relative !important; }
.ginput_container_radio input{width:auto;margin-top:0px !important;}
/*latest jobs*/
.job-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 1200px;
    margin: auto;
    padding: 20px;
}
.job-card {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 150px;  /* Ensuring all job cards have the same minimum height */
}
.job-title {
    text-align: left;
    width: 25%;
    min-width: 250px;
    font-family: "Helvetica", Sans-serif  !important;
    font-size: 24px !important;
    font-weight: bold !important;
    color: #0093CD  !important;
}
.job-content {
    display: flex;
    flex-direction: row;
    width: 99%;
    gap: 10px;
    align-items: center;
}
.job-description {
    font-size: 15px;
    color: #444;
    text-align: left;
    line-height: 1.6;
    width: 100%;
    font-weight: 400;
    font-family: "Helvetica", Sans-serif;
    padding: 0px 20px !important;
}
.job-button-container {
    text-align: right;
    width: 100%;
}
.job-button {
    background: #00a650;
    color: #fff;
    padding: 12px 18px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    display: inline-block;
}
.job-button:hover {
    background: #00803a;
}
/* Responsive Design */
@media (max-width: 992px) {
    .job-card {
        flex-direction: column;
        align-items: flex-start;
        min-height: auto; /* Reset height for mobile */
    }
    .job-title, .job-content {
        width: 100%;
    }
    .job-button-container {
        text-align: left;
    }
}
/************ parent theme customise ******************/

.owl-theme .owl-nav [class*='owl-']:hover {
    background: none !important;
   
}
.owl-theme .owl-nav [class*='owl-'] {
    background: none !important;
   
}

button.owl-prev:hover
{
	background:rgba(0,0,0,0);
}
button.owl-next:hover
{
	background:rgba(0,0,0,0);
}


.owl-prev
{
	font-size:52px !important;
}

.owl-next{
	font-size: 52px !important;
}

.thumbnail 
{
	margin-top: 30px !important;
}
.name
{
	    color: #f39120!important;
	margin-top: 20px !important;
}


@media only screen and (min-width: 1024px)
.layout-709 .element-1586678039554 {
    max-height: 90px;
    max-width: 90px;
    margin-top: 30px !important;
}


.layout-709 .element-1586678048313 {
  
background-color: white !important;
    color: black !important;
	text-align: center !important;
    border-radius: 8px;
	margin-top:30px !important;
	font-family: 'Helvetica'!important;
    font-size: 17px!important;
	
}

.arrow-bottom-middle:after {
	border-top-color:white !important;
}

.arrow-bottom-right::after, .arrow-bottom-left::after, .arrow-bottom-middle::after {
  border-top-color: #ffffff 		!important;
}

.button.green
{
	border:1px;
	border-radius:10px;
	background:#00b158!important;
}
.button.orange 
{
		border:1px;
	border-radius:10px;
	background:#f39120!important;
}
.button.white
{
	background: #00b158!important;
    border: 1px solid;
    border-radius: 10px;
}
.banner .text h1
{
	font-family:'Helvetica'!important;
	font-size:36px!important;
	font-weight:bold!important;
	color:#0093cd!important
	
}
.banner .text p
{
	max-width:100%!important;
	font-family:'Helvetica'!important;
	font-size:15px!important;
	color:#444444!important;
	
	}
.banner
{
	height:520px!important;
	background-position:center!important;
}
.intro
{
	background-color:#00b158!important
}
.intro h2
{
	font-family:'Helvetica'!important;
	font-size:36px!important;
}
.intro p
{
	font-family:'Helvetica'!important;
	font-size:15px!important;
}
.button.blue {
	background:#f39120!important;
	border: 1px solid;
    border-radius: 10px;
}
.jobs{
	display:flex;
	justify-content:space-between!important;
	padding: 50px;
}
.site-stats{
padding-top: 80px;
    padding-bottom: 80px;
}
.site-stats h2
{
font-family: 'Helvetica'!important;
    font-size: 36px!important;
    font-weight: bold!important;
    text-align: center;
    color: #0093cd!important;
	margin:auto;
}
.site-stats p
{
	font-family: 'Helvetica'!important;
    font-size: 15px!important;
    color: #444444!important;
	text-align:center!important;
}
.stats
{
	display:flex!important;
	justify-content:space-between!important;
}
.stats-no
{
	width:25%!important;
	height:150px!important;
	    font-family: Helvetica!important;
    font-size: 36px!important;
    color: #444444!important;
	border-right:1px outset!important;
}
.stats-job
{
	font-family: 'Helvetica'!important;
    font-size: 15px;
    color: #444444!important;
	padding-top:20px!important;
}
.stats-last
{
	width:25%!important;
	height:150px!important;
	    font-family: Helvetica!important;
    font-size: 36px!important;
    color: #444444!important;
}
.stats-border
{
	display:flex!important;
	flex-direction:column;
	justify-content:center!important;
	height:150px!important;
	align-items:center!important;
	text-align:center!important;
}
.a
{

	display:flex!important;
	justify-content:center!important;
	height:150px!important;
	align-items:center!important;
	text-align:center!important;
}
.resume-row
{

	max-width: 1280px!important;
    width: 100%!important;
    height: 100%!important;
    position: relative!important;
    margin: auto!important;
    padding: 80px 40px;
}
.resume-row h3, h4
{
	font-family: 'Helvetica'!important;
    font-size: 36px!important;
    font-weight: bold!important;
    color: #0093cd!important;
	margin:auto;
}
/* .box
{
	width:50%!important;
} */
.newsletter h4
{
	font-family: 'Helvetica'!important;
    font-size: 24px!important;
    font-weight: bold!important;
    color: #ffffff!important;
}
ul.menu a
{
	font-family: 'Helvetica'!important;
    font-size: 15px;
    color: #7c7c7c!important;
}
ul.menu a:hover
{
color:#0093cd!important;
}
.header
{
	background-color:#ffffff;
	border-bottom:1px solid #fff!important;
	box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
}
ul.menu
{
	bottom:34px!important;
}
.btn-border
{
	color:#0093cd!important;
	border:2px solid!important;
	border-radius:6px!important;
	border-color:#0093cd!important;
padding:10px!important
	
}
.side-index
{
	display:flex;
	justify-content:space-between;
}
.site-row
{
	padding-top: 80px;
    padding-bottom: 80px;
}
.site-row h2
{
	font-family: 'Helvetica'!important;
    font-size: 36px!important;
    font-weight: bold!important;
    color: #ffffff!important;
	margin:10px;
	text-align:center;
}
.site-bg
{
	background-color:#0093cd!important;
}
.side-index ul li a,.side-index ul li
{
	font-family: 'Helvetica'!important;
    font-size: 15px!important;
    color: #ffffff;
	text-decoration:none!important;
}
.footer-flex
{
	display:flex;
	justify-content:space-between;
}
.footer
{
	border-top:0px!important;
	background-color:#066c94!important;
	padding-bottom:25px!important;
	padding-top:25px!important
}
/* .box
{
	width:100%!important;
} */
#wppb-recover-password ul {
    max-width: 100%;
}
#wppb-login-wrap .login-remember label {
    
    color: #0093CD;
}
#dyt_admin .view {
    color: #0093CD;
}
#usersettings {
    width: 100% !important;
}
@media screen and (max-width: 768px) {
.dyt_pop .stepup, .dyt_pop .stepdown {
    font-size: 0.6em !important;
 
}

.dyt_pop .stepup:after {
   
    margin-right: 0em !important;
}
	.dyt_pop .punch {
		padding: 0.3em;
	}
.stats {
    display: flow-root !important; 
    text-align: -webkit-center;
    
}
	
	.stats-no {
    border: none !important;
	}

	#dyt_sum input[type="submit"]{
		margin:5px;
	}
	input#period_note {
    margin: 0 0 5px 0 !important;
		width: 100% !important;
}
	input#TOT {
    margin: 0 0 5px 0 !important;
}
}
/* me */
@media only screen and (max-width: 767px) {

input#contractor_upload_PDF {
    width: 100% !important;
}
	input#date_type {
    width: 100% !important;
}
	input#client_date {
    width: 100% !important;
}
	input#client_upload_PDF {
    width: 100% !important;
}
	input#TOT {
    width: 100% !important;
}
	input#TOTDAYS {
    width: 100% !important;
}
	.page-id-434 div .dyt_day {
    width: 700px !important;
		text-align: left;
}
	.page-id-434 div#dyt_cal {
    overflow: scroll;
    width: 559px !important;
}
	input[type="time"] {
  padding: 5px;
		width: 103px;
}
}