/* Inner-page-only styles, split out of style.css so the home page never
   downloads rules it cannot use. Not enqueued on the Home template. */



/*End*/

/*---- Flexbel Page Template  ----*/
.table-wrap {display: table;height: 100%;width: 100%;}
.inner-page-banner .video-bg { height: 250px; background-position: center; background-size: cover;}
.inner-page-banner h1 {font-family: var(--fm-source-sans); font-size: 4em; font-weight: 700; color: white; text-transform: capitalize;}
.inner-page-banner .banner-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.inner-page-banner .content-in { text-align: left; display: table-cell; vertical-align: middle; }
.breadcrumb{margin: 10px 0 0;}
.breadcrumb a{color: white;font-weight: 600;}
.breadcrumb a:hover{color: var(--black);}
.breadcrumb span{color: white;padding: 0 5px;text-transform: uppercase;}
.breadcrumb span.team-parent + span a {display: none;}
.breadcrumb span.team-parent + span, .breadcrumb span.team-parent + span span, .breadcrumb span.team-parent {padding: 0 !important;}


.practice-areas{text-align: center;}
.practice-areas + .practice-areas{padding-top: 0}
.practice-areas h2{position: relative;}
.practice-areas h2 span {color: var(--black);background: white;padding-right: 50px;}
/*.practice-areas h2:before {content: " ";display: block;height: 100%;width: 100%;position: absolute;background: white;top: 0;left: 0;}*/
.practice-areas h2 span:after {z-index: -1; content: " ";display: block;height: 1px;width: 100%;position: absolute;background: var(--red);top: 49%;right: 0;}

/*about us*/

.our-team .our-team-row{text-align: center;margin: 100px 0;}
.our-team .our-team-row aside{width: 24%;float: none;display: inline-block;padding: 0 10px !important;margin-bottom: 20px;}
/*.our-team aside{box-shadow: 0px 10px 22.56px 1.44px rgba(19, 37, 47, 0.18);}*/
.our-team .team-card {position: relative;box-shadow: 0px 10px 22.56px 1.44px rgba(19, 37, 47, 0.18)}
.our-team .card-con {position: absolute;bottom: 0;width: 100%;background: white;text-align: center;padding: 15px 5px;}
.our-team .card-con h3{font-family: var(--fm-merri);font-size: 1.250em;font-weight: 800;text-transform: capitalize;}
.our-team .card-con p{margin: 0;font-family: var(--fm-source-sans);color: var(--red);text-transform: uppercase;line-height: 28px;font-weight: 600;}
.our-team .card-img img {width: 100%;}

.single-attorney .right-sec img{width: 100%;height: auto;}
.single-attorney .right-sec .award-logo img{width:auto;}
.single-attorney .right-sec .contact-button{margin: 40px 0; text-align: center;}
.single-attorney iframe{width: 100%;height: 500px;margin: 20px 0;}

