/*
Theme Name: Zakra Child Theme
Theme URI: http://themegrill.com/themes/zakra/
Description: Child Theme for Zakra
Author: ThemeGrill
Author URI: http://themegrill.com
Template: zakra
Version: 1.0
*/

.widget ul li.current-menu-item a{
    color: #CA2030;
}
.tg-primary-menu ul li.current_page_item > a,
.tg-primary-menu ul li.current_page_ancestor > a,
.tg-primary-menu ul li.current-menu-ancestor > a,
.tg-primary-menu ul li.current-menu-item > a,
.tg-primary-menu ul li.current-menu-parent > a {color:#CA2030 !important;}


/*************************INDUSTRIES slider **************************/
header#masthead .tg-site-header-top {
    padding: 0.5em 20px;
}
header#masthead .tg-site-header-bottom{
    padding-left: 20px;
    padding-right: 20px;
}
.elementor-element-1799dbf .slick-track .slick-slide figure img.slick-slide-image, 
section.elementor-element.elementor-element-001d11e .elementor-element.elementor-element-c70cfeb .slick-list.draggable .slick-slide figure.slick-slide-inner img.slick-slide-image {
	width: 100px;
	height: 100px;
	margin-bottom: 10px !important;
}

.elementor-24 .elementor-element.elementor-element-e5d9972 .slick-slide .slick-slide-inner,
 section.elementor-element.elementor-element-001d11e .elementor-element.elementor-element-c70cfeb .slick-list.draggable .slick-slide figure.slick-slide-inner {
    padding: 0 10px 0 40px !important;
    width: 100%;
    max-width: 180px;
}
.elementor-613 .elementor-element.elementor-element-c70cfeb .elementor-image-carousel-caption{
    text-align: center;
    color: #ca2030;
    font-size: 15px;
    font-weight: normal;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.5em;
}
.timeline .container::after{
    right: -12px;
}
.timeline .right::after {
    left: -13px;
}
.left::before{
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-left: 100px solid #ca2030;
    border-bottom: 50px solid transparent;
}
.elementor-section .elementor-element-populated .elementor-image-carousel-wrapper .slick-list {
    margin: 0;
}
.elementor-section .elementor-element-populated .slick-prev {
    left: -60px;
}
.elementor-slick-slider .slick-dotted.slick-slider, 
section.elementor-element.elementor-element-001d11e .elementor-element.elementor-element-c70cfeb .elementor-widget-container .elementor-image-carousel {
    padding: 0 50px;
}
.elementor-613 .elementor-element.elementor-element-f634c26.elementor-widget-heading .elementor-heading-title{
    color: #ca2030;
}
.tg-site-footer .tg-site-footer-widgets {
    color: #d9e2ea;
    padding: 0 20px;
}
header.tg-page-header.tg-page-header--left {
    padding: 30px 20px;
}
.elementor-text-editor form.wpcf7-form p span select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    width: 77%;
}
.contact-button .elementor-button-wrapper a.elementor-button-link {
    display: inline;
}

.tg-primary-menu > div ul li.menu-item-has-children > a::after, 
.tg-primary-menu > div ul li.page_item_has_children > a::after{
    display: none;
}
ul li.menu-item-has-children .arrow_icon {
    position: absolute;
    right: -17px;
    color: #ca2030;
}
ul li.menu-item-has-children .arrow_icon:focus{
    background: transparent;
    outline: none;
}
.tg-primary-menu > div ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children .arrow_icon{ 
    right: 10px;
    top: 15px;
}
.tg-page-header .breadcrumb-trail ul li{
    display: inline-block;
}
.registration-form-block .ur-form-row .field-checkbox .form-row label.checkbox {
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
}

