/*
Theme Name: TOLM Theme
*/
.contact-form {
    position: relative;
    .wpcf7-spinner{
        bottom: -20px;
    }
    .wpcf7-not-valid-tip {
        font-weight: 500;
        display: block;
        text-transform: capitalize;
        font-size: 0.7rem;
        margin-top: 5px;
    }

    .wpcf7-response-output {
        border: 1px solid red !important;
        color: #fff;
        font-weight: 400;
        background-color: #fff;
        color: red;
        font-size: 0.8rem;
        text-align: center;
    }
    .wpcf7-form-control-wrap {
        &:nth-child(1) , &:nth-child(2) {
            width: 100%;
            max-width: calc(50% - 8px);
            @media (max-width: 576px) {
                max-width: 100%;
            }
        }
    }
}

@media (max-width : 767px){
    .wpcf7-form-control-wrap {
        width: 100% !important;
    }
}

.projectCardWrapper{
    row-gap: 25px;
}
.project-card  {
    position: relative;
}
.project-card a {
        position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 1; opacity: 0;
}
.project-listing  .other-projects {
    .projectCardWrapper {
        max-width: initial 
    }
}
.hero-wo-bg {
    .btn-primary {
        &:hover {
            background-color: #fff;
            border-color: #fff;
            color: #000;
        }
    }
}

.feature-card {
    h4 {
        text-transform: uppercase;
    }
}

.alignnone , .alignleft , .alignright , .aligncenter  {
    display: block;
}
.alignright {
    float: right;
    margin: 0 0 20px 20px;
}
.footer:before {
    z-index: 2;
}
.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}
.alignleft.f-left {
    margin-right: 30px;
}
.aligncenter {
    float: none;
    margin: 0 0 20px 0;
}
.career-template .service-intro {
    padding: 50px 0;
}
/* .career-template section *:not(img):empty {
    display: none;
} */
img + br {
    display: none; 
}
.career-template .su-row {
    margin-bottom: 0;
}
.career-template h2 {
    margin-bottom: 20px; line-height: normal;
}
.search-no-results form[role="search"] ,
.error404 form[role="search"] {
	margin: 45px 0;
	display: flex;
    max-width: 500px;;
	label {
		width: calc(100% - 110px)
	}
	input[type="search"] {
		width: 100%;height: 46px;
		background: #fff;
		border: 1px solid #5bb64d;
		padding: 0 15px; outline: none;
	}
	input[type="submit"] {
		width: 110px;     background-color: #5bb64d; border: none; color:#020202;
        transition: all .3s;
        &:hover {
            background-color: #087fa8;
            color:  #fff;;
        }
	}
}
.mission-def-section h3 {
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1440 - 320)));
    text-transform: initial;
    font-weight: 500;
}
.has-single-pagination .main-section {
    .hero-text {
        /* h1  {
            font-size: calc(22px + (42 - 22) * ((100vw - 320px) / (1440 - 320)));
        } */
    }
    padding-bottom: 45px;
    .container {
        padding-top: 45px;
    }
}
.other-projects h2 {
     font-size: calc(28px + (45 - 28) * ((100vw - 320px) / (1440 - 320)));
     @media (max-width: 1300px) {
        font-size: 45px;
     }
}
.project-row {
    + p {
        font-weight: 500; max-width: 750px;
    }
}
.mission-card .mission-img {
    background-color: gray;
}
.blog-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}
.intro-text {
    margin-top: 45px;
    + form {
        margin-top: 25px !important;
    }
}
.meta-icon svg {
	max-width: 24px
}
article.status-publish {
	margin-bottom: 30px
}
.post-edit.meta-wrapper {
	margin-top: 15px
}
.post-edit.meta-wrapper .meta-icon {
	display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
h2.entry-title.heading-size-1{
	margin-top: 20px;
	 font-size: calc(28px + (42 - 28) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 300;
	margin-bottom: 5px;
}

.def-page {
    ul , ol {
        margin-left: 20px;;
        margin-bottom: 20px;
    }
    ul:not(.social-icons-fetures) {
        list-style: disc;
        li {
            list-style: disc;
        }
    }
    ol {
        list-style: decimal;
        li {
            list-style: decimal;
        }
    }
}

.showing-comments {
    .list_blog {
        padding-top: 40px;;
        .article {
            margin-bottom: 40px;
        }
        .entry-header {
                text-align: left;
                h2 {
                        text-transform: initial;
                        font-size: calc(24px + (38 - 24) * ((100vw - 320px) / (1920 - 320)));
                }
        }
    }
}
.safety-section h4 ,
.safety-section .safety-intro-wrapper h4 , 
.safety-section .features-row .feature-card p ,
.btn-tabs li {
    text-transform: uppercase;
}
.team-card-in figure img {
    width: 100%;
    height: 100%;
    
}
.main-menu ul li {
	position : relative
}
.main-menu ul .sub-menu {
	
}

@media (min-width : 768px) {
	.main-menu ul .sub-menu  {
		transition : all .3s;
		background-color: #fff;
		opacity : 0;
		visibility :hidden;
		position: absolute;
		top: 100%;
		left: 0;
		width : 200px;
		padding:0;

		li {
			color : #000; font-size : 0.8em;
			a {
				padding: 10px;
				display : block;
			}
		}
	}
	.main-menu ul li:hover {
		.sub-menu {
			opacity : 1;
			visibility :visible
		}
	}
	.arrrow-icon{
		display : none
	}
}
@media (max-width : 767px) {
	.arrrow-icon{
		        display: inline-block;
        max-width: 20px;
        width: 20px;
        position: absolute;
        top: 7px;
        height: 25px;
        right: 10%;
		transform-origin: 50% 50%;
		svg {
			path {
				fill : #fff
			}
		}
	}
	.sub-menu  {
		display: none; padding-left: 15px;
	}
	.main-menu{
		text-align: left
	}
	span.arrrow-icon.active {
		transform: rotate(180deg);
		
	}
}
.hero-section {
	background-color : rgba(0,0,0,.5) !important
}
.ninja-forms-field.nf-element[type="submit"] {
	width: 100%;
    max-width: 100%;
    color: #fff;
    text-transform: uppercase;
    background-color: #90c541;
    font-weight: 500;
    border: none;
    height: 40px;
}
.tolm-group{
    .categorySection .jobSection {
        justify-content: space-between;
        display: flex;
        align-items: center;
        margin: 0 !important;
        border-top: 1px solid #c4c4c4;
        padding: 20px 0;
        cursor: pointer;
    }

    .categorySection .jobSection .jobLinkContainer {
        display: inline-block;
        width: auto;
        font-size: 30px;
        flex: 1;
        font-weight: 400;
    }
    .categorySection .jobSection .jobLinkText {
        font-weight: 400;
        line-height: 1.25;
        display: block;
    }
    .categorySection .categoryHeadingSection {
        font-size: 45px;margin-bottom: 55px; line-height: 1.2;
    }
}

.page-template-career-template .service-intro .service-intro-text {
	padding-right: calc(var(--bs-gutter-x) * .5);
}
#commondivjobalert {
    .boldedText{
        font-size: 1.25em;
        display: block;
        margin-bottom: 0;
        font-weight: 500;
        line-height: 1.2;
        margin-top: 25px;
    }
    hr {
        display: none;
    }
}

.input-custom-wrapper{
    margin: 15px 0 0;
    display: flex;
    max-width: 500px;
    input[type="text"] {
        width: calc(100% - 110px);
        height: 46px;
        background: #fff;
        border: 1px solid #5bb64d;
        padding: 0 15px;
        outline: none;
    }
    input[type="button"] {
        width: 110px;
        background-color: #5bb64d;
        border: none;
        color: #020202;
        border: 1px solid  #5bb64d;;
        transition: all .3s;
        font-size: 0.9em;
        color: #fff;
        &:hover {
            background-color: #fff;
            color: #5bb64d;
        }
    }
}

@media (max-width: 1439px) {
    .tolm-group .categorySection .categoryHeadingSection {
        font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1440 - 320)));;
        margin-bottom:  calc(25px + (50 - 25) * ((100vw - 320px) / (1440 - 320)));;;
    }
    .tolm-group .categorySection .jobSection .jobLinkText {
         font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1440 - 320)));;
    }
}
 .hero-bg video {
            height: 100%;
        object-fit: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); width: 100% !important; min-height: 100%; min-width: 100%;
    }
