/*
Theme Name: Camarine Child
Description: This is a child theme for Xora Theme
Author: Giang Hoang Viet
Template: hello-elementor
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

body{
    overflow-x: hidden;
    line-height: 1.5 !important;
    font-size: 16px !important;
}

figcaption.widget-image-caption.wp-caption-text {
    margin-top: 10px;
}
.elementor-widget-theme-post-title span.elementor-heading-title span {
    color: #C19C60;
}
.mb-0{
    margin-bottom: 0 !important;
}
blockquote {
    border-left: 4px solid #000;
    color: #333;
    font-size: 1.2em;
    font-style: italic;
    margin: 0 0 1.25em;
    padding: 0 1.25em 0 1.25em;
    position: relative;
}
nav.elementor-pagination {
    margin-top: 40px;
}
h6.post-type-search {
    color: #46b64f;
}
a{
    color: var( --e-global-color-secondary );
}

a:active, a:hover{
    color: var( --e-global-color-primary );
}
table tfoot th, table thead th {
    font-size: 16px;
}
iframe, img{
    max-width: 100%;
}
hr {
    margin: 15px 0;
}
.elementor-button span.elementor-button-text {
    font-size: 15px;
}
h1, h2, h3, h4, h5, h6{
    line-height: 1.3 !important;
}
.text-center{
    text-align: center;
}
.text-justify{
    text-align: justify;
}
.text-right{
    text-align: right;
}
[type=button], [type=submit], button{
    border-radius: 99px;
    color: #46b64f;
    border-color: #46b64f;
    padding: 6px 23px;
    font-weight: 700;
    outline: none;
    text-align: center;
}
[type=button]:hover, [type=submit]:hover, button:hover{
    background: #46B64F;
}
.elementor-widget-theme-post-content ol, .elementor-widget-theme-post-content ul,
.elementor-widget-text-editor ol, .elementor-widget-text-editor ul, .elementor-widget-woocommerce-product-content ul, .elementor-widget-woocommerce-product-content ol{
    margin-bottom: 15px;
    padding-left: 16px;
}
.elementor-widget-theme-post-content ol li, .elementor-widget-theme-post-content ul li,
.elementor-widget-text-editor ol li, .elementor-widget-text-editor ul li, .elementor-widget-woocommerce-product-content ul li, .elementor-widget-woocommerce-product-content ol li{
    margin-bottom: 8px;
}

.image-cover, .media-items .elementor-image-box-wrapper figure.elementor-image-box-img{
    position: relative;
    padding-top: 60%;
}
.elementor-posts .elementor-post .image-cover, .media-items .elementor-image-box-wrapper figure.elementor-image-box-img{
    padding-top: 60%;
}
.elementor.swiper-slide.e-loop-item {
    padding-bottom: 20px;
}
.image-cover img, .media-items .elementor-image-box-wrapper figure.elementor-image-box-img img, .single-car-rental .elementor-image-carousel-wrapper figure.swiper-slide-inner img, .record-gallery figure.swiper-slide-inner img{
        right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}
.elementor-nav-menu ul li a {
    border-bottom: 1px solid #ddd;
}
.elementor-location-footer .elementor-widget .elementor-icon-list-item {
    align-items: flex-start;
}
.elementor-location-footer .elementor-widget .elementor-icon-list-item span.elementor-icon-list-icon {
    padding-top: 5px;
}
body .elementor-accordion .elementor-accordion-item {
    border-left: 0;
    border-top: 0;
    border-right: 0;
}
.align-center > .elementor-container {
    justify-content: center;
}
nav.elementor-pagination span, nav.elementor-pagination a {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    padding: 0 6px;
    border: 1px solid #ccc;
    color: #666;
    line-height: 26px;
    margin: 0!important;
}
nav.elementor-pagination span.current, nav.elementor-pagination span:hover, nav.elementor-pagination a:hover {
    background: #F0F1F3;
    color: #000;
}
ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover{
    border-left: 0 !important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    top: 40%;
    left: 0%;
    color: #46B64F;
    font-size: 30px;
    background: #fff!important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 4px 4px rgba(0,0,0,.15)!important;
    line-height: 30px;
    outline: none !important;
}
.owl-carousel .owl-nav button:hover{
    color: var( --e-global-color-primary ) !important;
}
.owl-carousel .owl-nav button.owl-next{
    left: auto;
    right: 0%;
}
nav.elementor-pagination.ecs-load-more-button span, nav.elementor-pagination.ecs-load-more-button a {
    width: auto;
    height: auto;
    background: transparent;
    border: 0;
    color: #46B64F;
    padding: 0;
}
nav.elementor-pagination.ecs-load-more-button a {
    background: transparent;
    border: 1px solid #46B64F;
    border-radius: 99px;
    padding: 8px 20px;
}
nav.elementor-pagination.ecs-load-more-button a:after{
    content: "\f061";
    transform: rotate(-45deg);
}
nav.elementor-pagination.ecs-load-more-button a:hover{
    background: #46B64F;
    color: #fff;
}
nav.elementor-pagination.ecs-load-more-button a:hover span{
    color: #fff;
}
.row{
    display: flex;
    flex-flow: row wrap;
}
.col{
    width: 100%;
    padding: 0px 15px 15px;
}
.row.large-columns-3 .col{
    width: 33.333%;
}
#content.page{
    width: 100%;
    max-width: 100%;
}
.show-for-medium{
    display: none;
}

nav.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-nav-menu > li > a {
    border-bottom: 1px solid #ddd;
    outline: none !important;
}
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-nav-menu--dropdown a.elementor-item-active {
    font-weight: 700 !important;
}
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-nav-menu > li > a:active{
    background: transparent !important;
}
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    min-width: 300px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    bottom: 0;
    padding: 50px 15px;
    margin: 0;
    margin-left: -300px;
    max-height: 100%;
    transition: all 300ms ease;
    transform-origin: left;
    transform: none !important;
}
.admin-bar nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    top: 32px;
}
.elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    margin-left: 0;
    overflow: unset;
}
.elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown.elementor-nav-menu__container:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    background: rgb(0 0 0 / 50%);
    width: 100vh;
    display: block;
}
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-nav-menu{
    padding-left: 0;
    background: #fff;
}
.max-width-970 {
    max-width: 970px;
}
.single .elementor-widget-theme-post-title h1{
    font-size: 2.4rem;
}
.single .breadcrumbs span.post.post-post.current-item {
        display: none;
    }

#header.fixed-header {
    position: fixed;    
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: #fff;  
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;  
}
#header.fixed-header .elementor-widget-image img {
    height: 50px;
    width: auto;
}
.admin-bar #header.fixed-header {
    top: 32px;
}
#header.fixed-header .hide-scroll{
    display: none;
}
#header.fixed-header .elementor-widget-nav-menu .elementor-widget-container {
    margin-top: 0 !important;
}
form.elementor-form label a {
    text-decoration: underline !important;
}
form.elementor-form label a:hover{
    text-decoration: none !important;
}
.page-header-wrapper .breadcrumbs{
    margin-bottom: -10px;
}
.breadcrumbs a{
    color: #fff;
    font-weight: 400;
}
.breadcrumbs {
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}
.row-wrap > .elementor-container{
    flex-flow: row wrap;
}
/*.page-header-wrapper .elementor-container {
    max-width: 1200px !important;
}*/
.item-career-custom{
    cursor: pointer;
    border: 1px solid transparent;
    position: relative;
}
.filter-search-career .searchandfilter ul{
    padding: 0;
    margin: 0;
    display: block;
}
.filter-search-career .searchandfilter ul li{
    padding-right: 20px;
}
.filter-search-career .searchandfilter ul li h4 {
    margin: 0 0 6px;
/*    font-family: "Archivo", Sans-serif;*/
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.filter-search-career .searchandfilter li:first-child{
    width: 50%;
}
.filter-search-career .searchandfilter li:nth-child(2){
    width: 38%;
    position: relative;
}
.filter-search-career .searchandfilter li:last-child{
    width: 12%;
    padding-right: 0;
}
.filter-search-career .searchandfilter input[type="submit"] {
    background: #214195 !important;
    border-radius: 5px;
    color: #fff;
    outline: none;
    border: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    height: 45px;
}
.filter-search-career .searchandfilter select, 
.filter-search-career .searchandfilter input[type="text"] {
    height: 45px;
    outline: none;
    border: 1px solid #E8E9EB;
    background: #fff;
    color: #444150;
    font-weight: 400;
}
.filter-search-career .searchandfilter select{
    padding-left: 35px;
}
.filter-search-career .searchandfilter li:nth-child(2):before{
    position: absolute;
    content: '';
    left: 14px;
    top: 40px;
    background: url('assets/images/map-pin.svg') no-repeat center center;
    width: 20px;
    height: 20px;
    z-index: 1;
    background-size: 100% 100%;
}
.list-career > .elementor-widget-container{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.list-career > .elementor-widget-container .show-total{
    order: 1;
    width: 100%;
    margin-bottom: 20px;
    display: block;
}
.list-career > .elementor-widget-container .elementor-loop-container{
    order: 3;
}

.list-career > .elementor-widget-container .elementor-pagination{
    margin-bottom: 30px;
    order: 2;
    width: 100%;
}

.list-career .elementor-pagination .page-numbers{
    border-radius: 100px;
    border: 1px solid #9E9E9E;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    text-align: center;
    line-height: 35px;
    margin-right: 5px !important;
    height: 35px;
    width: 35px;
    background: #fff;
}
.list-career .elementor-pagination .page-numbers:hover,
.list-career .elementor-pagination .page-numbers.current{
    border-color: #0146B1;
    color: #0146B1;
    font-weight: 600; 
}

.show-total{
    color: #444150;
}

.filter-career{
    display: flex;
    align-items: center;
    flex-direction: row;
}
.filter-career .text-filter{
    min-width: 65px;
    color: #444150;
    font-size: 16px;
}
select.orderby{
    outline: none;
    border: 1px solid #E8E9EB;
    color: #444150;
}
.col-right-sticky{
    position: sticky;
    top: 110px;
}

.career-content-scroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.career-content-scroll::-webkit-scrollbar
{
    width: 8px;
    background-color: #F5F5F5;
}

.career-content-scroll::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #b3b3b3;
}
.content-cereer h4{
    color: #1E1E1E;
    font-size: 1.7rem;
    margin-bottom: 8px;
    margin-top: 15px;
}

.show-total{
    display: none;
}
.copy-link a{
    cursor: pointer;
}
.col-career.loading{
    position: relative;
}
.col-career.loading:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background: rgb(255 255 255 / 58%);
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: 35px;
}
.item-career-custom.active{
    border-color: #214195;
}
.item-career-custom.active:after{
    content: "";
    position: absolute;
    right: -8px;
    top: calc(50% - 8px);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #214195;
}
.elementor-field-group-file_upload1 input{
    color: #fff !important;
}
.copy-link a .elementor-button-text{
    font-size: 14px;
    color: #214195;
    font-weight: 400;
    position: relative;
    top: 20px;
    left: 5px;
}
.ui-datepicker .ui-datepicker-title{
    display: flex;
    gap: 10px;
}
.select2-container {
    width: 100% !important;
}
.select2-container .select2-selection--single{
    height: 40px !important;
    border: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 38px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
}
#wpsvcviews img{
    display: none;
}
.not-found-career{
    min-height: 300px;
}
.operating-home{
    padding-left: calc((100vw - 1600px) / 2) !important;
}

