/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor 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.
 */

main#content {
    padding: 30px 0px 0px 0px;
}

div#get_quote {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;margin-bottom: 30px;
}
h2.transx_heading.w-100.text-center {
    padding: 0 10px;
}
body .comments-area a, body .page-content a{text-decoration: none}


.jeg-elementor-kit.jkit-image-box.style-floating .image-box-body .body-inner .body-button, .jeg-elementor-kit.jkit-image-box.style-floating .image-box-body .body-inner .body-description{
    opacity: 1;visibility: visible;
}

.jeg-elementor-kit.jkit-animated-text[data-style=rotating][data-rotate=slide-down] .animated-text .dynamic-wrapper{
    overflow: visible;
}

.transx_logo img{
    max-height: 75px;    padding: 5px 0;
}
.transx_socials_widget_logo img {
    max-height: 75px;
    padding: 5px 0;
}

body .transx_side_panel_button{margin-right: 20px;}
body .transx_page-header_3{max-width: 1600px;}

@media only screen and (max-width: 1200px) {
    body div#countries_container{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (min-width: 1200px) {
    body .transx_page_content_wrapper.transx_page_title_hide {
        padding: 0;
    }
    body .transx_page_content_wrapper {
        padding: 20px 0 0;
    }
    body .transx_main-menu li:not(:last-of-type), body .quadmenu-navbar-nav li:not(:last-of-type) {
        margin-right: 35px;
    }
}

@media only screen and (max-width: 767px) {
    main#content {
        padding: 30px 30px 0px 30px;
    }
    body div#countries_container{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lwptoc {
        width: 100%;
    }
    .lwptoc_i {
        width: 100%;
    }
}

@media only screen and (max-width: 569px) {
    .wpcf7-form .row .col-6 {
        max-width: 100%;
        flex: auto;
    }
}

/************** Search ******************/
div#countries_container{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;margin-top: 30px;
}
div#countries_container .country {
    position: relative;
    /*box-shadow: 0 0 10px #8f8f8f;*/
    border-radius: 3px;
    overflow: hidden;
}
div#countries_container .country a {
    display: flex;
    flex-direction: column;
    align-items: center;height: 100%;
}
div#countries_container .country a{color: #282a43;text-decoration: underline;}
div#countries_container .country a span {
    font-weight: 500;
    width: 100%;
    /*text-align: center;*/
    padding: 8px 0;
    /*background: #fff;*/
    /*text-transform: uppercase;*/
}
div#countries_container .country_image {
    width: 100%;height: 100%;
}
.country_image img , .elementor .country_image img{
    height: 100%;
    width: 100%;
}
div#search_container {
    display: flex;
    justify-content: center;
    gap: 10px;
}
div#search_container input {
    padding: 8px 18px;
    min-width: 50%;border-radius: 5px;
}
button#search_button {
    background: #1A776F;
    color: #fff;
    min-width: 100px;
    border: 0;
    border-radius: 5px;
}

div#pagination_container {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 5px;
}
div#pagination_container button {
    cursor: pointer;
    color: #1A776F;
    border: 1px solid #282a43;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    background: #fff;
}
div#pagination_container button.current,div#pagination_container button:hover{
    background: #1A776F;
    color: #fff;
    border-color: #1A776F;
}
body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
    padding-top: 58px;
    padding-bottom: 58px;
}
/*****************************/
body .transx_promo_box_item.transx_view_type_2 {
    background: #ffffff;
    padding: 27px 30px 37px 40px;
    -webkit-clip-path: polygon(90% 0, 100% 9%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(90% 0, 100% 9%, 100% 100%, 0 100%, 0 0);
}
.elementor-widget-transx_promo_box, .elementor-widget-transx_promo_box > div,
.elementor-widget-transx_promo_box > div > div,
.elementor-widget-transx_promo_box > div > div > div{
    height: 100%;
}
.elementor-element.full_height.elementor-widget.elementor-widget-transx_button,
.elementor-element.full_height.elementor-widget.elementor-widget-transx_button *{
    height: 100%;display: flex;align-items: center;
    -webkit-clip-path: polygon(90% 0, 100% 9%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(90% 0, 100% 9%, 100% 100%, 0 100%, 0 0);
}


body .transx_view_type_2 .transx_item_type_2 .transx_blog_listing_item {
    margin-bottom: 0;
}

.transx_delivery_form .col-md-6.col-xl-2,.transx_delivery_form .col-md-6.col-xl-4 {
    padding: 0 5px;
}
.transx_shortcodes_tabs_widget .transx_tabs_titles_container .transx_tab_title_item a {
    font-size: 16px;
    font-weight: bold;
}

.transx_delivery_form span.wpcf7-spinner {
    position: absolute;
    bottom: -25px;
}

.transx_home_request_quote .transx_checkbox_block p {
    display: flex;
    flex-wrap: wrap;
}

.transx_home_request_quote span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: 0;
}
.transx_home_request_quote span.wpcf7-form-control-wrap {
    position: relative;
    display: flex;
}

.relative_index{position: relative;z-index: 111;}


body .gray .transx_promo_box_item.transx_view_type_2 {
    background: #fafafa;
    box-shadow: 0px 0px 8px #909090;
}
.transx_icon_box_item.transx_view_type_3 .transx_icon_container{min-width: 60px;}
body .transx_bg_color_alt .transx_sidebar .widget.widget_search {
    padding: 32px 40px 40px;
}
body .transx_bg_color_alt .transx_sidebar .widget {
    background: #f8f8f8;}
.transx_page_title {
    background: rgb(0 0 0 / 40%);
    padding: 10px 15px;    border-radius: 10px;
}
a.transx_button.transx_button--primary.relative_index{
    display: inline-block;
    padding: 18px 32px 18px 32px;
   background: #1A776F;color: #fff;
    border-radius: 5px 5px 5px 5px;
    line-height: 1em;font-size: 16px;
    margin-bottom: 15px;
}
/********* footer **********/

body .footer_type_3 .transx_footer_menu {
    justify-content: flex-start;
}
.footer_widget.widget_nav_menu:nth-of-type(n+3) ul.menu li {
    width: 100%;
}


/*********************/
body .fa.fa-xing,body .fa.fa-xing-square,body .fa.fa-youtube,body .fa.fa-youtube-play,body .fa.fa-youtube-square {
    font-family: 'FontAwesome';
}
/******************/
.transx_truckload_type_multi_select {
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    color: #767f7f;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    padding: 0 30px 0 18px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
    background: #f4f4f4;
    margin-bottom: 20px;
    border-color: #e2e2e2;
}
.transx_home_request_quote span.wpcf7-form-control-wrap{
    width:100%;
}
/***************************************/
body select {
    margin-bottom:20px;
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    color: #767f7f;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    padding: 0 30px 0 18px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.lwptoc_i {
    border: 1px solid #EBEBEB !important;
    border-radius: 15px !important;
    padding: 30px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .05), 0 6px 20px 0 rgba(0, 0, 0, .05);
}
/**********************************/
h1.transx_page_title, .relative_index{
    background: rgb(0 0 0 / 30%);
}