/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.grl-sec .wd-gallery-item img {
    height: 270px;
}

.info-sec .wd-info-box {
    border-radius: 20px;
    padding: 10px;
    box-shadow: 1px 1px 6px #00188e42;
    height: 460px;
}

.homepage_banner.lpClass {
    position: relative;
}
#wpforms-form-432 label.wpforms-field-label {
    color: black;
    padding-bottom: 10px !important;
    font-size: 18px !important;
	
}
  .projectSuper-modal {
        display: none; /* Hidden by default */
        position: fixed;
        z-index: 1; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
    }

    /* Modal Content */
    .projectSuper-content {
        background-color: #fff;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 90%; /* Could be adjusted */
        max-width: 900px;
		border-radius: 20px !important;
		    position: relative;

    }

    /* Close Button */
.projectSuper-close-btn {
    color: black !important;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 4%;
    top: 1%;
}
button#wpforms-submit-432 {
    background-color: #000c33;
    color: white;
	padding:15px 40px;
}
    .projectSuper-close-btn:hover,
    .projectSuper-close-btn:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
.homepage_banner.lpClass .wpb_column.rightCol .vc_column-inner {
    position: absolute;
    right: 0;
}

.homepage_banner.lpClass .wpb_column.rightCol {
    width: 70%;
    clip-path: polygon(56% 0, 100% 0, 100% 100%, 0% 100%);
    position: relative;
    left: 30%;
	cursor:pointer;
}

.wpb_column.leftCol.vc_column_container.vc_col-sm-6.vc_col-has-fill.wd-bg-center-center.wd-rs-674126c97bb5d {
    width: 77%;
    position: absolute;
    left: 0 !important;
    clip-path: polygon(0% 0%, 92% 0%, 41% 100%, 0% 100%);
	cursor:pointer;
}

.wpb_column.leftCol.vc_column_container.vc_col-sm-6.vc_col-has-fill.wd-bg-center-center.wd-rs-674126c97bb5d .wd-info-box {
    text-align: left;
}

.homepage_banner.lpClass .wpb_column.rightCol .vc_column-inner div#wd-673f7abad585d {
    text-align: right;
}

.homepage_banner .vc_column-inner img {
    width: 200px;
}

.homepage_banner.lpClass .wpb_column.rightCol .vc_column-inner .wd-info-box {
    text-align: right;
}



.wd-tabs-header.text-center li a {
    background-color: #0f1d51;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 50px;
    color: #fff;
    padding: 10px 21px;
}
.wd-tabs-header.text-center li.wd-active a, .wd-tabs-header.text-center li a:hover {
    background-color: #ffd502;
    color: #000;
}
.wd-tab-content-wrapper {
    background-color: #001867;
    padding: 36px 15px 10px;
    border-radius: 15px;
    box-shadow: 0px 0px 2px #001867;
    color: #fff;
}

.wd-tab-content-wrapper > * {
    font-size: 18px;
}


/************ Project page Start *******************/

/* .project_inner {
    display: flex;
    justify-content: space-between;
} */

.project_card {
    width: 22%;
    text-align: center;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 3px 0px;
    padding: 20px;
    border-radius: 20px;
}

.project_card img{
	width:100%;
	max-width: 41%;
}
button#openModalBtn {
    margin-left: 2%;
	background-color:#ffd502;
	color:#001867;
	border-radius:20px;
}
.project_card button {
 	background-color:#ffd502;
	color:#001867;
	border-radius:20px;
	font-size:12px;
}
.project_card:hover {
    border: 1px solid #ffd502;
}

#addProjectForm input#project_title {
    border-radius: 5px;
   
    margin-bottom: 10px;
}

#addProjectForm input#project_image {
    margin-bottom: 15px;
}
#addProjectForm button#submitBtn {
    margin-top: 20px;
		background-color:#ffd502;
	color:#001867;
	border-radius:20px;
}
#addProjectForm label {
    color: black;
    font-weight: 600;
}
#addProjectForm select#assigned_users option {
    color: black;
    font-size: 14px !important;
    padding: 5px 0px;
    text-transform: capitalize;
}
a#openModalBtn {
    background-color: #ffd502;
    padding: 10px 30px;
    border-radius: 10px;
    display: inline-block;
    color: #000000;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
body.page-id-253 footer.footer-container.color-scheme-dark {
    display: none;
}
body.page-id-253 .whb-column.whb-col-center.whb-visible-lg {
    display: none;
}
body.page-id-253 .whb-flex-row.whb-general-header-inner {
    display: flex;
    justify-content: center;
}
.ourlinks a {
    display: block;
    text-decoration: underline;
    font-size: 18px;
    margin-bottom: 15px;
    font-style: italic;
    color: #fff;
}
.wd-tab-content-wrapper h2 {
    color: #fff;
}
/************* project page End ********************/
.project-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-right: 30px;
}
.project-header .project-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.project-header .project-search input, .project-header .project-search select {
    height: 48px;
    padding: 8px 24px;
    border: 1px solid #ccc;
    margin-left: 14px;
    border-radius: 10px;
}
div#formModal {
    z-index: 99999;
}