/**************** Form-section **********************/
.tg-container #primary {
    width: 70%;
    padding-right: 0px;
    margin: 0 auto;
}
.registration-form-block .ur-form-row .field-checkbox p#user_interest_field label{
    width: 32%;
    float: left;
}
.registration-form-block .ur-form-row .field-checkbox p#user_interest_field label.checkbox, 
.registration-form-block .ur-form-row .field-checkbox p#special_offers_field label.checkbox,
.registration-form-block .ur-form-row .field-checkbox p#poster_eligible_field label.checkbox{
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}
.registration-form-block .ur-form-row .ur-field-item p#first_name_field label,
.registration-form-block .ur-form-row .ur-field-item p#last_name_field label,
.registration-form-block .ur-form-row .ur-field-item p#user_login_field label,
.registration-form-block .ur-form-row .ur-field-item p#user_email_field label,
.registration-form-block .ur-form-row .ur-field-item p#address_1_field label,
.registration-form-block .ur-form-row .ur-field-item p#address_2_field label,
.registration-form-block .ur-form-row .ur-field-item p#country_field label,
.registration-form-block .ur-form-row .ur-field-item p#state_field label,
.registration-form-block .ur-form-row .ur-field-item p#city_field label,
.registration-form-block .ur-form-row .ur-field-item p#zip_field label,
.registration-form-block .ur-form-row .ur-field-item p#state_field label,
.registration-form-block .ur-form-row .ur-field-item p#company_field label,
.registration-form-block .ur-form-row .ur-field-item p#phone_field label,
.registration-form-block .ur-form-row .ur-field-item p#industry_type_field label,
.registration-form-block .ur-form-row .ur-field-item p#user_pass_field label,
.registration-form-block .ur-form-row .ur-field-item p#user_confirm_password_field label{
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}
.registration-form-block .ur-frontend-form .ur-form-row .ur-form-grid{
    margin-bottom: 0;
}
/* .ur-field-item.field-first_name, 
.ur-field-item.field-user_login{
    width: 50%;
    float: left;
} */
/* .ur-field-item.field-last_name, 
.ur-field-item.field-user_email{
    width: 46%;
    float: right;
} */
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item {
    margin-bottom: 20px;
    font-size: 13px;
    float: left;
    width: 48%;
    margin: 0 2% 0 0;
}
.ur-form-row .ur-form-grid .ur-field-item.field-checkbox{
    float: none;
    width: 100%;
}
.img-detail .elementor-widget-container ul {
    list-style: none;
}
.img-detail .elementor-widget-container ul li{
    color: #7a7a7a;
    font-family: "Roboto", Sans-serif;
    font-weight: 400;
    position: relative;
}
.img-detail .elementor-widget-container ul li::before {
    position: absolute;
    content: "";
    width: 10px;
    left: -15px;
    top: 12px;
    border: 1px solid #ca2030;
}
.register-title .elementor-widget-container h2{
    font-size: 1.75rem;
    font-family: "Roboto", Sans-serif;
}
.login-detail fieldset{
    border: 0;
}
.login-detail input.user-registration-Button.button {
    margin: 0 12px 0 0;
}
.tg-site-header-top .tg-header-top-right-content{
    text-align:right;
}
.tg-site-header-top .tg-header-top-right-content a{
        color: #fff;
    margin: 0 0 0 10px;
    display: inline-block;
    opacity:1;
    vertical-align: middle;
        font-family: Work Sans;
        transition:all 0.3s ease;
        -webkit-transition:all 0.3s ease;
}
.tg-site-header-top .tg-header-top-right-content a:hover{
    opacity:0.8;
}
/********************************/
/*************************************/