@media(min-width: 1400px){
    h1 {
        font-size: 3.2rem;
    }
    h2 {
        font-size: 2.5rem;
    }
    h3 {
        font-size: 1.8rem;
    }
    h4 {
        font-size: 1.4rem;
    }
    h5 {
        font-size: 1.2rem;
    }

}
@media(min-width: 992px){

    .woocommerce.woocommerce-checkout form #customer_details.col2-set,
    .woocommerce-page.woocommerce-checkout form #customer_details.col2-set {
        width: 55%;
        float: left;
        margin-right: 4.347826087%;
        margin-bottom: 50px;
    }

    .woocommerce.woocommerce-checkout form #order_review,
    .woocommerce.woocommerce-checkout form #order_review_heading,
    .woocommerce-page.woocommerce-checkout form #order_review,
    .woocommerce-page.woocommerce-checkout form #order_review_heading {
        width: 40%;
        float: right;
        margin-right: 0;
        clear: right;
    }

}
@media(max-width: 1549px){
   .operating-home{
        padding-left: calc((100vw - 1400px) / 2) !important;
    }
}
@media(min-width: 900px) and (max-width: 1550px){
    h1 {
        font-size: 2.6rem;
    }
    h2 {
        font-size: 2.3rem;
    }
    h3 {
        font-size: 1.8rem;
    }
    h4 {
        font-size: 1.5rem;
    }
    h5 {
        font-size: 1.2rem;
    }
    body{
        font-size: 15px !important;
    }
    .elementor-section.elementor-section-boxed > .elementor-container, .mep-events-wrapper.wrapper{
        max-width: 90%;
    }
    .elementor-section.elementor-section-boxed > .elementor-container .elementor-container{
        max-width: 100%;
    }
    
    .elementor-posts .elementor-post.mep_events h5.elementor-heading-title.elementor-size-default{
        font-size: 15px;
    }
 
}

