/*
Theme Name: 1stchoicefreight Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: 1stchoicefreight
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: 1stchoicefreight is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1782969735
Updated: 2026-07-02 05:22:15

*/


/* Section Background & Layout */
.recent-stories-section {
    background-color: #1a202c; /* Dark background matching image */
    padding: 60px 20px;
    color: #ffffff;
    font-family: Arial, sans-serif;
}

.stories-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Header Styling */
.stories-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.stories-header h2 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff;
    margin: 0;
}

.view-all-link {
    color: #2563eb;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.view-all-link:hover {
    text-decoration: underline;
}

/* Grid Layout (4 columns) */
.stories-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* Card Container */
.story-card {
    background-color: #242c37;
    border: 1px solid #2d3748;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Image Wrapper */
.story-thumbnail img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

/* Content Area inside Card */
.story-content {
    padding: 18px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Date and Category Meta */
.story-meta {
    font-size: 11px;
    font-weight: 700;
    color: #3b82f6; /* Accent blue */
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

/* Title Styling */
.story-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 20px 0;
    flex-grow: 1;
}

.story-title a {
    color: #ffffff;
    text-decoration: none;
}

.story-title a:hover {
    color: #3b82f6;
}

/* Blue Read More Button */
.btn-read-more {
    display: inline-block;
    background-color: #2563eb;
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    width: fit-content;
    transition: background-color 0.2s ease;
}

.btn-read-more:hover {
    background-color: #1d4ed8;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .stories-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .stories-grid {
        grid-template-columns: 1fr;
    }
}

/* Main Container */
.custom-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 400; /* Regular */
    padding: 10px 0;
}

/* Home & Services Links + Separators (Blue) */
.custom-breadcrumb a,
.custom-breadcrumb .separator {
    color: #3260f5 !important;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    line-height: 1;
}

/* Current Item / TRUCKLOAD (White) */
.custom-breadcrumb .current-item {
    color: #ffffff !important;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

/* Hover Effect */
.custom-breadcrumb a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

/* Container wrapper */
.category-brand-header {
    display: inline-block;
}

.brand-image-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* Pushes the title text to the far right under '1CF' */
}

/* Single image (Circle + Line + 1CF) */
.brand-image-wrapper img {
    display: block;
    height: auto;
}

/* Title block sitting right under the image */
.brand-text-block {
  width: 100%;
  text-align: right;
  margin-top: -32px;
  margin-right: 25px;
}

/* Page title typography */
.brand-category-title {
    font-family: 'Outfit', sans-serif;
    font-size: 22px; /* Adjust size to fit under 1CF */
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 1;
    display: inline-block;
}

/* Section Container */
.recent-stories-section {
    padding: 40px 0;
    background-color: transparent;
}

/* Header Section */
.stories-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.stories-header h2 {
    font-family: 'VTFJustinaGEO Bold', sans-serif;
    font-size: 30px;
    color: #ffffff;
    margin: 0;
    line-height: 1.2;
}

.stories-header .view-all-link {
    font-family: 'Outfit', sans-serif;
    color: #0065ff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.stories-header .view-all-link:hover {
    text-decoration: underline;
}

/* Swiper Wrapper */
.stories-swiper {
    padding-bottom: 45px !important;
}

/* Card Styling */
.story-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #1a222d; /* Dark card background */
    border: 1px solid #2a3442;
    border-radius: 8px;
    overflow: hidden;
}

.story-thumbnail img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.story-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Meta Data (Date & Category) */
.story-meta {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    color: #0065ff;
    margin-bottom: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    font-weight: 600;
}

.story-meta span {
    color: #0065ff;
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
}

/* Story Title */
.story-title {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    line-height: 1.3;
    margin: 0 0 20px 0;
    font-weight: 500;
}

.story-title a {
    color: #ffffff;
    text-decoration: none;
}

.story-title a:hover {
    color: #0065ff;
}

/* Solid Blue Read More Button */
.btn-read-more {
    margin-top: auto;
    display: inline-block;
    align-self: flex-start;
    background-color: #0065ff;
    color: #ffffff;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.btn-read-more:hover {
    background-color: #0052cc;
    color: #ffffff;
}

/* Swiper Pagination & Navigation Styling */
.stories-swiper .swiper-button-next,
.stories-swiper .swiper-button-prev {
    color: #ffffff;
    transform: scale(0.6);
}

.stories-swiper .swiper-pagination-bullet {
    background: #ffffff;
    opacity: 0.4;
}

.stories-swiper .swiper-pagination-bullet-active {
    background: #0065ff;
    opacity: 1;
}

.nopost p {
    color: #ffffff;
}