/*.service-grid .right-content-sec img{height: 300px;object-fit: cover;width: 100%;}*/
.service-grid .right-content-sec img{ height: auto;}
.left-form{background: #222222;padding: 60px;}*/
.hide-form .left-form{display: none;}
.hide-form .practice-area-list{margin-top: 0}
html .left-form .gfield_radio{text-align:left;}
html .left-form .gfield_radio label{display: inline-block !important;}
html .left-form #input_2_9 label{line-height: 26px;display: inline-block !important;color: white !important;font-weight: 400 !important;font-size: 17px !important; padding-left: 15px; vertical-align: top;}
html .left-form #input_2_9 input{display: inline-block;padding-left: 15px; height: 21px;width: 21px !important;border: 1px solid #cccccc;border-radius: 0;color: var(--black);padding: 0 15px !important;font-size: var(--fs-18)!important;}

.practice-area-list{background: #f9f8f8;padding: 60px;margin-top: 60px;}
.practice-area-list h2{font-size: 1.875em;font-family: var(--fm-merri);font-weight: 700;text-transform: capitalize;margin-bottom: 40px;line-height: 38px;}
.practice-area-list h3{font-family: var(--fm-source-sans);font-weight: 700;font-size: 1.125em;letter-spacing: 1.5px;}
.practice-area-list h3 a{color: var(--black);}
.practice-area-list .list-block{border-bottom: 1px solid #cbcbcb;padding-bottom: 22px;margin-bottom: 22px;}
.practice-area-list .list-block ul{margin-top: 18px;}
.practice-area-list .list-block ul li{font-weight: 300;font-size: 1.063em;font-family: var(--fm-merri);line-height: 26px;color: var(--black);padding-left: 25px;position: relative;}
.practice-area-list .list-block ul li a{color: var(--black);}
.practice-area-list .list-block ul li a:hover{color: var(--red);}
.practice-area-list .list-block ul li:before{content: "\f054";font-family: "Font Awesome 5 Pro";font-weight: 600;position: absolute;left: 0;top: 0;color: var(--red);font-size: 16px;}
.practice-area-list .list-block ul li + li {margin-top: 12px;}
.practice-area-list .list-block:last-child {border: 0;padding: 0;margin: 0;}

.accordion-section{padding: 50px 0;}
.accordion-section .accordion-button{color: var(--black);padding: 20px 20px 0 0;font-family: var(--fm-merri);font-weight: 700;font-size: 20px;text-transform: capitalize;}
.accordion-section .accordion-button:focus{border-color: white;box-shadow: none;}
.accordion-section .accordion-body { padding: 20px 0 50px;}
.accordion-section .accordion-item{border-bottom: 1px solid var(--red) !important;}
.accordion-section .accordion-button::after {flex-shrink: 0;width: auto; height: auto; margin-left: auto;background-image: none !important;background-repeat: no-repeat;transition: transform .2s ease-in-out;font-family: "Font Awesome 5 Pro";font-weight: 500;content: "\f078";top: 0;position: relative;z-index: 5;font-size: 22px;}
.accordion-section .accordion-content{margin-bottom: 20px;}
.two-col-list{display: flex;justify-content: space-between;margin: 25px 0 35px}
.left-form-right-content .right-map{background: #f9f8f8; padding: 60px;}
.left-form-right-content .right-map h3{font-family: var(--fm-merri);text-transform: capitalize; font-size: 1.375em;font-weight: 700;margin-bottom: 20px;}
.left-form-right-content .right-map h4{font-weight: 700;letter-spacing: 1px;}
.left-form-right-content .right-map p{font-family: var(--fm-merri);}

.case-results #ajax-load-more .alm-listing {display: grid;grid-gap: 0;grid-template-columns: repeat(2, minmax(0, 1fr));}
.case-results .results-box {border: 2px solid var(--gold);border-top-width: 2px;border-top-style: solid;border-top-color: rgb(182, 141, 75);border-top: 12px solid var(--gold);padding: 38px 55px 80px 45px;margin: 0 30px 60px;}
.case-results h3 {color: var(--black);font-size: 2.5em;font-weight: 700;font-family: var(--fm-source-sans);text-transform: capitalize;}
.case-results h4 {color: var(--red);font-size: 1.375em;font-weight: 400;text-transform: uppercase;letter-spacing: 2px;margin-top: 0px;}
.results-box-in {height: 100% !important;}
.case-results p{letter-spacing: 0; margin-top: 30px;}
html .alm-btn-wrap{padding: 0 !important;margin: 0 !important;}
html .alm-btn-wrap .alm-load-more-btn{color: #fff;padding: 18px 70px;text-transform: uppercase;font-weight: 700;line-height: normal;margin: 0 auto;display: block;border: 0;letter-spacing: 0.50px;height: auto;border-radius: 0;background: var(--red);background-color:var(--red);}
html .alm-btn-wrap .alm-load-more-btn:hover{background: var(--black)}

.case-results .news-grid{display: grid;grid-gap: 0;grid-template-columns: repeat(3, minmax(0, 1fr));}
.news-sec .results-box-in figure{margin-bottom: 40px;}
.news-sec .results-box-in figure img{ height: auto; width: 100%;}
.case-results.news-sec .results-box{padding: 30px;margin: 0 20px 40px;}
.news-sec .news-grid p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.main-blog .left-sec{display: grid;grid-gap: 30px;grid-template-columns: repeat(2, minmax(0, 1fr));}
.main-blog artical{position: relative;}
.main-blog .left-sec .cat{position: absolute;margin: 20px;background: var(--red);color: white;padding: 0 15px;border-radius: 50px;line-height: 40px;}
.main-blog .left-sec img{height: 170px; object-fit: cover;width: 100%;}
.main-blog .left-sec h2{font-size: 24px;line-height: 30px;margin-bottom: 25px;}
.main-blog .figure-content{background: #f9f8f8;padding: 35px 25px;}
.main-blog article{background: #f9f8f8;}
.main-blog .author-date{border-top: 1px solid #cbcbcb;margin-top: 10px;padding-top: 10px;font-family: var(--fm-source-sans);font-size: var(--fs-16);}
.main-blog .author-date .date{position: relative;padding-left: 10px;}
.main-blog .author-date .date:before{content: "\f111";font-family: "Font Awesome 5 pro";margin-right: 0;position: relative;color: var(--red);font-weight: 700;font-size: 5px;top: -2px;left: -5px;}

.main-blog.single-blog img{height: 300px;object-fit: cover;width: 100%;}
.main-blog.single-blog article{background: white;}
.main-blog .sidebar-posts h4{font-size: 1.875em;font-family: var(--fm-merri);font-weight: 700;text-transform: capitalize;margin-bottom: 30px;line-height: 38px;}
.main-blog .sidebar-posts ul li{font-weight: 300;font-size: 1.063em;font-family: var(--fm-merri);line-height: 26px;color: var(--black);position: relative;}
.main-blog .sidebar-posts ul li a{color: var(--black);}
.main-blog .sidebar-posts ul li a:hover{color: var(--red);}
.main-blog .sidebar-posts ul li + li {border-top: 1px solid #cbcbcb;margin-top: 15px;padding-top: 15px;}
.main-blog .sidebar-posts{ border-bottom: 1px solid #cbcbcb;padding-bottom: 20px; margin-bottom: 40px;}

/*.main-blog .sidebar-posts + .sidebar-posts{margin-top: 20px;border-top: 1px solid #cbcbcb;padding-top: 40px;}*/
.main-blog p a strong{color: var(--red);}
.main-blog p a strong:hover{color: var(--black);}
.blog-excerpt p{width:100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.def-pagination{ padding: 20px 0 10px;}
.def-pagination:after{ content: ""; clear: both; display: block;}
.def-pagination a, .def-pagination span { font-size: 1.143em; padding: 5px 10px; background: var(--red); color: #fff; display: inline-block; margin: 0 3px 5px; min-height: auto; border: none; line-height: normal !important;}
.def-pagination span.current{ background: #777;}

.border-width, .page-id-530 footer{border-top: 5px solid var(--red);}

.videos-sec .col-md-4 {margin: 0 0 30px;}
.videos-sec .video-box{border: 1px solid var(--red);border-radius: 7px;height: 100%;position: relative;}
.yt-video {overflow: hidden;padding-bottom: 56.25%;position: relative;height: 0;border-radius: 6px;}
.yt-video iframe {left: 0;top: 0;width: 100%;height: 100%;position: absolute;}
.video-box .vid-cont {padding: 15px;}
.video-box h3 {font-size: 1.125em;font-weight: var(--red);}
.video-box p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.page-id-11 .practice-areas { padding-top: 0; }
.page-id-149 .practice-areas { padding-top: 0; }
.page-id-149 .practice-areas.our-offices { padding-bottom: 0; }
.faq-container { max-width: 1000px; }
.faq-container .faq-item.first-faq { border-top: 0; }
.faq-container .faq-item { border-top: 2px solid #e8e8e8; padding-top: 10px; text-align: left;padding-left: 0;padding-right:0 }
.faq-container .faq-item div{font-size:18px;line-height: 1.5rem;}
.faq-container .faq-item ul { margin-left: 50px; }
.faq-container .faq-item ul li { list-style: circle; }
.faq-container h3 { padding: 0.5rem 0 0.5rem 0; position: relative; text-transform: capitalize;}
.faq-container .faq-item h3{font-weight: 600;}
.faq-container h3 a { display: block; cursor: pointer; width: 92.5%; }
.faq-container h3 a .ac_open_cl_icon { height: 15px; width: 15px; right: 30px; position: absolute; top: 35%; -o-transform: rotate(0deg) translateY(-50%); -ms-transform: rotate(0deg) translateY(-50%); -moz-transform: rotate(0deg) translateY(-50%); -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%); transition: .25s; }
.faq-container h3 span { width: 90%; display: inline-block; }
.faq-container h3 br, .faq-container .faq-item > p { display: none; }
.single-news .main-blog.single-blog img{ height: auto; object-fit: inherit; width: 100%;}

.aj-top{ padding: 60px 0 0;}
.aj-top h3{ margin: 0;}
.all-jobs .sjb-page{ padding: 0;}
.all-jobs .sjb-page .sjb-filters.sjb-filters-v1 .btn-search{ border: 1px solid transparent; background: var(--gold) !important; color: var(--bs-black) !important;}
.all-jobs .sjb-page .job-description{ display: none;}
.all-jobs .sjb-page .sjb-filters.sjb-filters-v1{ background-color: #f5f3f0;}
.all-jobs .sjb-page .sjb-archive-page .job-title{ color: #3b3a3c;}
.carr-img-cont-sec img{ box-shadow: 0px 10px 22.56px 1.44px rgba(47, 38, 19, 0.32);}
.ben-grid-sec{ padding: 0 0 30px;}
.ben-grid{ display: flex; flex-wrap: wrap; align-items: center;}
.ben-grid-sec aside{ padding-bottom: 53px;}
.ben-grid span{ width: 80px; height: 80px; text-align: center; background: #f5f3f0; border: 1px solid var(--red); font-size: 2.625em; color: var(--red); line-height: 80px;}
.ben-grid h3{ width: calc( 100% - 80px ); padding-left: 30px; font-weight: 600; color: var(--red); max-width: 388px; line-height: 1.2em; letter-spacing: 1px;}

.job-details-sec{ padding: 100px 0 0;}
.jd-left h3{ font-family: var(--fm-merri); color: var(--red); text-transform: capitalize;}
.jd-left p{ margin: 6px 0 0;}
.jd-main{ background: #F5F3F0;}
.job-details-sec .jd-left{ padding-right: 50px;}
.job-details-sec .jd-left ul{   margin-top: 15px;
}
.job-details-sec .jd-left ul li, .job-details-sec .jd-left ol li{
	font-weight: 300; font-size: var(--fs-18);font-family: var(--fm-merri); line-height: 28px; color: var(--black); padding-left: 25px; position: relative;margin-top: 15px;
}
.job-details-sec .jd-left ul li:before {content: "\f054";font-family: "Font Awesome 5 Pro";font-weight: 600;position: absolute;left: 0;top: 0;color: var(--red);font-size: 16px;}
.ben-grid-sec .ben-grid-sec-in{ max-width: 1140px; margin: auto;}
.yt-video .video-container{ width: 100%; object-fit: cover;}

/* ---- sftl-home-shared ----------------------------------------------------
   Rules originally classified as home-only and inlined in header.php. Copied
   here as well because some are needed on inner pages too. Duplicated on
   purpose: the home page gets them inline, inner pages get them from this file.
   -------------------------------------------------------------------------- */

.hp-banner-video {position: absolute;top: 0;width: 100%}
.hp-banner-video video {width: 100%!important}
.hp-banner-video video.mobile{display: none;}
.banner-title {text-align: center;display: table-cell;vertical-align: middle}
.banner-title h2 {color: white;font-size: 3.2em;font-family: var(--fm-merri);font-weight: 700;line-height: 62px;text-transform: capitalize;}
.banner-title h3 {color: white;font-size: 1.625em;font-family: var(--fm-source-sans);font-weight: 400;line-height: 36px;text-shadow: 0px 1px 3.8px rgba(33, 12, 15, 0.5);}
.banner-title p {font-size: 1.25em;color: white;margin-top: 15px}
.hm-practice-areas .g-link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-weight: 800;}

.hm-team{background:linear-gradient(180deg, rgba(116,22,39,1) 0%, rgba(82,7,21,1) 100%);position:relative;overflow: hidden;}
.hm-team h2{font-size:4.25em;}
.hm-team .hm-team-in{position:relative;background:white;box-shadow: 0px 8px 20px 1px rgba(19, 37, 47, 0.32);margin: 30px 20px;}
.hm-team .hm-team-in p{text-align: center; padding:10px 20px;color:var(--black);font-size:1em;letter-spacing:.05em;text-transform:capitalize;font-weight:600;font-family: var(--fm-merri); line-height: 22px;}
.hm-team .hm-team-in em{color:var(--red);font-size:16px;font-style: normal;text-transform: uppercase;font-family: var(--fm-source-sans);}
.hm-team .hm-team-in .g-link{position:absolute;top:0;left:0;width:100%;height:100%;font-weight: 800;}
.hm-team .rt-sec-in{max-width: 600px;margin: 0 0 0 auto;padding: 0;}

.hm-awards-car img{width: auto !important;margin: 0 auto;}
.awards{padding: 50px 50px 0;}
.awards h3{text-align: center;font-size: 1.750em;color: var(--red);font-weight: 700;position: relative;margin-bottom: 60px;}
.awards h3:before, .awards h3:after {width: 26%;}
.awards h3:before {content: " ";position: absolute;height: 2px;background: var(--red);top: 50%;left: 0;}
.awards h3:after {content: " ";position: absolute;height: 2px;background: var(--red);top: 50%;right: 0;}

.sf-feed .wp-gr{background: white !important;padding: 40px 0 !important;width: 400px !important}

.bill-board-sec{background-repeat: no-repeat; background-size: cover; padding: 100px 15px 0; padding: 0; background-image: url(https://www.sftriallawyers.com/wp-content/uploads/2024/01/sky-cropped.jpeg); position: relative; overflow: hidden; z-index: 1; background: none;}
.bill-board-carousel{ /*background-image: url(images/bill-board-bg.webp);*/ background-repeat: no-repeat; background-position: center center; background-size: 100% auto; padding: 0;}
.bbc-main{ position: relative; padding-bottom: 2rem;}
.view-all-bill-btn{ position: absolute; z-index: 1; bottom: 28%; right: 20px;}
.view-all-bill-btn a{ font-size: 0.889em; border-bottom: 1px solid rgba(255,255,255,0.6);}

.sf-feed .rplg, .sf-feed r-p { background: white !important; padding: 40px 0 !important; width: 400px !important; margin: 0 auto!important; }
.rplg-url, .wp-google-reviews, .sf-feed r-p rp-dots { display: none !important; }

.slider-img-sec {position: relative;}
.slider-img-sec .disc {position: absolute;bottom: 0;background: rgba(131, 28, 47, 0.9);padding: 0.4rem 1rem;color: white;line-height: 1.5rem;font-family: var(--fm-merri);font-weight: 300;font-size: 1rem;width: 100%;text-align: center;}
.slider-img-sec .disc p{margin: 0; color: white;}
.areas-slider-sec{ background: #F5F3F0; padding: 112px 0 50px;}
.areas-slider-sec .as-left{ padding: 0 5% 60px 5%;}
.areas-slider-sec .as-right{ padding-left: 60px;}

.banner-img img{ width: auto; height: inherit;}