/*
	Theme Name: www.FR8Star.com
	Theme URI: https://sandhills.com
	Author: Sandhills
	Author URI: https://sandhills.com
	Description: Sandhills default template.
	Version: 1.0
	Text Domain: sandhills
	Tags: Sandhills default
*/
/*--------------------------------------------------------------
## Editor class styles
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Editor class styles
--------------------------------------------------------------*/

/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent; border: 0; margin: 0; padding: 0; list-style: none;} img{max-width: 100%; image-rendering: -webkit-optimize-contrast;} video{max-width: 100%;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *, *:before, *:after{box-sizing: border-box;}

html, body{font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.5; height: 100%; width: 100%; color: #333;}
::-moz-selection{background: #F0BA1B; color: #fff; text-shadow: none} ::selection{background: #F0BA1B; color: #fff; text-shadow: none}

.row > * {padding-left: calc(var(--bs-gutter-x) * 0.0); padding-right: calc(var(--bs-gutter-x) * 0.0);}
a{text-decoration: none; color: #7a878e; outline: 0;}
.hidden{display: none;}
.contactForm .has-feedback .form-control-feedback{left: 5px !important; right: unset !important;}
.sheditor_content .sheditor_modal-body{overflow-y: auto !important;}

.sidebarColumn{min-height: inherit !important;}
.main{padding: 40px 0;}
.wrap{max-width: 1240px; margin: 0 auto; padding: 0 20px;}

.dark-bg{background: #333 !important; color: #fff;}
.red-bg{background: #B12A1C !important; color: #fff;}
.dark-red-bg{background: #670001 !important; color: #fff;}
.yellow-bg{background: #F0BA1B !important;}
.grey-bg{background: #f5f5f5 !important;}

.sub-page .main{padding-left: 20px !important; padding-right: 20px !important;}
.sub-page .main .row{max-width: 1200px; margin: 0 auto !important;}

.flex-col{display: flex; flex-wrap: wrap;}
.flex-col .col{flex: 1;}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}
h1.page-heading{padding: 15px 0; font-size: 50px; font-weight: 900; text-align: center; color: #fff;}
a{color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

.link-list{font-size: 13px;}
.link-list ul{display: flex; gap: 5px; flex-wrap: wrap;}
.link-list ul li{list-style-type: disc; margin-left: 10px; width: calc(50% - 15px);}
.link-list ul li a{text-decoration: underline;}
.link-list ul li:hover > a{text-decoration: none;}

.flex-list{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.flex-list li{padding: 20px;}
.flex-list img{max-height: 32px;}

.bullet-list li{margin-left: 15px; list-style: disc;}

.btn{display: block; width: 100%; background: #F0BA1B; padding: 15px; font-family: "Roboto Condensed", Sans-serif; font-size: 20px; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 1.25; color: #333; white-space: normal; border-radius: 5px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);}
.btn h3{font-size: 20px;}
.btn:hover{background: #E2AD14; color: #333;}

.btn-inline{display: inline-block; background: #F0BA1B; margin: 0 auto; padding: 12px 50px; font-family: "Roboto Condensed", Sans-serif; font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; color: #333; border: 2px #fff solid; border-radius: 5px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);}
.btn-inline:hover{background: #E2AD14; color: #333;}

.fr8-custom--blog-button{display: inline-block; background: #F0BA1B; margin: 0 auto; padding: 12px 50px; font-family: "Roboto Condensed", Sans-serif; font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; color: #333; border: 2px #fff solid; border-radius: 5px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%); transition: all .2s ease-in-out;}
.fr8-custom--blog-button:hover{background: #E2AD14;}

.black-btn{background: #333; text-transform: none; color: #fff;}
.black-btn:hover{background: #444; color: #fff;}

.white-btn{background: #fff; text-transform: none; color: #333;}
.white-btn:hover{background: #f5f5f5; color: #333;}

.red-btn{background: #B12A1C; color: #fff;}
.red-btn:hover{background: #fff; color: #B12A1C;}

.blue-btn{background: #276092; color: #fff;}
.blue-btn:hover{background: #fff; color: #276092;}

.white-text{color: #fff;}

.red-bg .white-btn{color: #B12A1C;}
.dark-red-bg .white-btn{color: #670001;}

/* HEADER */

.top-header{background: #F0BA1B; padding: 10px 0; font-size: 14px;}
.top-header .wrap{display: flex; align-items: center;}
.top-header .contact{text-transform: uppercase;}
.top-header .contact ul li{display: inline-block; margin-right: 15px;}
.top-header .contact ul li a{display: block;}
.top-header .logins{margin-left: auto;}
.top-header .logins a{text-decoration: underline;}
.top-header .logins a:hover{text-decoration: none;}

.header{background: #333;}
.header .wrap{display: flex; align-items: center; flex-wrap: wrap;}
.header .logo{width: 200px; padding: 10px 0;}
.header .navigation{flex: 1;}
.header .cta{width: 200px;}
.header .cta a{display: block; background: #F0BA1B; padding: 12px 10px 11px; font-family: "Roboto Condensed", Sans-serif; font-size: 15px; font-weight: 900; text-transform: uppercase; text-align: center; border-radius: 3px; border: 1px #fff solid;}
.header .cta a:hover{background: #E2AD14;}

/* HOME */

.hero-bg{background-color: #000 !important; position: relative;}
.hero-bg:after{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35); z-index: 0;}
.hero-bg h1{margin-bottom: 15px; font-size: 45px; font-weight: 900;}
.hero-bg h2{font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 500;}
.hero-bg p{font-size: 18px;}
.hero-bg .hero-inner{position: relative; background: rgba(0, 0, 0, 0.4) !important; width: 100%; padding: 50px 20px; font-size: 24px; text-align: center; color: #fff; backdrop-filter: blur(3px) saturate(75%); z-index: 9;}
.hero-bg .hero-inner.remove-overlay{background: none !important;}
.hero-bg .hero-inner .black-bg{max-width: 1200px; margin: auto;}
.hero-bg .btn-container{display: flex; justify-content: center; max-width: 600px; margin: 25px auto 10px;}
.hero-bg .btn-container .btn{display: flex; align-items: center; justify-content: center; border: 1px #fff solid; border-radius: 0;}
.hero-bg .btn-container .btn:first-child{border-radius: 5px 0 0 5px;}
.hero-bg .btn-container .btn:last-child{border-radius: 0 5px 5px 0;}
.hero-bg .btn-container .btn:only-child{max-width: 400px; border-radius: 5px;}

.icons{background: #f5f5f5;}
.icons h2{margin-bottom: 25px; font-size: 28px; text-transform: uppercase; text-align: center;}
.icons .icon-box{background: #fff; padding: 25px; text-align: center; border-radius: 3px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.icons .icon-box h3{font-size: 24px; text-transform: uppercase;}
.icons .icon-box img{display: block; max-width: 200px !important; margin: 15px auto;}
.icons .icon-box strong{font-family: 'Roboto Condensed', sans-serif; font-size: 24px;}
.icons .icon-box p{margin: 10px 0 20px; font-size: 16px;}
.icons .icon-box .btn{background: #333; font-size: 16px; color: #fff;}
.icons .icon-box .btn:hover{background: #444;}

.how-it-works{background: #222; text-align: center; color: #fff;}
.how-it-works h2{display: block; margin-bottom: 25px; font-size: 28px; color: #F0BA1B;}
.how-it-works h3{display: block; margin: 10px 0; font-size: 20px;}
.how-it-works p{display: block; font-size: 14px;}
.how-it-works p a{text-decoration: underline;}
.how-it-works p a:hover{text-decoration: none;}

.why-post{background: #000 url("images/bg-post-new.jpg") fixed center center no-repeat; background-size: cover; font-size: 16px; line-height: 1.65; color: #fff;}
.why-post h2{font-size: 28px; color: #F0BA1B;}
.why-post ul li h3{margin-bottom: 8px; font-size: 20px;}

.post-container-haul-services{display: flex; justify-content: center; flex-wrap: wrap;}
.post-container-haul-services .column-padding-haul-services{width: 20%; padding: 5px;}
.post-container-haul-services .col-sm-12{height: 100%;}
.prevButton-container-haul-services, .nextButton-container-haul-services{display: none;}
.location-services .post-container-haul-services .column-padding-haul-services{width: 33.3333%; padding: 5px;}

.services{position: relative; background: #f5f5f5;}
.services h2{display: block; margin-bottom: 25px; font-size: 28px; text-align: center;}
.services .wrap{position: relative; z-index: 9;}
.services .btn-container{display: flex; margin: 25px auto 0;}
.services .btn-container .btn{display: flex; align-items: center; justify-content: center; margin: 0 5px; font-size: 16px;}
.services .services-box{display: block; background: #fff; height: 100%; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.services .services-box:hover{opacity: .85;}
.services .services-box img{display: block; padding: 1px;}
.services .services-box h3{display: block; padding: 15px; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; font-weight: 700; line-height: 1.25;}

.board-section{background: #000 url(images/bg-services-new.jpg) fixed center center no-repeat; background-size: cover; color: #fff;}
.board-section img{display: block; margin: auto !important;}
.board-section h2{font-size: 28px; color: #F0BA1B;}
.board-section ul li h3{margin-bottom: 8px; font-size: 20px;}

.testimonial-section{background: #000 url(images/bg-testimonials-new.jpg) fixed center center no-repeat; background-size: cover;}
.testimonial-section h2{font-size: 28px; text-align: center; color: #F0BA1B;}

.testimonial-section p{display: block; max-width: 950px; margin: auto; line-height: 1.5;}
.testimonial-section .post-column-customer-reviews4{display: flex;}
.testimonial-section .lending-title{color: #fff;}
.testimonial-section .customer-review{display: flex; flex-direction: column; background: #333; padding: 35px; border-radius: 10px;}
.testimonial-section .customer-review img{display: block; max-width: 150px; margin: 15px auto 0;}
.testimonial-section .customer-review p{display: flex; align-items: center; flex: 1; font-size: 16px; font-weight: 300; line-height: 1.5; text-align: center; color: #fff;}

.testimonial-section .slick-dotted.slick-slider{margin: 30px 0 0 !important;}
.testimonial-section .slick-arrow{display: none !important;}
.testimonial-section .column-padding-customer-reviews{padding-left: 20px !important; padding-right: 20px !important;}
.testimonial-section .slick-dots{margin-top: 20px;}
.testimonial-section .slick-dots li{margin: 0 1px;}
.testimonial-section .slick-dots li button{display: none;}
.testimonial-section .slick-dots li:after{font-family: "Font Awesome 6 Free"; font-size: 12px; font-weight: 400; content: "\f111"; color: #fff;}
.testimonial-section .slick-dots li.slick-active:after{font-size: 14px; font-weight: 900; content: "\f111"; color: #F0BA1B;}

.blog-section{background: #222;}
.blog-section .blog-link{display: flex; align-items: center; margin-bottom: 20px;}
.blog-section .blog-link h2{font-size: 28px; text-align: center; color: #F0BA1B;}
.blog-section .blog-link a{margin-left: auto; text-decoration: underline; color: #fff;}
.blog-section .blog-link a:hover{text-decoration: none;}
.blog-section .post-column-blog11{height: 100%;}
.blog-section .post-container-blog{display: flex; flex-wrap: wrap;}
.blog-section .column-padding-blog{flex: 1; margin: 3px;}

.blog-section .blog-post{display: block; height: 100%; margin: 0; padding: 0;}
.blog-section .blog-post a:hover{opacity: .75;}
.blog-section .blog-post .blog-left{width: 100%; max-height: 150px; overflow: hidden;}
.blog-section .blog-post .blog-right{width: 100%; padding: 20px;}
.blog-section .blog-post .blog-content p{display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.blog-section .blog-readmoreTag{display: block; width: 100%; background: #F0BA1B; margin: 25px 0 0; padding: 15px; font-family: "Roboto Condensed", Sans-serif; font-size: 14px; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 1.25; color: #333; white-space: normal; border-radius: 5px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);}
.blog-section .blog-readmoreTag:hover{background: #E2AD14; color: #000; opacity: 1 !important;}

.partners{background: #f5f5f5;}
.partners h2{font-size: 22px;}
.partners img{max-height: 55px !important; margin: auto !important;}
.partners a:hover{opacity: .75;}
.partners .hb-logo img{max-height: 45px !important;}

.partner-logos{display: flex; justify-content: center; flex-wrap: wrap;}
.partner-logos a{width: 20%; padding: 20px 15px;}
.partner-logos .industry-logo{display: flex; align-items: center; justify-content: center; width: 120px; padding: 25px;}
.partner-logos .industry-logo img{display: block !important; max-width: 100% !important; max-height: 50px !important; margin: auto !important;}

.leaders h2{font-size: 22px;}

/* SUB-PAGES */

.board-card{display: block; background: #fff; margin: 5px; padding: 25px; font-size: 20px; text-align: center; color: #333; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);}
.board-card img{display: block; margin-bottom: 10px !important;}
.board-card h3{margin: 5px 0; font-size: 20px;}
.board-card p{font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.board-card .btn{margin-top: 10px; font-size: 16px;}

.seo-linking .btn{font-size: 16px; white-space: inherit;}

.state-banner{background: #000 url("images/bg-states-new.jpg") fixed top center no-repeat; padding: 75px 0; font-size: 18px; text-align: center; color: #fff;}
.state-banner h1{margin-bottom: 20px; color: #F0BA1B;}

.state-card{background: #fff; margin: 5px; font-size: 14px; line-height: 1.75; border-radius: 10px; box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 25%);}
.state-card .state-text{padding: 25px;}
.state-card .state-text h3{margin-bottom: 10px; color: #B12A1C;}

.state-list{display: flex; flex-wrap: wrap;}
.state-list li{display: block; width: calc(20% - 2px); margin: 1px;}
.state-list li a{display: flex; align-items: center; justify-content: center; height: 100%; background: #333; padding: 12px; font-size: 14px; text-align: center; color: #fff;}
.state-list li a:hover{opacity: .75;}
.state-list li a h2{font-size: 14px;}
.state-list li:nth-child(odd) a{background: #444;}
.state-list-container{padding: 35px 0;}
.state-list-container .state-list{padding: 25px 0;}

.price-table{display: block; background: #F9F9F9; margin: 5px; padding: 25px 35px; border-radius: 10px;}
.price-table h3{margin-bottom: 5px; font-size: 32px;}
.price-table h4{color: #999;}
.price-table a{display: block; width: 100%; background: none; margin: 15px 0; padding: 15px; font-family: "Roboto Condensed", Sans-serif; font-size: 14px; font-weight: 700; text-align: center; color: #333; border-radius: 50px; border: 1px #ddd solid;}
.price-table a:hover{background: #333; color: #fff;}
.price-table ul{margin: 25px 0;}
.price-table ul li{display: flex; align-items: center; padding: 3px 0; font-size: 14px;}
.price-table ul li:before{font-family: "Font Awesome 5 Free"; content: "\f00c"; font-size: 20px; font-weight: 900; color: #00C844; margin-right: 10px;}
.price-table ul li.inactive:before{content: "\f00d"; color: #ccc;}

.premium-table{background: #333 !important; color: #fff; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);}
.premium-table a{background: #F0BA1B; color: #333; border: none;}
.premium-table a:hover{background: #fff; color: #F0BA1B;}

.partner-container{padding: 35px 0;}

.contact-row{display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 25px;}
.contact-row .contact-icon{width: 75px;}
.contact-row .contact-icon i{display: flex; align-items: center; justify-content: center; background: rgba(240, 187, 27, 0.1); width: 75px; height: 75px; margin: auto; font-size: 24px; color: #F0BA1B; border-radius: 50px;}
.contact-row .contact-text{flex: 1; padding-left: 25px; font-size: 18px;}
.contact-row .contact-text strong{display: block;}
.contact-row .contact-text a{text-decoration: underline;}
.contact-row .contact-text a:hover{text-decoration: none;}

.dictionary-page h1{font-size: 45px;}
.dictionary-page h3{margin-bottom: 5px; font-size: 20px;}
.dictionary-page hr{margin: 25px 0;}

.sitemap ul{margin: 5px 0;}
.sitemap ul li a{font-weight: 700; text-decoration: underline;}
.sitemap ul li a:hover{text-decoration: none;}
.sitemap ul ul{margin-left: 15px;}
.sitemap ul ul li a{font-size: 14px; font-weight: 400;}

/* LEGAL */

.legal{padding: 50px 0;}

.legal h1{margin-bottom: 25px; font-size: 24px; text-align: center;}
.legal h2, .legal h3{margin: 15px 0; font-size: 16px; text-decoration: underline;}

.legal p{margin: 15px 0; line-height: 1.5 !important;}
.legal a{text-decoration: underline;} .legal a:hover{text-decoration: none;}
.legal a span{color: inherit !important;}

.legal ol{margin: 15px 0;}
.legal ol li{margin-left: 20px; padding: 3px 0; list-style: decimal;}

.legal ul{margin: 15px 0;}
.legal ul li{margin-left: 20px; padding: 3px 0; list-style: disc;}
.legal ul ul{margin: 5px 0;}
.legal ul ul li{list-style: circle;}

.legal span{background: none !important;}

.legal .letter-list li{list-style: lower-alpha;}
.legal .letter-list ol li{list-style: lower-roman;}

.legal .table-container{overflow: auto;}
.legal .table{min-width: 1076px; line-height: 1.25; border: 1px #000 solid;}
.legal .table>:not(caption)>*>*{padding: 0;}
.legal .table .table-head{font-weight: 700; text-align: center;}
.legal .table .table-head span{display: block; font-size: 12px;}
.legal .table .table-row{display: flex; border-bottom: 1px #000 solid;}
.legal .table .table-row:last-child{border-bottom: none;}
.legal .table .table-row .table-column{padding: 15px; border-right: 1px #000 solid;}
.legal .table .table-row .table-column:first-child{width: 350px;}
.legal .table .table-row .table-column:not(:first-child){flex: 1;}
.legal .table .table-row .table-column:first-child{flex: 1; width: auto;}
.legal .table .table-row .table-column:last-child{border-right: none;}

.legal .table .table-multi-row{flex: 1;}
.legal .table .table-multi-row .table-column:first-child{flex: 1;}

@media screen and (max-width: 1000px){
	.legal{padding: 25px 0;}
}

/* FAQ */

.faq .panel-group, .faq .accordion{margin: 0 15px 15px 0; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);}
.faq .panel-group .panel, .faq .panel-group .accordion-item{margin-bottom: 1px;}
.faq .accordion-button:focus {box-shadow: none;}
.faq .panel-title{display: block; padding: 0; font-size: 16px; font-weight: 700; text-transform: none; letter-spacing: inherit; line-height: 1.2; color: #fff; overflow: visible; white-space: normal;}
.faq .panel-heading, .faq .accordion-header button{background: #333; height: auto; border-radius: 0; transition: all .2s ease-in-out;font-weight: bold; color: #fff;}
.faq .panel-heading:hover, .faq .accordion-header button:hover{background: #444;}
.faq .panel-heading a, .faq .accordion-header button{display: flex; align-items: center; padding: 20px 25px;}
.faq .panel-heading a:before, .faq .accordion-header button:before{margin-right: 20px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f068"; color: #aaa;}
.faq .panel-heading a.collapsed:before, .faq .accordion-header button.collapsed:before{content: "\f067";}
.faq .panel-body{padding: 35px 20px;}
.faq .panel-body a{text-decoration: underline;}
.faq .panel-body a:hover{text-decoration: none;}

.faq .faq-sitemap{padding-right: 25px !important;}
.faq .faq-sitemap ol li{padding: 4px 0; margin-left: 15px; list-style: decimal;}
.faq .faq-sitemap ol li a{text-decoration: underline;}
.faq .faq-sitemap ol li a:hover{text-decoration: none;}
.faq .faq-sitemap ol ul{margin: 8px 0;}
.faq .faq-sitemap ol ul li{margin-left: 20px; font-size: 13px; list-style: lower-alpha;}

/* BLOG */

.blog-container{display: flex; flex-wrap: wrap;}
.blog-container .blog-posts{display: block; width: calc(100% - 300px); padding-right: 50px;}

.blog-container .blog-sidebar{display: block; width: 300px;}
.blog-container .blog-menu{display: block; margin-bottom: 15px; background: #f5f5f5; padding: 20px;}
.blog-container .blog-menu h2{display: block; margin-bottom: 20px; font-size: 20px; text-transform: uppercase; text-align: center; color: #666; opacity: .5;}
.blog-container .blog-menu ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.blog-container .blog-menu ul li{width: 100%; text-align: center;}
.blog-container .blog-menu ul li h3{padding: 8px 0; font-size: 16px; line-height: 1; color: #666;}
.blog-container .blog-menu .social ul li{width: auto;}
.blog-container .blog-menu .social ul li a{display: block; padding: 0 8px; font-size: 22px; color: #666; opacity: .5;}
.blog-container .blog-menu .social ul li a:hover{opacity: .75;}

.blog-post{display: flex; flex-wrap: wrap; background: #fff; margin-bottom: 15px; padding: 20px; text-align: left; border: 1px #ddd solid;}
.blog-post h2{display: block; margin-bottom: 5px; font-size: 24px;}
.blog-post h2 a:hover{color: #F0BA1B;}
.blog-post .blog-left{display: flex; align-items: center; justify-content: center; width: 300px;}
.blog-post .blog-right{width: calc(100% - 300px); padding-left: 20px;}

.blog-post .blog-posted-on{display: inline-block; font-size: 12px; color: #333;}
.blog-post .blog-posted-on i{margin-right: 5px;}

.blog-post .blog-tags{display: inline-block; margin: 0 10px; font-size: 12px; color: #333;}
.blog-post .blog-tags a{display: inline-block; padding: 0 5px;}
.blog-post .blog-tags a:hover{color: #000;}

.blog-post .blog-content{display: block; margin-top: 15px;}
.blog-post .blog-content img, .blog-post .blog-content figure{display: block; max-width: 100%; height: auto;}
.blog-post .blog-content h2, .blog-post .blog-content h3, .blog-post .blog-content h4{margin-bottom: 10px; font-size: 20px;}
.blog-post .blog-content a{text-decoration: underline;}
.blog-post .blog-content a:hover{text-decoration: none;}

.blog-post .blog-more{display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; margin: 15px 0; font-size: 14px; text-overflow: ellipsis; overflow: hidden;}
.blog-post .read-more{display: inline-block; background: #F0BA1B; padding: 12px 30px; font-family: "Roboto Condensed", Sans-serif; font-size: 14px; font-weight: 700; text-align: center; text-transform: uppercase; text-decoration: none !important; line-height: 1.25; color: #333; white-space: normal; border-radius: 5px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);}
.blog-post .read-more:hover{background: #E2AD14; color: #000;}

.blog-readmoreTag{display: block; margin-top: 15px; font-size: 14px; font-weight: 700; text-decoration: none !important; color: #000;}
.blog-readmoreTag:hover{color: #F0BA1B;}

.blog-post-single{display: block; margin-bottom: 0; padding: 0; border: none;}
.blog-post-single h1{font-size: 28px;}
.blog-post-single img{display: block; margin: 25px 0;}

.blog-breadcrumbs{display: block; background: #f5f5f5; padding: 12px 20px;}
.blog-breadcrumbs ul{display: flex; align-items: center; justify-content: center; font-size: 14px;}
.blog-breadcrumbs ul li{list-style: none; text-align: center;}
.blog-breadcrumbs ul li a{display: block; font-weight: 700;}
.blog-breadcrumbs ul li a:after{font-family: "Font Awesome 5 Free"; font-weight: 900; position: relative; top: 1px; content: "\f101"; padding: 0 10px; color: #ccc;}

.posts-navigation, .post-navigation{background: #f5f5f5; margin: 25px 0; padding: 20px;}
.posts-navigation h2, .post-navigation h2{display: none;}
.posts-navigation .nav-links, .post-navigation .nav-links{display: flex; justify-content: space-between;}
.posts-navigation .nav-links a, .post-navigation .nav-links a{display: inline-block; padding: 0 10px; font-size: 14px; font-weight: 700; overflow: hidden; text-overflow: ellipsis;}

.posts-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-previous, .posts-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-next{display: flex; align-items: center; flex: 1; line-height: 1.25; white-space: nowrap; overflow: hidden;}
.posts-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-next{justify-content: flex-end; text-align: right;}
.posts-navigation .nav-links .nav-previous:before, .post-navigation .nav-links .nav-previous:before, .posts-navigation .nav-links .nav-next:after, .post-navigation .nav-links .nav-next:after{font-family: "Font Awesome 5 Free"; font-weight: 900; color: #ccc;}
.posts-navigation .nav-links .nav-previous:before, .post-navigation .nav-links .nav-previous:before{content: "\f100";}
.posts-navigation .nav-links .nav-next:after, .post-navigation .nav-links .nav-next:after{content: "\f101";}

/* FORM */

.contactForm{display: block; background: #f5f5f5;}
.contactForm form{padding: 20px;}
.contactForm h1{display: none;}
.contactForm h3{display: block; background: #000; margin: 15px 0; padding: 15px; font-size: 20px; text-align: center; color: #fff;}
.contactForm .form-group{margin: 0 5px 15px !important;}
.contactForm .contactFormLabel{display: block; font-size: 14px; font-weight: 700;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px;}
.contactForm .checkbox, .contactForm .radio{margin-top: 0; margin-bottom: 0;}
.contactForm .checkbox label, .contactForm .radio label{margin: 10px 10px 0 0; padding: 0;}
.contactForm .has-feedback .form-control-feedback{margin-top: -2px; font-size: 8px !important;}
.contactForm strong.reCaptchaPhrase{color: #555 !important;}
.contactForm [id^="reCaptcha"]{display: flex; align-items: center; justify-content: center; text-align: center;}
.contactForm .inline-recaptcha-fields{padding: 0 10px;}
.contactForm .btn-success{display: block; width: 100%; max-width: 250px; background: #F0BA1B !important; margin: auto; padding: 12px 50px; font-family: "Roboto Condensed", Sans-serif; font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; color: #333 !important; border-radius: 5px; border: 2px #fff solid !important; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);}
.contactForm .btn-success:focus, .contactForm .btn-success:hover{background: #E2AD14 !important;}

/* MODAL */

.lock{overflow: hidden; -webkit-overflow-scrolling: touch;}

.fr8-modal{display: none; position: fixed; background: rgba(0,0,0,.5); padding: 5% 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; z-index: 99999;}
.fr8-modal .modal-content{position: relative; width: calc(100% - 30px); max-width: 800px; margin: auto; background: #fff; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); animation-name: animatetop; animation-duration: .4s;}
.fr8-modal .modal-head{display: flex; align-items: center; justify-content: center; background: #F0BA1B; padding: 8px 15px; border-radius: 8px 8px 0 0;}
.fr8-modal .modal-head strong{flex: 1; padding-left: 25px; font-size: 14px; text-align: center;}
.fr8-modal .modal-head .close{margin-left: auto; display: block; padding: 5px; font-size: 20px; color: #000; cursor: pointer;}
.fr8-modal .modal-head .close:hover{background: #E2AD14;}
.fr8-modal .modal-main{padding: 20px 15px;}

.fr8-modal .load-row{display: flex; width: 100%;}
.fr8-modal .load-row a{display: block; flex: 1; margin: 5px; padding: 10px; font-weight: 700; text-align: center; line-height: 1.25; border: 1px #d9d9d9 solid; transition: all .2s ease-in-out;}
.fr8-modal .load-row a:hover{box-shadow: inset 0 0px 8px 4px #F0BA29;}
.fr8-modal .load-row img{display: block; max-height: 60px; margin: 0 auto 5px;}

@keyframes animatetop{
	from{top: -300px; opacity: 0} to{top: 0; opacity: 1}
}

/* FOOTER */

.footer{background: #333; padding: 100px 0; font-size: 14px; line-height: 1.75; color: #b3b3b3;}
.footer h3{margin-bottom: 15px; font-size: 18px; text-transform: uppercase; color: #fff;}
.footer a:hover{color: #F0BA1B;}
.footer .wrap{display: flex; flex-wrap: wrap;}

.footer .footer-logo{width: 300px; padding: 20px 0;}
.footer .footer-links{flex: 1; padding-left: 75px;}
.footer .footer-links a{display: inline-block; padding: 5px 15px 5px 0; line-height: 1.25;}
.footer .footer-review{width: 200px; padding: 35px 0;}

.social ul{display: flex; align-items: center; justify-content: center;}
.social ul li a{display: block; font-size: 24px; padding: 15px;}

.bottom-footer{background: #333; padding: 30px 0; font-size: 14px; text-align: center; color: #b3b3b3; border-top: 1px rgba(255, 255, 255, 0.15) solid;}
.bottom-footer img{margin-right: 8px;}
.bottom-footer ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 15px;}
.bottom-footer ul li{border-right: 1px rgba(255, 255, 255, 0.15) solid;}
.bottom-footer ul li:last-child{border-right: none;}
.bottom-footer ul li a{display: flex; align-items: center; padding: 16px 18px; font-size: 12px;}
.bottom-footer ul li a:hover{color: #F0BA1B;}

#feedbackformButton{display: flex !important; align-items: center; justify-content: center; width: 60px; height: 60px; position: fixed; bottom: 10px; right: 10px; background: #F0BA1B; font-size: 20px; color: #000 !important; border-radius: 50px; border: none !important; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); transition: all .2s ease-in-out; z-index: 999999;}
#feedbackformButton:hover{background: #E2AD14;}

/* RESPONSIVE */

@media screen and (max-width: 1100px){
	.header .navigation{padding-right: 0;}

	.state-list li{width: calc(33.3333% - 2px);}

	.contactForm [id^="reCaptcha"]{flex-wrap: wrap;}
}
@media screen and (max-width: 980px){
	h1.page-heading{font-size: 36px;}

	.header .wrap{padding-right: 6px;}
	.header .navigation{flex: none; width: auto; order: 3;}
	.header .cta{width: 160px; margin-left: auto; order: 2;}
	.header .cta a{font-size: 12px;}
	
	.hero-bg p{font-size: 16px;}

	.partner-logos a{width: 25%;}
	
	.services .services-box span{font-size: 18px;}
	.post-container-haul-services .column-padding-haul-services{width: 33.3333%;}
	
	.blog-container .blog-posts{width: 100%; padding-right: 0;}
	.blog-container .blog-sidebar{display: none;}

	.footer .footer-links{padding: 0 35px;}
	.footer .footer-links .col-sm-6{width: 100% !important;}
}
@media screen and (max-width: 768px){
	.top-header .wrap{font-size: 12px;}
	.main{padding: 30px 0;}
	.sub-page .main{padding: 30px 20px;}
	.sub-page .sidebarColumn .widget_sandhills_editable_area .col-sm-6, .sub-page .sidebarColumn .widget_sandhills_editable_area .col-sm-4, .sub-page .sidebarColumn .widget_sandhills_editable_area .col-sm-3{padding-left: 0 !important; padding-right: 0 !important;}
	.btn, .btn-inline, .services .btn-container .btn{width: 100%; font-size: 14px;}
	.btn h3{font-size: 14px;}
	
	.hero-bg .hero-inner{padding: 30px 20px;}
	.hero-bg .btn-container{margin: 20px auto 5px;}
	.icons h2{margin-bottom: 20px; font-size: 24px;}
	.icons .icon-box{padding: 20px;}
	.icons .icon-box h3{font-size: 20px;}
	.icons .icon-box img{max-width: 125px !important;}
	.how-it-works h2{margin-bottom: 20px; font-size: 24px;}
	.how-it-works h3{font-size: 18px;}
	.how-it-works .row{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
	.how-it-works .row .col-sm-3{width: 50%;}
	.why-post h2{font-size: 24px;}
	.why-post .sidebarColumn .widget_sandhills_editable_area .col-sm-6{padding-right: 0 !important;}
	.services h2{margin-bottom: 20px; font-size: 24px;}
	.services .services-box h3{font-size: 16px;}
	.services .btn-container{display: block;}
	.services .btn-container .btn{margin: 5px 0;}
	.post-container-haul-services .column-padding-haul-services{width: 50%;}
	.location-services .post-container-haul-services .column-padding-haul-services{width: 50%;}
	.board-section h2{font-size: 24px;}
	.board-section .sidebarColumn .widget_sandhills_editable_area .col-sm-7{padding-right: 0 !important;}
	.testimonial-section h2{font-size: 24px;}
	.blog-section .blog-link h2{font-size: 24px;}
	.blog-section .column-padding-blog{flex: none; width: 100%; margin: 3px 0;}
	.blog-section .blog-post .blog-right{margin-top: 0;}
	.partner-logos a{width: 50%; padding: 15px;}

	.faq .faq-sitemap{padding: 0 0 15px !important;}
	
	.state-list li{width: calc(50% - 2px);}
	.state-list li a{font-size: 12px;}
	.state-list li:nth-child(odd) a{background: #333;}
	.state-list li:nth-child(3) a, .state-list li:nth-child(4) a, .state-list li:nth-child(7) a, .state-list li:nth-child(8) a, .state-list li:nth-child(11) a, .state-list li:nth-child(12) a, .state-list li:nth-child(15) a, .state-list li:nth-child(16) a, .state-list li:nth-child(19) a, .state-list li:nth-child(20) a, .state-list li:nth-child(23) a, .state-list li:nth-child(24) a, .state-list li:nth-child(27) a, .state-list li:nth-child(28) a, .state-list li:nth-child(31) a, .state-list li:nth-child(32) a, .state-list li:nth-child(35) a, .state-list li:nth-child(36) a, .state-list li:nth-child(39) a, .state-list li:nth-child(40) a, .state-list li:nth-child(43) a, .state-list li:nth-child(44) a, .state-list li:nth-child(47) a, .state-list li:nth-child(48) a{background: #444 !important;}
	
	.blog-post .blog-left{width: 100%;}
	.blog-post .blog-right{width: 100%; margin-top: 15px; padding-left: 0;}
	.blog-post .read-more{display: block; width: 100%; padding: 12px;}
	
	.footer{padding: 20px 0 0; text-align: center;}
	.footer .footer-logo{width: 100%; padding: 15px 0;}
	.footer .footer-links{display: none;}
	.footer .footer-review{width: 100%; padding: 0 0 35px; text-align: center;}

	.stjr-review-badge-box__rating-stars{margin: 10px auto !important;}
	.stjr-review-badge-box__rating .stjr-review-badge-box__rating__link{justify-content: center;}
}
@media screen and (max-width: 480px){
	h1.page-heading{font-size: 28px;}

	.top-header{padding: 10px 0 8px;}
	.top-header .wrap{display: block; text-align: center;}
	.top-header .contact ul li{margin: 0 8px;}
	.top-header .logins{display: none;}

	.header .logo{flex: 1; max-width: 150px; padding: 15px; padding-left: 0;}
	.header .cta{width: 100px;}
	.header .cta a span{display: none;}

	.hero-bg h1{margin-bottom: 10px; font-size: 28px;}
	.hero-bg h2{font-size: 18px;}
	.hero-bg p{font-size: 15px;}
	
	.how-it-works .row .col-sm-3{width: 100%;}
	.dictionary-page h1{font-size: 28px;}
	
	.blog-breadcrumbs ul{display: block;}
	.blog-breadcrumbs ul li a:after{padding: 0 0 0 10px;}

	.fr8-modal .load-row{display: block;}
	.fr8-modal .load-row a{margin: 5px 0;}
		
	.link-list ul li{width: 100%;}

	.bottom-footer ul{display: block;}
	.bottom-footer ul li{display: block; width: 100%; border: none;}
	.bottom-footer ul li a{justify-content: center;}
}