/*  */
  
    /* Modal (hidden by default) */
    .page-id-253 .modal {
        display: none; /* Hidden by default */
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto; /* Enable scroll if the content is too long */
        background-color: rgba(0, 0, 0, 0.4); /* Black with transparency */
    }

    /* Modal content */
   .page-id-253 .modal-content {
        background-color: #fff;
        margin: 10% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%; /* Could be more or less, depending on screen size */
        max-width: 600px;
	   border-radius:10px;
    }

    /* The close button */
   .page-id-253 .close {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

   .page-id-253 .close:hover,
  .page-id-253 .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    /* Style the button to open the modal */
    .page-id-253 .open-btn {
       background-color: #ffd502;
        color: #000;
        padding: 10px 20px;
        border: none;
        cursor: pointer;
		border-radius:20px;
    }

    .page-id-253 .open-btn:hover {
        background-color: #001867;
		color:white;
    }

    /* Table styling for submitted data */
    .page-id-253 table {
        width: 100%;
        border-collapse: collapse;
    }

   table, th, td {
    border: 1px solid #ccc !important;!i;!;
    }

    .page-id-253 th, td {
        padding: 8px;
        text-align: left;
    }

    .page-id-253 th {
    background: #fff;
    font-weight: 700;
    }

.rightCol{
	cursor:pointer !important;
}
/* .page-id-253 .modal-content lable {
    color: black;
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 10px;
} */
.page-id-253 .modal-content input[type="text"] {
    color: #001867;
    border-radius: 20px;
    text-transform: capitalize;
	border-color:#001867;
}
#formModal button {
    background-color: #ffd502 !important;
    color: #001867 !important;
    padding: 2px 35px !important;
    border-radius: 20px;
    line-height: 6px;
    /* font-size: 15px; */
    /* font-weight: 700; */
}
#formModal lable {
    margin-top: 10px;
	  color: #001867;
    font-weight: 500;
    font-size: 20px;
}
#formModal input[type="file"]{
	padding-top:15px;
}
table {
    border: 1px solid white;
}
tbody {border: 0 !important;}
tbody tr:nth-child(odd) {
    background-color: #ffd502;
}
div#formModal table tbody * {
    color: #fff !important;
}
table tbody * {
    color: #fff !important;
}
table tbody td a {
    font-weight: 700;
    text-decoration: underline;
}
tbody tr:nth-child(odd) * {
    color: #000 !important;
}
tbody tr:nth-child(odd) *:hover {
}
table {
    margin-top: 23px;
}
.flexinput {
    display: flex;
    justify-content: space-between;
    margin-top: 34px;
    margin-bottom: 21px;
	align-items:center;
}
.flexinput input {
    width: 48%;
}
a.icon-img img {
    height: 28px;
    margin-left: 9px;
    position: relative;
    top: -2px;
}
.vc_tta-panel-body {
    background: #001867 !important;
    color: #ffffff;
}
form#wpforms-form-271 label, .vc_tta-panel-body label {
    color: #ffffff;
}
button#wpforms-submit-271, .vc_tta-panel-body button {
    background: #ffd502 !important;
    width: 100% !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700 !important;
    letter-spacing: 2px;
}
.vc_tta-panel-body a {
    color: #ffffff;
}
#editProjectModal .modal-content {
    background-color: #fefefe;
    margin: 0% auto;
    padding: 20px;
    border-radius: 8px;
    width: 80%;
    max-width: 60%;
    padding-bottom: 19px;
}
#editProjectModal select#edit_assigned_users {
    max-height: 200px;
    overflow-y: auto;
}
button.close_btn {
    background-color: #001867;
    margin-top: 10px;
    color: white;
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
 .project_card {
 
    width: 100% !important;
  
}
    .project-header {
        display: inline-block;
        text-align: center;
		 padding-right: 0px;

        
    }
	.project-header a {
    margin-bottom: 20px;
}
	.search-by-user {
    width: 50%;
    margin: auto;
    margin-top: 15px;
}
	.project-header .project-search {
    display: inline;
    /* justify-content: space-between; */
    /* align-items: center; */
}
	.project-header .project-search input, .project-header .project-search select {
  
    margin-left: 0px; 
 
}
}


.newSlider .wd-info-box {
    height: 600px;
    position: relative;
}

.newSlider .wd-info-box:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: #0808088f;
}

.newSlider .wd-info-box .info-box-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 55%;
    padding-left: 13%;
    z-index: 999;
}

.newSlider .wd-info-box .info-box-content .info-box-subtitle {
    color: #fff;
    font-size: 22px;
}

.newSlider .wd-info-box .info-box-content .info-box-title {
    color: #fff;
    font-size: 38px;
}

.newSlider .wd-info-box .info-box-content .info-box-inner {
    color: #fff;
    font-size: 16px;
}

.newSlider .wd-carousel-container {
    margin-bottom: 0;
}
.docviewer {
    position: fixed;
    z-index: 9999999;
    top: 15%;
    left: 0;
    right: 0;
    background-color: #001867;
    width: 84%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 30px;
    display: none;
    box-shadow: 0px 0px 0px 3px #ccc;
    height: 500px;
}
.docviewer iframe {
    height: 364px;
    width: 90%;
}
td.fileanc a {
    text-decoration: none;
    margin-right: 20px;
}
td.fileanc a:hover {
    text-decoration:underline;
    
}