@media (max-width: 767px) {
    .tolm-group  .categorySection .jobSection {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    #commondivjobalert {
        .boldedText {
            margin-bottom: 10px;
            + br {
                display: none;
            }
        }
    }

    
    .head-sec p + h3 {
        margin-top: 25px;
    }
    .copy-right-left {
        justify-content: center;
    }
}

.hero-section {
    background-size: cover;
}
.projectCardWrapper .project-card .card-image-wrapper .project-img {
    aspect-ratio: 21 / 14;
}

.awards-list {
    margin-left: 20px;
    li {
        list-style: disc;
    }
}

.project-items+.project-items {
    margin-top: 25px;
}
.our-collab-top {
    border: 0; padding-bottom: 0;
}
.project-items+.project-items .our-collab-top {
    border-bottom: 0;
        padding-top: 25px;
    border-top: 1px solid #737476;
}



#BDHRJobListings {
    background: #087fa8;
    padding: 30px 15px;
    color: #fff;
    box-sizing: border-box; margin-bottom : 35px; margin-top : 20px
}

#BDHRJobListings .categoryHeadingSection {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 40px;
}

#BDHRJobListings .jobSection {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 57px;
    padding: 12px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.55);
    font-size: 20px;
    line-height: 1.3;
    box-sizing: border-box;
}

#BDHRJobListings .jobSection:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}

#BDHRJobListings .jobLinkContainer {
    flex: 1;
    min-width: 0;
}

#BDHRJobListings .jobLink {
    color: #fff;
    text-decoration: none;
}

#BDHRJobListings .jobLinkText {
    display: inline;
}
#BDHRJobListings .separatorDash {
    display: none;
}

#BDHRJobListings .jobSection {
    padding-right: 0;
}


.unmatched-sec + .faq-wrapper {
	margin-top : 160px
}
#BDHRJobListings .jobSection::after {
    content: "";
    margin-left: 20px;
}
#BDHRJobListings .jobSection {
    color: #fff;
}

#BDHRJobListings .jobSection > .jobLinkContainer + .separatorDash + * {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}
#BDHRJobListings #commondivjobalert {
    margin-top: 30px;
    font-size: 12px;
    line-height: 1.35;
}

#BDHRJobListings #commondivjobalert hr {
    display: none;
}

#BDHRJobListings #commondivjobalert .boldedText {
    font-weight: 700;
}

/* #BDHRJobListings #commondivjobalert .input-custom-wrapper {
    display: none;
} */
#BDHRJobListings .addthis_toolbox {
    display: none;
}