/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-theme-child-sgvp-main
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



#sticky-head img{-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}

.hidden {
  display: none;
}
.CTA_btn { position: fixed; right: 0; top: 350px; z-index: 1000;}
.mobilefooter { display: none;  position: fixed; left: 0; right: 0; bottom: 0; z-index: 500;}

#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background-color: #fff;
  border-top: solid 1px #49494950;
  text-align: center;
  z-index: 1020;
}
button#accept-cookies { background-color: #f25f1a !important; color: #fff !important; border: none; padding: 10px 30px !important;}

#cookie-banner a { color: #000 !important; text-decoration: underline;}

button.btn-close {
  opacity: 1 !important;
  background: none !important;
}

button.btn-close {
  background: #cf2e2e !important;
  border: none !important;
  width: 20px !important; height: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;

}

.themBtn, a.btn-theme { background: #0f3566; color: #fff !important  ; cursor: pointer; border-radius: 20px; padding: 7px 30px; text-decoration: none !important; display: inline-block; }
.grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr ; gap: 30px;}
.grid-2 {display: grid; grid-template-columns: 1fr 1fr ; gap: 30px;}
.blog-info a.btn { background: none; color: #f25f1a !important; padding: 0; text-transform: uppercase; font-weight: bold;}

.blog-date{ color: #cf2e2e; padding-top: 15px;}

.copyright a { color: #fff !important; font-weight: normal;}
.copyright p { margin: 0 !important; padding: 0 !important;}
.breadcrumbs, .breadcrumbs a { color: #fff !important;}
.breadcrumbs li{ padding-right: 15px;}
.breadcrumbs a { background: url(../hello-elementor-child/assets/images/arrowright.png;) no-repeat right center; text-decoration: none; padding: 0 20px 0 0px ; }
.breadcrumbs a:hover { opacity: 0.6;}
#readmoreContentArea  { background: #0f3566 url(../hello-elementor-child/assets/images/areabg.png) no-repeat ; background-size: cover;background-attachment:fixed; color: #fff; padding: 80px 0;}
#readmoreContentArea ul { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
#readmoreContentArea ul li { list-style: none;}
#readmoreContentArea ul li a { color: #fff; text-decoration: none; border: dashed 1px rgba(255, 255, 255, 0.3); width: 100%; padding: 7px 15px; display: block; text-align: center; border-radius: 10px; background: #274a76;}
#readmoreContentArea ul li a:hover { background: #0f3566;}
.subservices h2.body-title { border-left: solid 5px #409fb4; padding-left: 10px; border-radius: 3px;} 
.bookservicesForm textarea { height: 120px !important;}
.bookservicesForm .metform-submit-btn { width: 100% !important;}

.b-item { position: relative;}


body { overflow-x: hidden !important;}

.elementskit-menu-overlay { background: none !important;}

/* BLog css  */

.container1 {width: 1250px; margin: auto;}

.blog_list_page { padding: 80px 0 ;}

#breadcrumbs a {color: #fff;}

.post_date_outer { display: flex; gap: 15px; padding: 25px 0 0 0 ;}
.post_single { padding-bottom: 80px; padding-top: 80px;  display: grid; grid-template-columns: 1fr; gap: 80px;}



.post .wp-post-image { width: auto !important;}
.breadcrumb_last { opacity: 0.6;}
.post_full .blog-date { font-size: 13px; padding: 10px 20px 0px 0px;}
.post_full .pdate { font-size: 25px;}
.post_right { background-color: #fff;   margin-bottom: 30px;

}
.single-post .post_full img{ margin: 0 0 30px 0 ;}
.sliderContent { padding: 15px 0 0px 0 ;}
.readmore a { color: #fbbc04;}

.widget_block ul { padding: 0; margin: 0;}
.widget_block li { background: #EEEEEE; padding: 10px; list-style: none; margin-bottom: 15px;}
.widget_block li a{ color: #08416b; display: block; line-height: 20px; font-size: 16px !important; text-decoration: none !important;}
.widget_block li a:hover { color: #08416b !important;}
h2.wp-block-heading { font-size: 20px; font-weight: bold; margin: 0 0 0 0 ; padding: 0; line-height: 45px; border-bottom: solid 1px #CCCCCC; position: relative; margin-bottom: 20px;}
h2.wp-block-heading::after { content: ""; width: 50px; height: 2px; position: absolute; bottom: -1px;  left: 0; background: #f25f1a; }
.wp-block-categories-list li { display: flex; justify-content: space-between; align-items:center;}
.post-tags { padding-left: 10px;}
.wp-block-tag-cloud a, .post-tags a { color: #A4A4A4; padding: 5px 7px;  text-decoration: none;}
.post-tags a { margin-right: 7px;}
.post_right input { background: #fff; border-radius: 50px; border: none;}
.post_right button { color: #fff !important; border: none; }

.post_right_inner {
  /* position: sticky; */
  /* top: 60px; */
}
.sliderImg {
  overflow: hidden;
}
.sliderImg img { border-radius: 15px;}

.blog-date, .project_tags {
  /* position: absolute; */
  /* background: #08416b ; */

  color: #000;
  font-size: 14px;
  font-weight: bold ;
  padding: 10px 0px;
  z-index: 10;
  
}
.blog-info h4 { font-size: 18px; padding: 0 0 15px 0; margin: 0;}
.post_full .pdate {
  font-size: 25px;
}
.pmonth {
  text-transform: uppercase;
}

.post-cate a { color: #409fb4; font-size: 14px; padding-bottom: 5px;}
.newsTitle a { color: #004aad; font-weight: bold; font-size: 20px; line-height: 25px;}

.newsListOuter { display: grid; grid-template-columns: 1fr 1fr 1fr ;  gap: 20px;}
.newsListOuter .newsBox { position: relative;}
.blog-date-inner { font-size: 13px; opacity: 0.7;}
.newsListOuter .newsTitle { font-size: 16px; line-height: 22px !important;}

.wp-pagenavi { padding: 30px 0 30px 0 ; display: flex;}
        .wp-pagenavi .pages,   .wp-pagenavi  a.last  { display: none;}
        .wp-pagenavi a, .wp-pagenavi span {
            font-size: 16px !important;
            color: #000;
            padding: 0px;
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: none !important;
            background-color: #F6F6F6 !important;
            border-radius: 10px !important ;
            -webkit-border-radius: 10px !important ;
            -moz-border-radius: 10px !important ;
            -ms-border-radius: 10px !important ;
            -o-border-radius: 10px !important ;
            text-decoration: none !important;
}

.wp-pagenavi span.current { background: #f25f1a !important; color: #fff !important;}
.post_right select { border: solid 1px #E4A4A1; font-size: 14px; color: #f25f1a;}
.widget_block { padding: 25px 0 0 0;}
.post_right section:first-child { padding-top: 0px !important;}
.post_right_inner { position: sticky; top: 60px;}

.post_single-header p { margin-bottom: 0;}


.post_tag a { color: #A4A4A4;}
.post_tag a:hover { color: #E3A100;}
.post_right_inner .widget  { background-color: #F6F6F6; padding: 25px; margin-bottom: 30px;}

.page-content { padding-top: 0px !important;}

/* blog-recent-items css  */

.blog-recent-items { display: grid; grid-template-columns: 30% 1fr; gap: 20px; border-bottom: solid 1px #CCCCCC; padding: 15px 0 ; position: relative;}
.b-outer  .blog-recent-items:last-child { border-bottom: 0; padding-bottom: 0;}
.b-date  {background: url(../hello-elementor-child/assets/images/time.png) no-repeat left 5px ; padding-left: 20px; font-size: 14px; opacity: 0.5; }
h4.b-title { font-size: 16px; line-height: 20px; margin: 0; padding: 0;}



.bigImgSingle { padding-bottom: 30px;}
.post .wp-post-image { max-height: inherit !important;}

/* end blog css  */

.hfe-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background-color: #131521; border-bottom: solid 1px #3a3835;}
.hfe-sticky .e-con-inner .e-con-inner { align-items: center !important; padding:  0px !important;}
.hfe-sticky .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li a  { padding: 5px 15px !important; height: 50px;}


.hfe-sticky .elementor-9 .elementor-element.elementor-element-17c2ced .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper { height: auto !important;}



/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #d6c483; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #d6c483; 
}

.modal-content { background: #1a1a1a !important;  border:  solid 1px rgba(255, 255, 255, 0.1);}
.modal-backdrop.show { opacity: 0.8;}  
.modal-header { border-bottom: solid 1px rgba(255, 255, 255, 0.1);}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
#sticky-head  { position: relative; top: 0; right: 0; left: 0;  z-index: 500;}
#sticky-head.hfe-sticky { position: fixed; top: 0;}

.admin-bar  #sticky-head { top: 0px; z-index: 1000;}
#sticky-head.hfe-sticky  { top: 0px !important;}
.wp-caption { position: relative;}
.wp-caption .wp-caption-text{ position: absolute; font-size: 20px; font-weight: bold !important; color: #fff; text-transform: uppercase; left: 0; right: 0; bottom: 20px; font-weight: normal; font-style: normal;}



#sticky-head.hfe-sticky .topmini {  display: none; }

button.e-n-tab-title { background: #f2f4f8 !important; color: #000 !important; padding: 7px 25px !important; border-radius: 12px !important;}
.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true]::before { content: ""; background: url(../hello-elementor-child/assets/images/downarrow.png) no-repeat center center; width: 13px; height: 7px; position: absolute; left: 45%; right: 0; bottom: -7px; }
.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true], .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] a  { background: #f29e0b !important; color: #000 !important; padding: 7px 25px !important; border-radius: 12px !important;}


.contactusText a {color: #fff !important  ;}
.grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}
.formRow { padding: 0 0 20px 0;}
.formRow p { margin: 0; padding: 0;}
.jeg-elementor-kit.jkit-contact-form-7 form .formRow input, .formRow textarea,  .formRow select , .jeg-elementor-kit.jkit-contact-form-7 form input:not([type=submit]):not([type=checkbox]):not([type=radio]), .jeg-elementor-kit.jkit-contact-form-7 form select, .jeg-elementor-kit.jkit-contact-form-7 form textarea
{  background: #f0f0f2 !important; border: solid 1px #fff ; border-radius: 10px !important; font-size: 16px !important; margin: 0px !important; color: #052754;}

.jeg-elementor-kit.jkit-contact-form-7 form select {font-size: 16px !important; color: #052754;}


/* Style the placeholder for input fields */
input::placeholder {
  color: #052754; /* Change the placeholder text color */
  font-size: 16px !important;
 
}

/* Style the placeholder for textareas */
textarea::placeholder {
  color: #052754; /* Change the placeholder text color */
  font-size: 16px !important;
  
}

/* Style the placeholder for select elements */
select::placeholder {
  color: #052754; /* Change the placeholder text color */
  font-size: 16px !important;
  
}
input.wpcf7-submit   { background: #f29e0b !important; border: none; color: #fff !important; border-radius: 7px !important; text-transform: uppercase; font-size: 20px !important;}
.checkboForm label{ display: flex; gap: 10px; max-width: 100% !important; width: 100% !important; padding-bottom: 30px; color: #052754; align-items: center; }
.checkboForm p{ display: flex; gap: 0px; align-items: center; }
.checkboForm p > span { padding-right: 10px; margin-top: 10px;}
.checkboForm p a { padding-left: 5px; color:#052754 ;}
.checkboForm p  span input { width: 20px; height: 20px;  background: #f0f0f2 !important; border: solid 1px #fff ; border-radius: 10px !important;}
.jeg-elementor-kit.jkit-contact-form-7 form label span { font-size: 16px !important; color: #052754 !important;}
.checkboForm span { display: block; font-size: 16px !important; }
.wpcf7-not-valid-tip { font-size: 14px !important;}

.formRow textarea { padding: 25px !important;}

.quotesForm label{ display: flex; padding-bottom: 15px; color: #32d216 !important;}

.jeg-elementor-kit.jkit-contact-form-7 form .quotesForm label span.red {color: red !important; padding-left: 5px;}

.wpcf7-radio label { display: flex; gap: 7px;}


.fulllink { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 500;}
.fulllink div, .fulllink a { height: 100%; width: 100%; border-radius: 0px; }
.fulllink a span { display: none;}
.fulllink a  { text-indent: -9999px; background: none !important;}
.priceBoxOuter .e-con-inner, .priceBoxOuter { padding: 0;}
.priceBoxOuter .e-con-inner:hover .priceBox  { background-color: #32d216 !important;}

.priceBoxOuter .e-con-inner:hover .priceBox h6, .priceBoxOuter .e-con-inner:hover .priceBox h3, .priceBoxOuter .e-con-inner:hover .priceBox p,  .priceBoxOuter .e-con-inner:hover .priceBox p strong{ color: #fff !important;}
.footerLocation a { color: #000;}

.elementor-309 .elementor-element.elementor-element-43494c7:hover .elementor-widget-container { box-shadow: none !important;}
.mf-input-wrapper textarea { height: 70px !important;}
.contactusBanner a { color: #fff; text-decoration: none;}  
.contactusBanner a:hover { color: #32d216;}



.item-box { background: #000 !important; }
.blog-content { padding: 20px 20px;}

.innerHeader  { background: url(https://www.onestoplegal.es/wp-content/uploads/2023/12/headerBanner.png) no-repeat; padding: 70px 0 70px  0; ;  }
.innerHeader   h1 { color: #fff; }


/* new css  */
.item { border-radius: 15px ; height: 100%;}
/* .owl-stage div, .owl-item , .item div { height: 100% !important;} */



.owl-carousel .owl-item {
  flex: 1;
}
.owl-carousel .owl-item {
  
  
  
  
}
.owl-carousel .owl-item img, .gl_service_list img { border-radius: 50%;}
.item_img { margin: auto; display: flex; justify-content: center; align-items: center;}
.item_img img {  width: 200px !important; height: 200px !important;  border: solid 2px #a79969; padding: 20px;}
.content_outer { padding: 25px;}
.service_slider { font-size: 20px; text-transform: uppercase; font-weight: bold; color: #fff; text-align: center;}
.service_content { padding-top: 10px; }
.service_content p {color: #d6c483; font-weight: 400 !important; text-align: center;}

button.prev-btn, button.next-btn, button.prev-btn2, button.next-btn2 { padding: 0px !important; width: 35px; height: 35px; background: #d6c483 !important; border: none !important; border-radius: 50%;}

.custom-nav { display: flex; justify-content: left; gap: 5px;}
.custom-nav button {
  background: #d6c483 url(assets/images/prev.png) no-repeat center center !important;

}

.custom-nav button.next-btn, .custom-nav button.next-btn2 { -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  

}

.gl_service_list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}
.gtranslate_wrapper  a { color: #D6C483 !important;}
.gt_languages a {color: #000 !important;}


.blog_list_page, .post_single   { padding-bottom: 300px}
.post_single p, .post_single { color: #D6C483 !important;}
.blog-info a { color: #d6c483;}
.blog-date { color: #fff;}
.post_date { color: #fff;}
.blog-info h4 { padding: 20px 0;}
#breadcrumbs , #breadcrumbs span, .breadcrumb_last { color: #fff !important;}

@media (min-width: 1000px) and (max-width: 500000px) {
  .hfe-sticky img {  height: auto !important;}

}
@media (min-width: 100px) and (max-width: 767px) {
    #sticky-head, #sticky-head.hfe-sticky { position: relative; top:0;}
  .grid-3 , .grid-2{ grid-template-columns: 1fr;}
  .checkboForm label, .checkboForm p { display: block;}
  .blog_list_page, .post_single   { padding-bottom: 0px}
  .mobilefooter { display: block;}
  .gl_service_list { grid-template-columns: 1fr;}
}

@media (min-width: 768px) and (max-width: 1000px) {
    

    
}