@media(max-width:1366px) {
    .elementor-24 .elementor-element .elementor-image-carousel-caption{
        line-height: 18px;
    }
    .elementor-slick-slider .slick-prev {
        left: 0 !important;
    }
    .elementor-slick-slider .slick-next {
        right: 30px !important;
    }
    .elementor-24 .elementor-element.elementor-element-e5d9972 .slick-slide .slick-slide-inner {
        padding: 0 0px 0 30px !important;
    }
    .elementor-widget-image-carousel .elementor-widget-container .elementor-slick-slider ul.slick-dots{
        width: 90%;
    }
    .question-block .elementor-icon-box-content h3.elementor-icon-box-title{
        text-align: center;
    }
    .tg-container #primary {
        width: 90%;
    }
}
@media(max-width:1280px) {
    .container {
        padding: 10px 20px !important;
    }
    .left::before {
        border-top: 50px solid transparent;
        border-left: 54px solid #ca2030;
        border-bottom: 50px solid transparent;
        right: 14px !important;
        top: 18px !important;
    }
    .right::before {
        top: 18px !important;
        left: 14px !important;
    }
    .elementor-613 .elementor-element.elementor-element-1485566 .gallery-item .gallery-caption{
        padding-top: 10px;
        line-height: 18px;
    }
    
}
@media(max-width:1199px) {
    .elementor-widget-heading .elementor-heading-title{
        font-size: 22px
    }
    .elementor-element-21adf3d5 .elementor-column-gap-default .elementor-row .elementor-element, 
    .elementor-element-bff0a9b .elementor-column-gap-default .elementor-row .elementor-element {
        align-items: flex-start;
    }
}
@media screen and (max-width: 1024px){
    .tg-primary-menu > div ul li ul{
        top: 38px;
        left: -140px;
    }
    .tg-primary-menu > div ul li ul#tg-menu-extras li ul{
        left: -100%;
    }
    .elementor-24 .elementor-element.elementor-element-0f44498 .gallery-item img,
    .elementor-element-55e0434 .elementor-element-30db532 .elementor-image-gallery figure.gallery-item .gallery-icon.landscape img {
        height: 98px;
    }
    .elementor-element-30db532 .elementor-image-gallery figure.gallery-item .gallery-icon.portrait img{
        height: 98px;
    }
    .elementor-24 .elementor-element.elementor-element-0f44498 .gallery-item .gallery-caption {
         line-height: 18px;
         padding-top: 10px;
    }
    .elementor-124 .elementor-element.elementor-element-5c58bb8:not(.elementor-motion-effects-element-type-background){
        background-position: 0px 0;
    }
    .elementor-613 .elementor-element.elementor-element-5bf7869.elementor-widget-heading .elementor-heading-title{
        color: #ca2030;
    }
    .elementor-widget-heading .elementor-heading-title {
        font-size: 16px;
    }
    .elementor-130 .elementor-element.elementor-element-d87b784 .elementor-button .elementor-align-icon-left,
    .elementor-130 .elementor-element.elementor-element-4af7e44 .elementor-button .elementor-align-icon-left{
        width: 0;
        margin: 0;
    }
    .elementor-130 .elementor-element.elementor-element-4af7e44 .elementor-button span.elementor-button-text, 
    .elementor-130 .elementor-element.elementor-element-d87b784 .elementor-button span.elementor-button-text{
        padding: 0 0 0 20px;
    }
    .tg-container #primary {
        width: 100%;
    }
}
@media screen and (max-width: 768px){
    .tg-mobile-navigation{
        width: 330px;
    }
    .elementor-text-editor form.wpcf7-form p label {
        width: 100%;
    }
    .site-content .hentry {
        margin: 0 0 2em;
    }
    .site-content {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .site-content .entry-content{
        margin: 0
    }
    .tg-site-layout--left #primary{
        padding-left: 0;
    }
    .products-detail .elementor-column-gap-default .elementor-row .elementor-element {
        margin: 0 15px 0 0;
    }
    .specialty-list ul {
        margin-bottom: 0;
    }
    .tg-mobile-navigation li.menu-item-has-children ul{
        padding-right: 8px; 
    }
    li.current-page-ancestor > a {
        color: #ca2030;
    }
    .menu-main-menu-container ul.menu li.current-menu-parent > a {
        color: #ca2030;
    }
    .menu-main-menu-container ul.menu li.current-menu-item > a{
        color: #ca2030;
    }
    .tooling-block .elementor-text-editor div .body_copy_italic ul {
        margin-bottom: 0;
    }
    .tg-mobile-navigation a{
        font-size: 0.9rem;
    }
}
@media screen and (max-width: 768px){
    .img-detail-block .img-block {
        width: 50%;
    }
    .img-detail-block .img-detail {
        width: auto;
    }
}
@media screen and (max-width: 767px){
    .elementor-124 .elementor-element.elementor-element-e7de65a {
        padding: 0px 50px 0px 50px;
    }
    .elementor-widget-heading .elementor-heading-title{
        font-size: 22px;
    }
    .tg-site-layout--left #primary{
        padding-left: 0;
    }
    .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item{
        width: 100%;
    }
    .registration-form-block .ur-form-row .field-checkbox p#user_interest_field label {
        width: 49%;
        float: left;
    }
}
@media screen and (max-width: 640px){
    .img-detail-block .img-block {
        width: 100%;
    }
}
@media screen and (max-width: 600px){
    .timeline .left {
        left: 40px;
    }
    .container::before {
        left: 12px !important;
    }
    .timeline .left::after, .timeline .right::after {
        left: -21px;
    }
    .timeline .right {
        left: 40px;
    }
    .elementor-124 .elementor-element.elementor-element-e7de65a {
        padding: 0px 50px 0px 0;
    }
    .elementor-280 .elementor-element.elementor-element-241f949 a.elementor-button, 
    .elementor-280 .elementor-element.elementor-element-241f949 .elementor-button{
        padding: 15px 50px;  
    }
    .tg-page-header .breadcrumb-trail ul{
        display: block;
        text-align: center;
    }
    .tg-container nav.breadcrumb-trail.breadcrumbs {
        width: 100%;
    }
    .tg-page-header .tg-container--flex{
        text-align: center;
    }
    .carolina-button .elementor-button-wrapper a.elementor-button-link {
        padding: 20px 10px 20px 10px !important;
        font-size: 15px;
    }
    /*************** header******************/
    .tg-site-header-top {
        display: block;
    }
    .tg-site-header-top .tg-header-top-left-content {
        display: none;
    }
    .tg-site-header-top .tg-header-top-right-content .header-bar-social-icons a{
        display: none;
    }
    .tg-site-header-top .tg-header-top-right-content .header-bar-social-icons a.user-login {
        display: block;
    }
    .tg-site-header-top .tg-header-top-right-content {
        width: 100% !important;
    }
    /*********************/
    .registration-form-block .ur-form-row .field-checkbox p#user_interest_field label {
        width: 100%;
        float: none;
    }
}
@media screen and (max-width: 480px){
    .tg-page-header .tg-page-header__title, .tg-page-content__title{
        font-size: 30px;
    }
    
}

.job-a:hover {
    background-color: rgba(0, 0, 0, 0.15);
}

.job-li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.job-a {
    display: flex;
    flex-direction: column;
    padding: 8px 16px;
}

.job-title {
    font-size: 21px;
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
}
.job-info{
    font-size: 16px;
    color: #000;
}
.job-ul{
    list-style: none;
    margin: 0;
    padding: 0;
}