@media(min-width: 900px){
    .row-large-columns-3 .elementor-container, .row-large-columns-5 .elementor-container {
        flex-flow: row wrap !important;
    }
    .row-large-columns-3 .elementor-container .elementor-column{
        width: 33.3333% !important;
    }
    .row-large-columns-5 .elementor-container .elementor-column{
        width: 20% !important;
    }
    .admin-bar .get-in-touch-menu.elementor-widget-nav-menu ul .search-menus {
        top: 52px;
    }
    #header .search-menu .elementor-search-form__toggle{
        display: none;
    }
    .align-center .elementor-loop-container.elementor-grid .e-loop-item {
        width: calc(33.33% - 20px);
    }
    .align-center .elementor-loop-container.elementor-grid {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }
}

@media(max-width: 880px){
    .row.medium-columns-2 .col{
        width: 50%;
    }
    #header .elementor-search-form .elementor-search-form__input {
        font-size: 18px;
    }
    .row.large-columns-3 .col{
        width: 50%;
    }
    
    .hide-for-medium{
        display: none;
    }
    .show-for-medium{
        display: block;
    }
    table.show-for-medium{
        display: table;
    }
    
    .single .elementor-widget-theme-post-title h1{
        font-size: 2rem;
    }
    
    .page-header-wrapper .elementor-container.elementor-column-gap-default {
        min-height: 280px !important;
    }
    body{
        font-size: 15px !important;
    }
   
    .elementor-section.elementor-section-boxed > .elementor-container, .mep-events-wrapper.wrapper{
        max-width: 96%;
    }
    .elementor-section.elementor-section-boxed > .elementor-container .elementor-container{
        max-width: 100%;
    }
    .woocommerce div.product div.images .flex-control-thumbs li {
        width: calc(100%/4);
    }
    ul.products.elementor-grid.columns-3 li.product .box-product-item {
        padding: 15px;
    }

    .elementor-tabs-content-wrapper .elementor-tab-title{
        display: none;
    }
     #header.fixed-header .hide-scroll-medium{
        display: none;
    }
    .single-project .elementor-widget-media-carousel .elementor-main-swiper {
        height: 400px !important;
    }
}