.btnheader .elementor-button-icon {font-size: 16px !important;}
.footermenu ul {columns: 2; -webkit-columns: 2; -moz-columns: 2; gap: 20px;}
.bluebox .elementskit-infobox {align-items: center !important; overflow: visible !important; word-break: break-word;}
.hadingclr span {color: #0065ff;}
.icobox .elementskit-infobox {overflow: visible !important; word-break: break-word;}
.service_box {overflow: hidden; background-color: #fff; border-radius: 15px; box-shadow: 0px 0px 10px 0px #ccccccad; margin: 10px;}
.service_box .image_main_wrap img {height: 262px; object-fit: cover;}
.service_box .service_content {padding: 52px 34px 25px 34px; position: relative;}
.service_content h3 {font-family: "Race Sport", Sans-serif; font-weight: 400; font-size: 20px; line-height: 1; color: #132b4f; margin-top: 0; margin-bottom: 8px;}
.service_content p {font-family: "Lora", Sans-serif; font-weight: 400; font-size: 18px; color: #0a0909; line-height: 1.3;}
.serbtn {max-width: 167px; display: block; text-align: center; font-family: "Times New Roman", Sans-serif; font-weight: 400; font-size: 15px; text-decoration: none; background-color: #3e8ad1; color: #fff !important; border-radius: 10px; text-decoration: none !important; text-transform: uppercase; padding: 14px 28px 14px 10px; line-height: 1.25; background-image: url('images/btnarrow.png'); background-repeat: no-repeat; background-position: 87% 50%;}
.serbtn:hover {background-color: #132b4f;}
#ourservices .owl-nav button, #ourblogs .owl-nav button {
    background-color: #3e89d0 !important;
    background-position: center !important;
    width: 46px;
    height: 46px;
    background-repeat: no-repeat;
	border-radius: 100px;
	margin: 10px 3px;
}
#ourblogs .owl-nav button {background-color: #0e2547 !important;}
#ourblogs .owl-nav button:hover {background-color: #3e8ad1 !important;}
#ourservices .owl-nav button:hover, #ourblogs .owl-nav button:hover {background-color: #0e2548 !important;}
#ourservices .owl-nav .owl-prev, #ourblogs .owl-nav .owl-prev {background-image: url('images/leftarrow.png');}
#ourservices .owl-nav .owl-next, #ourblogs .owl-nav .owl-next {background-image: url('images/rightarrow.png');}
#ourservices .owl-nav button span, #ourblogs .owl-nav button span {display: none;}
.serviceicon {width: 74px !important; height: 74px !important; border-radius: 100px; background-color: #0e2548; display: flex; align-items: center; justify-content: center; padding: 18px; position: absolute; top: -40px; left: 34px; border: 2px solid #3e8ad1;}
#ourblogs .service_box .service_content {padding-top: 30px;}
#ourblogs .service_box .image_main_wrap img {height: 205px;}
.videobox .elementor-custom-embed-play {border: 1px solid #fff; border-radius: 100px; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center;}
.hspam span {display: block; color: #4196e6;}
.colset .e-con-inner {margin-right: 0;}
body.error404 header#masthead, body.archive.category header#masthead, body.search header#masthead, body.privacy-policy header#masthead {background-color: #132b4f;}
body.error404 .site-main, body.search .site-main {padding: 50px 20px; text-align: center; max-width: 1200px;}
body.error404 .site-main h1, body.search .site-main h1 {font-family: "Race Sport", Sans-serif; font-weight: 400; line-height: 1; color: #132b4f; font-size: 35px;}
.headingspanblk span {display: block; color: #58caff;}
.headingspanblk2 span {display: block; color: #3e8ad1;}
.servicehead span {color: #0065ff;}
.spanclr2 span {display: block; color: #3e8ad1;}
.inputwrap {display: flex; gap: 8px;}
.inputwrap div {width: 50%;}
.formbtn {position: relative; margin-top: 25px;}
.formbtn p {margin-bottom: 0px;}
.wpcf7-form .wpcf7-form-control {outline: none;}
.wpcf7-form textarea {font-family: "Lora", Sans-serif; font-weight: 400; font-size: 16px; border-radius: 20px !important;}
.wpcf7-form select {font-family: "Lora", Sans-serif; font-weight: 400; font-size: 16px; }
.wpcf7-form select {background-color: #FFFFFF4F; color: #fff;}
.wpcf7-form select option {color: #000;}
.wpcf7-form .wpcf7-spinner {position: absolute; top: 10px;}
.wpcf7-response-output {text-align: center; font-family: "Lora", Sans-serif; font-weight: 400; font-size: 15px; background-color: #fff;}
.wpcf7-form .wpcf7-submit {background-image: url('images/btnarrow.png'); background-repeat: no-repeat; background-position: 74% 50%;}
.wpcf7-form .wpcf7-form-control-wrap {padding-top: 4px !important; display: block;}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-list-item {display: block !important; margin-bottom: 4px; margin-left: 0;}
.radiowrapper {padding-left: 10px;}
.listlings li {word-break: break-word;}
.txtjustify .box-body p {text-align: justify;}
.servicewrapper {display: flex; gap: 25px; flex-wrap: wrap; justify-content: center;}
.servicewrapper .service_box {width: 42%;}
.servicewrapper .service_box .image_main_wrap img {width: 100%;}
.servicewrapper .service_box {margin: 0px;}
.pagi {text-align: center; font-family: "Race Sport", Sans-serif; margin-top: 20px;}
.pagi .page-numbers {text-decoration: none; padding: 2px 8px; line-height: 1; font-size: 20px; border: 1px solid; color: #000000;}
.pagi .page-numbers.current {color: #3e8ad1;}
body.single.single-post header#masthead {background-color: #001234;}
.blog-details-page {padding: 50px 20px 80px; background-image: url('images/bg.jpg'); background-position: top center; background-repeat: no-repeat;}
.blog-details-page .container {max-width: 1200px; margin: auto; display: flex; gap: 40px;}
.breadcrumb h1 {color: #001234; font-family: "Race Sport", Sans-serif; font-weight: 400; font-size: 18px; line-height: 1.1; margin-top: 0px; background-size: 100%;}
.breadcrumb h1 a {color: #001234;}
.blog-details-page .blog-left {width: 70%;}
.blog-details-page .blog-sidebar {width: 30%;}
.blog-details-page .blog-sidebar .blogtop-box {background-color: #fff; border-radius: 14px; padding: 40px 25px; box-shadow: 0px 0px 30px 0px #cccccc4f;}
.blog-details-page .blog-sidebar h3, .blog-details-page .wp-block-search__label {font-family: "Race Sport", Sans-serif; font-weight: 400; font-size: 24px; line-height: 1.2; color: #132b4f; margin-top: 0; margin-bottom: 8px;}
.blog-details-page .blog-sidebar hr {border-top: 1px solid; color: #8f8f8f; margin: 34px 0px;}
.blog-details-page .blog-sidebar ul {padding-left: 0; list-style: none;}
.blog-details-page .blog-sidebar li a {font-family: "Lora", Sans-serif; font-weight: 400; font-size: 18px; color: #0a0909; display: block; margin-bottom: 5px;}
.blog-details-page .blog-sidebar li {line-height: 1.2;}
.blog-details-page .wp-post-image {width: 100%; height: 395px; object-fit: cover; border-radius: 14px; margin-bottom: 20px;}
.blog-details-page .blog-content p, .blog-details-page .wp-block-search__input {font-family: "Lora", Sans-serif; font-weight: 400; font-size: 18px; color: #0a0909;}
.blog-details-page .blog-content p a {color: #3e8ad1;}
.blog-details-page .wp-block-latest-posts__list .wp-post-image {margin-bottom: 9px; object-fit: cover;}
.blog-details-page .wp-block-latest-posts__list .wp-block-latest-posts__featured-image {width: 29%; float: left;}
.blog-details-page .wp-block-latest-posts__post-date {color: #747474; font-weight: 400; font-size: 14px; font-family: "Lora", Sans-serif; margin-top: 5px;}
.blog-details-page .blog-sidebar #block-14 {clear: both;}
.sub-box {background-color: #4196e6; border-radius: 14px; padding: 45px 30px; margin-top: 25px; color: #fff;}
.sub-box h3 {color: #fff !important;}
.sub-box p {font-family: "Lora", Sans-serif; font-weight: 400; font-size: 18px;}
.sub-box form {padding: 0px !important; background-color: transparent !important;}
.sub-box form .es-field-label {font-size: 0px;}
.sub-box .ig-es-form-input {border-radius: 10px !important; outline: none; color: #132b4f; font-family: "Lora", Sans-serif; font-weight: 400; font-size: 16px; border: 0px !important;}
.sub-box .ig-es-form-input::placeholder {color: #132b4f;}
.sub-box .es-subscribe-btn {margin-top: 0 !important;}
.sub-box .es-field-wrap.es-submit-container {margin-bottom: 0px !important;}
.sub-box .es-field-wrap.es-submit-container input {background-color: #132b4f !important; color: #fff !important; font-family: "Times New Roman", Sans-serif; text-transform: uppercase; font-size: 15px; font-weight: 400; border: 0px !important; border-radius: 10px !important; height: 50px !important;}
.blog-details-page .wp-block-search__input {border-radius: 100px; border-color: #8f8f8f;}
.blog-details-page .wp-block-search__input::placeholder {color: #0a0909;}
.blog-details-page .wp-block-search__button {background-color: #4196e6; border: 0px; border-radius: 100px; font-size: 0px; background-image: url('images/search.png'); background-position: center; background-repeat: no-repeat; padding: 22px;}
.blog-sidebar .wp-block-latest-posts__list .wp-block-latest-posts__post-title {
	overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}
.blog-details-page .blog-sidebar li a:hover {color: #4196e6;}
body.archive.category h1.entry-title {font-family: "Race Sport", Sans-serif; font-weight: 400; font-size: 35px; line-height: 1.1; text-align: center; color: #132b4f; margin-top: 0;}
body.archive.category .site-main {max-width: 1200px; padding: 50px 20px;}
body.archive.category .site-main .page-content, body.search-results .site-main .page-content {display: flex; gap: 20px; flex-wrap: wrap; justify-content: center;}
body.archive.category .site-main .page-content .post, body.search-results .site-main .page-content .post {width: 32%;}
body.archive.category .site-main .page-content .wp-post-image, body.search-results .site-main .page-content .wp-post-image {height: 250px; object-fit: cover; border-radius: 20px;}
body.archive.category .site-main .page-content .post .entry-title, body.search-results .site-main .page-content .post .entry-title  {font-family: "Race Sport", Sans-serif; font-weight: 400; font-size: 22px; color: #132b4f;}
body.archive.category .site-main .page-content .post .entry-title a, body.search-results .site-main .page-content .post .entry-title a {color: #132b4f;}
body.archive.category .site-main .page-content .post:hover .entry-title a, body.search-results .site-main .page-content .post:hover .entry-title a {color: #4196e6;}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
.service_box .service_content {padding: 52px 20px 25px 20px;}	
.blog-details-page .wp-post-image {height: 300px;}
.blog-details-page .container {gap: 20px;}
.blog-details-page .blog-left {width: 60%;}
.blog-details-page .blog-sidebar {width: 40%;}
.sub-box {padding: 40px 20px;}
.blog-details-page .blog-content p, .blog-details-page .wp-block-search__input, .blog-details-page .blog-sidebar li a, .sub-box p {font-size: 16px;}
.blog-details-page .blog-sidebar h3, .blog-details-page .wp-block-search__label {font-size: 22px;}
.blog-details-page .blog-sidebar .blogtop-box {padding: 32px 20px;}
.blog-details-page .wp-block-latest-posts__list .wp-block-latest-posts__featured-image {width: 34%;}
body.archive.category .site-main .page-content, body.search .site-main .page-content {gap: 14px;}
body.archive.category .site-main .page-content .wp-post-image, body.search .site-main .page-content .wp-post-image {height: 220px;}
body.archive.category .site-main .page-content .post .entry-title, body.search .site-main .page-content .post .entry-title {font-size: 20px;}
body.archive.category h1.entry-title, body.search h1.entry-title {font-size: 30px;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.btnheader .elementor-button-icon {font-size: 13px !important;}	
.footermenu ul li a {justify-content: center !important;}
.service_box .service_content {padding: 52px 22px 25px 22px; text-align: center;}
.service_content p {font-size: 15px;}
.videobox .elementor-custom-embed-play {width: 50px; height: 50px;}
#ourblogs .service_box .service_content {text-align: center;}
.serbtn {margin: auto;}
.service_box .image_main_wrap img {height: 240px;}
.colset .e-con-inner {margin-right: auto;}
.inputwrap {display: block;}
.inputwrap div {width: 100%;}
.wpcf7-form textarea {font-size: 15px;}
.servicewrapper .service_box {width: 100%;}
.blog-details-page .container {display: block; max-width: 500px;}
.blog-details-page .blog-left {width: 100%;}
.blog-details-page .blog-sidebar {width: 100%;}
.blog-details-page .wp-post-image {height: auto;}
.blog-details-page .blog-content p, .blog-details-page .wp-block-search__input, .blog-details-page .blog-sidebar li a, .sub-box p {font-size: 15px;}
.sub-box {padding: 40px 25px;}
.blog-sidebar .wp-block-latest-posts__list .wp-block-latest-posts__post-title {
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
   -webkit-box-orient: vertical;
}
.blog-details-page .wp-block-latest-posts__list .wp-block-latest-posts__featured-image {width: 34%;}
.blog-details-page .wp-block-latest-posts__list .wp-post-image {height: 50px;}
.blog-details-page .blog-sidebar .blogtop-box {padding: 30px 20px;}
.blog-details-page {padding: 50px 20px 50px;}
body.archive.category .site-main .page-content .post, body.search-results .site-main .page-content .post {width: 100%; text-align: center;}
body.archive.category h1.entry-title, body.search-results h1.entry-title {font-size: 30px;}
body.archive.category .site-main .page-content .post .entry-title, body.search-results .site-main .page-content .post .entry-title {font-size: 20px;}
body.archive.category .site-main, body.search-results .site-main {max-width: 500px;}
body.error404 .site-main h1, body.search .site-main h1 {font-size: 30px;}
}