/*
Theme Name: First Responder Careers
Theme URI:
Author: SEOTA
Author URI:
Description:
Version: 2023.01
*/
@charset "utf-8";
/* CSS Document */
.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}

#page{ overflow:hidden;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.banner{ position:relative; /*overflow:hidden;*/}
.banner .image-fit{ height:660px;}
.banner .container{ position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:100; padding-top:100px;}
.banner .container .form-content{ background:rgba(255, 255, 255, 0.90); box-shadow:10px 15px 25px 0px rgba(0, 0, 0, 0.08); padding:34px 24px; letter-spacing:0.5px; color:#000; font-size:18px;}
.banner .container .form-content h2{ text-transform:uppercase; color:var(--bs-blue); background:url(images/form-title-bg.svg) no-repeat top left; padding-top:16px; padding-left:16px;}
.banner .container .form-content p{ padding-left:16px;}
.banner .container .form-content .form-control, .banner .container .form-content .form-select{ background-color:transparent; border:none; box-shadow:none; border-bottom:1px solid #D9D9D9; color:#000; font-size:18px; text-align:center; padding:0; height:50px; text-align:left;}

.header{ position:fixed; top:0; left:0; z-index:1000; right:0; background:rgba(255, 255, 255, 0.90);}
.header .container{ max-width:1650px; height:100px;}
.header .container .logo img{ height:75px; width:auto;}
.header .container .btn{ font-size:18px; margin-left:15px;}

.section{ padding:75px 0; position:relative;}
.section .container{ position:relative; z-index:10;}
.section-lt{ background:linear-gradient(180deg, rgba(220, 237, 253, 0.35) 0%, rgba(246, 251, 255, 0.00) 100%);}
.section-light{ background:#EAF5FF;}
.section-logo:after{ background:url(images/water-mark.png); height:385px; width:336px; position:absolute; top:40px; right:40px; z-index:2; pointer-events:none; content:''; mix-blend-mode:luminosity;}

.w1 .block-item{ color:#fff;}
.w1 .block-item .full-img:before, .w1 .block-item .full-img:after{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:3;}
.w1 .block-item .full-img:before{background:linear-gradient(35deg, #000 3.64%, rgba(0, 0, 0, 0.00) 36.06%);}
.w1 .block-item .full-img:after{background:linear-gradient(35deg, #000 3.64%, rgba(0, 0, 0, 0.00) 36.06%); transform:rotateY(3.142rad);}
.w1 .block-item .d-lg-flex{ position:absolute; bottom:0; left:0; right:0; padding-bottom:24px; padding-right:24px; padding-left:24px; z-index:5; color:#fff;}
.w1 .block-item .btn{ white-space:nowrap;}
.w1 .block-item .d-lg-flex h2{ font-weight:400; font-family:var(--bs-body-font-family); text-transform:uppercase;}

.section-title{ position:relative; padding-left:80px;}
.section-title:before{top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background:#D9D9D9; width:300px; right:96%; content:''; position:absolute; height:1px; }
.section-title h3{ color:var(--bs-red); text-transform:uppercase;}

.job-item{background:#FFF; box-shadow:5px 4px 20px 0px rgba(0, 0, 0, 0.08); padding:45px; position:relative;}
.job-item:before{ background:url(images/blue-shape.svg); height:20px; width:20px; top:20px; left:20px; content:''; position:absolute; z-index:1;}
.job-item .flex-grow-1{ direction:ltr;}
.job-item .badge{ width:230px; margin-left:16px;}
.job-item h6{ font-size:14px; color:var(--bs-blue); padding-bottom:9px; margin-bottom:19px; border-bottom:1px solid #D9D9D9; text-transform:uppercase; letter-spacing:1px;}
.job-item h5{font-family:var(--bs-body-font-family); text-transform:uppercase; color:var(--bs-red); margin-bottom:9px; font-weight:700; letter-spacing:1px;}
.job-item .job-meta{ margin:0; padding:0; list-style:none;}
.job-item .job-meta li{ margin-bottom:10px; color:#000;}
.job-item .job-meta li span{ display:block; padding-left:30px; background-position:left center; background-repeat:no-repeat;}
.job-item .job-meta li span.time{ background-image:url(images/clock.svg);}
.job-item .job-meta li span.location{ background-image:url(images/pin.svg);}
.job-item .job-meta li span.salary{ background-image:url(images/money.svg);}
.job-item .content{ padding-top:16px; padding-bottom:16px; border-top:1px solid #d9d9d9;;}
.job-item  .apply-link{ color:var(--bs-blue); font-family:'Russo One', sans-serif; letter-spacing:3px; text-decoration:none; text-transform:uppercase; background:url(images/east.svg) no-repeat right center; padding-right:30px; display:inline-block;}

.footer{ background:var(--bs-blue); color:#fff;}
.footer a{ color:#fff; text-decoration:none;}
.footer a:hover{ color:#fff; text-decoration:underline;}
.footer-top{ padding:50px 0; border-bottom:1px solid rgba(255, 255, 255, 0.19);}
.footer-top h5{ margin-bottom:24px; text-transform:uppercase; height:50px;}
.footer-top .menu{ margin:0; padding:0; list-style:none;}
.footer-top .menu li + li{ margin-top:4px;}
.footer-bottom{ padding:20px 0; text-align:center;}
.footer .tnp-subscription input[type="text"], 
.footer .tnp-subscription input[type="email"], 
.footer .tnp-subscription input[type="submit"], 
.footer .tnp-subscription select, 
.footer .tnp-subscription textarea, 
.footer .tnp-profile input[type="text"], 
.footer .tnp-profile input[type="email"], 
.footer .tnp-profile input[type="submit"], 
.footer .tnp-profile select, 
.footer .tnp-profile textarea{ color:#fff; padding:0; background:none; border:none; border-bottom:1px solid #fff; height:50px; outline:0;}

.page-banner{ position:relative;}
.page-banner .container{ position:relative; z-index:100; height:445px; text-align:center; color:#fff; padding-top:100px;}
.page-banner .image-fit{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2;}
.page-banner .image-fit:before{background:rgba(0, 0, 0, 0.40); position:absolute; top:0; right:0; bottom:0; left:0; content:'';}

.search-form{ padding:40px; background:#FFF; box-shadow:10px 20px 40px 0px rgba(0, 0, 0, 0.05); color:#000}
.search-form  .form-control, .search-form  .form-select{ background-color:transparent; border:none; box-shadow:none; border-bottom:1px solid #D9D9D9; color:#000; font-size:18px; text-align:center; padding:0; height:50px; text-align:left;}
.section-list:before{ background:#EAF5FF; height:50px; content:''; z-index:1; position:absolute; top:0; left:0; right:0;}

.pack-box{ background:#fff; border:1px solid rgba(0, 0, 0, 0.10); box-shadow:0px 20px 30px 0px rgba(0, 0, 0, 0.05);}
.pack-box .title{ background:var(--bs-red); text-align:center; height:50px; color:#fff;}
.pack-box .content{ padding:30px 20px; font-size:15px;}
.pack-box .content ul{ padding:0; list-style:none;}
.pack-box .content ul li{ background:url(images/check_circle.svg) no-repeat left 2px; padding-left:26px;}
.pack-box .content ul li + li{ margin-top:6px;}
.pack-box .content h2{ color:var(--bs-blue); margin-bottom:20px; text-align:center;}
.pack-title h2{color:var(--bs-blue);}
.font-xl{ color:#000;}
.aw-1 .d-sm-flex{ margin:0; padding:0; list-style:none;}
.aw-1 .btn{min-width:180px;}
.aw-1 .d-sm-flex li + li{ margin-left:0; margin-top:16px; }
.aw-1 h2, .aw-1 p, .chequred-content .row [class*=col-] h2, .chequred-content .row [class*=col-] p{ margin-bottom:30px;}
.aw-1 h2{ color:var(--bs-blue)}

.chequred-content .row + .row{ margin-top:45px;}
.chequred-content .row [class*=col-]{ direction:ltr;}
.chequred-content .row:nth-child(even){ direction:rtl;}
.chequred-content .row [class*=col-] h2{ color:var(--bs-blue);}

.resource-title{ margin-bottom:12px;}
.resource-search{ margin-left:auto; margin-right:auto; margin-bottom:40px; border-radius:6px; border:1px solid #D7D7D7; background:#FFF; box-shadow:0px 20px 30px 0px rgba(89, 89, 89, 0.15); max-width:500px; position:relative; overflow:hidden;}
.resource-search .form-control, .resource-search .form-control:focus{ background:url(images/theme-img/search.svg) no-repeat 20px 50%; padding-left:46px; height:64px; border:none; box-shadow:none;}
.resource-search label{ display:block;}
.resource-search input[type="search"], .resource-search input.is-search-input{padding-right:74px; padding-left:30px; height:64px; border:none !important; background:none !important; box-shadow:none; width:100%; outline:0;}
.resource-search input[type="submit"]{background:url(images/theme-img/search.svg) no-repeat 20px 50% var(--bs-primary); background-size:20px; height:64px; width:64px; position:absolute; right:0; top:0; text-indent:-9999px; border:none;}

.reource-category{ margin-bottom:60px;}
.reource-category ul{ text-align:center; margin:0; padding:0; list-style:none;}
.reource-category ul li{ margin:0 4px 10px; display:inline-block;}
.reource-category ul a{ display:block; border-radius:36px; background:#F5F5F5; padding:15px 30px; color:var(--bs-black); text-decoration:none; font-size:16px; font-weight:600;}
.reource-category ul a:hover, .reource-category ul a.active{ background:var(--bs-primary); color:var(--bs-white);}

.blog-top-content{ margin-bottom:30px;}
.blog-top-content form{ display:block; position:relative; max-width:300px;}
.blog-top-content form label{ display:block;}
.blog-top-content form input[type=search]{ border-radius:5px; border:1px solid #BEBEBE; height:48px; outline:0;}
.blog-top-content form input[type=submit]{ background:url(images/theme-img/search.svg) no-repeat center; text-indent:-9999px; height:48px; width:48px; position:absolute; top:0; right:0; bottom:0; z-index:100; border:none;}

.post-item{ border-radius:10px; background:#FFF; box-shadow:0px 20px 40px 0px rgba(170, 170, 170, 0.15); overflow:hidden; margin-bottom:30px; border-radius:5px;}
.post-item time{border-radius:5px; background:rgba(45, 45, 45, 0.50); backdrop-filter:blur(25px); color:#fff; padding:10px 20px; position:absolute; left:24px; bottom:12px; z-index:100;}
.post-item .content{ padding:27px 20px;}
.post-item .content a.d-block{font-size:20px; font-style:normal; font-weight:700; line-height:30px; color:#000; text-decoration:none; margin-bottom:20px;}
.post-item .content ul{ margin-bottom:20px; padding:0; list-style:none; border-radius:5px; background:#F5F5F5; backdrop-filter:blur(25px); padding:10px; font-size:13px; font-weight:500;}
.post-item .content ul:after, .post-item .content ul li:after{ clear:both; content:''; display:table;}
.post-item .content ul li{ color:#000; font-size:14px; float:left;}
.post-item .content ul li + li:before{ content:"|"; margin:0 5px; float:left;}
.post-item .content ul li span{ float:left;}
.post-item .content ul li span + span:before{ content:","; margin:0 5px 0 0;}
.post-item .content .p-20{ padding-bottom:20px;}
.post-item .content .more, .back-link{color:var(--bs-primary); text-decoration:none; font-weight:700;}

.blog-details time{border-radius:5px; background:rgba(45, 45, 45, 0.50); backdrop-filter:blur(25px); color:#fff; padding:10px 20px; position:absolute; left:20px; bottom:20px; z-index:100; border-radius:5px;}
.blog-details .ratio{border-radius:20px; overflow:hidden; margin:40px 0;}
.blog-details .blog-title{ margin-top:40px;}
.blog-details .blog-meta{ margin-bottom:40px;}
.blog-details .blog-meta ul{ margin-bottom:0; padding:0; list-style:none; border-radius:5px; background:#F5F5F5; backdrop-filter:blur(25px); padding:10px; font-size:13px; font-weight:500;}
.blog-details .blog-meta ul:after, .blog-details .blog-meta li:after{ clear:both; content:''; display:table;}
.blog-details .blog-meta ul li{ color:#000; font-size:13px; float:left;}
.blog-details .blog-meta ul li + li:before{ content:"|"; margin:0 5px; float:left;}
.blog-details .blog-meta ul li span{ float:left;}
.blog-details .blog-meta ul li span + span:before{ content:","; margin:0 5px 0 0;}
.blog-details .entry-content h1, .blog-details .entry-content h2, .blog-details .entry-content h3, .blog-details .entry-content h4, .blog-details .entry-content h5, .blog-details .entry-content h6{ font-family:var(--bs-font-sans-serif); letter-spacing:0; margin-bottom:10px;}
.blog-details .entry-content img{border-radius:20px; box-shadow:30px 70px 60px 0px rgba(32, 54, 72, 0.10);}
.blog-details .entry-content ul li, .blog-details .entry-content ol li{ margin-top:3px;}

.blog-sidebar h2{font-size:24px; letter-spacing:0.72px; font-family:var(--bs-font-sans-serif); margin-bottom:20px;}
.blog-sidebar .wpp-list{ margin:0; padding:0; list-style:none;}
.blog-sidebar .wpp-list li{ position:relative; padding-left:130px; min-height:100px; font-family:'Poppins', sans-serif; font-weight:600;}
.blog-sidebar .wpp-list li + li{ margin-top:20px;}
.blog-sidebar .wpp-list li a:first-child{ display:block; height:100px; width:120px; position:absolute; top:0; left:0;}
.blog-sidebar .wpp-list li a:first-child img{border-radius:5px;}
.blog-sidebar .wpp-list li .wpp-post-title{color:#000; font-size:13px; font-weight:600; line-height:18px; text-decoration:none; display:block; text-transform:uppercase; margin-bottom:10px;}

details.readmore { cursor:text; position:relative;}
details.readmore summary { display:-webkit-box; pointer-events:none; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
details.readmore summary:after { top:100%; margin-top:1rem; display:block; cursor:pointer; position:absolute; pointer-events:initial; color:var(--bs-primary); font-weight:700; font-size:14px;}
details.readmore:not([open]) summary:after {content:attr(data-more);}
details.readmore[open] summary {-webkit-line-clamp:unset;}
details.readmore[open] summary:after {content:attr(data-less);}
.resource-search form.search-form{ padding:0 !important; border:none !important; box-shadow:none !important; background:none !important;}

.footer-top .social{ margin:0; padding:0; list-style:none; display:flex;}
.footer-top .social li + li{ margin-left:12px;}
.footer-top .social li a{ display:block; border:1px solid #fff; color:#fff; height:40px; width:40px; line-height:40px; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:50%;}
.footer-top .social li a:hover{ color:#fff; background:var(--bs-primary); border-color:var(--bs-primary); text-decoration:none;}


@media(min-width:575px){
.aw-1 .d-sm-flex li + li{ margin-left:16px; margin-top:0;}	
}

@media(min-width:768px){
.job-item{ direction:rtl;}
.pack-box .content h2, .pack-title h2{font-size:48px}
.font-xl{ font-size:22px;}
}