@media(min-width: 767px){
    .list-career.show-pagination{
        margin-top: -63px !important;
        
    }
    .col-career.show-pagi{
       padding-top: 88px !important; 
    }
    .career-content-scroll{
        overflow-y: scroll;
        height: calc(100vh - 350px);
    }
}
@media(max-width: 550px){
    h1{
        font-size: 2rem;
    }
    .page-header-wrapper h1.elementor-heading-title {
        font-size: 1.5rem;
    }
    h2 {
        font-size: 1.5rem;
    }
    h3{
        font-size: 1.35rem;
    }
    h4{
        font-size: 1.25rem;
    }
    h5{
        font-size: 1.15rem;
    }
    .row.medium-columns-2 .col, .row.large-columns-3 .col{
        width: 100%;
    }
    
   #header.fixed-header .elementor-widget-theme-site-logo img {
        height: 30px;
        width: auto;
    }
    .elementor-button {
        font-size: 15px;
        padding: 8px 15px;
    }
   .page-header-wrapper .elementor-container.elementor-column-gap-default {
        min-height: 220px !important;
    }
    .woocommerce div.product div.images .flex-control-thumbs li {
        width: calc(100%/3);
    }
  
    ul.products.elementor-grid.columns-3 li.product .box-product-item {
        padding: 10px;
    }
    .page-header-wrapper .breadcrumbs{
        font-size: 12px;
    }
    .single-project .elementor-widget-media-carousel .elementor-main-swiper {
        height: 220px !important;
    }
    .slideshow .elementor-swiper-button{
        display: none !important;
    }
    .filter-search-career .searchandfilter ul li {
        width: 100% !important;
        padding-bottom: 20px;
    }
    .list-career > .elementor-widget-container .show-total,
    .list-career > .elementor-widget-container .elementor-pagination {
        text-align: center !important;
    }
    .list-career > .elementor-widget-container .elementor-loop-container {
        order: 0;
        margin-bottom: 30px;
    }
    .item-career-custom.active:after{
        display: none;
    }
    .not-found-career{
        text-align: center;
        margin-top: -50px;
    }
}