/* 
Theme Name: Rodrigo
Theme URI: https://github.com/elementor/hello-theme-child/
Description: 
Author: Yodle
Author URI: https://rodrigo.nz
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
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
*/


/***** GENERAL ******/


/* VAR */
:root {
--bradius: 14px;
--buttonradius: 30px;
--bsolid: 1px solid;
--bcolor: #ddd;
--bcoloractive: #ddd;
--bshadow: 0 8px 32px 0 rgba(0,0,0,.1);
}

html {
  -webkit-text-size-adjust: 100%; }

*,
*::before,
*::after {
  box-sizing: border-box; }

 
 html, body, * {
    -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
     -webkit-touch-callout: none;
   -webkit-tap-highlight-color: transparent;
     font-synthesis: none;
   -moz-font-feature-settings: 'kern';
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

ul, ol {
    list-style: none;
    padding-inline-start: 0;
}

body {
  margin: 0px;
  }
 
 html  {
 font-size:17.5px!important;
}
@media (max-width:1024px) {
   html  {font-size:16.5px!important; }
}
@media (max-width:768px) {
   html  {font-size:15.5px!important;}
} 
  
  h1, h2, h3, h4, h5, h6, p {
   margin-block-start: 0!important;
   margin-block-end: 0!important;
   margin-inline-start: 0px!important;
   margin-inline-end: 0px!important;
}

.elementor-lightbox {
    backdrop-filter: blur(20px);
}

p {
	line-height: 1.3!important;
}

img   {
    border-radius: var(--bradius)!important;
}

i {font-style:normal!important;}
.maxwidth {max-width: 1000px!important;}
.maxwidthhalf {max-width: 500px!important;}

@media (min-width: 1024px) {
.mobonly {display: none!important;}
}

.boxradius {
    border-radius: var(--bradius)!important;
}

.maxwidthimg {
   max-width:1200px;
}


.boxshadow {
box-shadow: var( --bshadow );
}

.gradius {
 border-radius:0px!important;
}
.gborder {
 border: var( --bsolid );
 color: var( --e-global-color-text );
 border-color: var( --e-global-color-b5a438f );
}

.gborder:focus {
 border-color: var( --e-global-color-9eac3c9 );
}

.floatr {
 float:right!important;
}
.floatl {
   float:left!important;
}
.textc {
 text-align:center!important;
}

.textcm {
 text-align:center!important;
}
@media (max-width:500px) {
 .textcm {
 text-align:left!important;
}
}

.feat span {
   font-family: var(--e-global-typography-accent-font-family)!important;
   font-weight: var(--e-global-typography-accent-font-weight);
   font-style: var(--e-global-typography-accent-font-style);
   letter-spacing: -2px!important;
   transform: scale(1.1);
}

.dialog-type-lightbox, .mfp-wrap {
     z-index: 999999!important;
}

.elementor-lightbox .elementor-swiper-button-next i, .elementor-lightbox .elementor-swiper-button-prev i {
 background:transparent!important;
}
.elementor-form .elementor-button {
   font-family: var(--e-global-typography-primary-font-family)!important;
}



body .elementor-widget:not(:last-child) {
	margin-bottom: 0px!important;
}


input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	outline: 0!important;
	border-width: var(--bwid)!important; 
	border-radius: 10px!important;
}
.subt * {
	text-transform: uppercase!important;
	letter-spacing: 0.5px;
	font-weight: 500!important;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #777;
  border-radius:4px;
 -webkit-box-shadow:none!important;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
::-webkit-scrollbar-thumb:active {
  background: var(--e-global-color-primary);
}
::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 0px;
 -webkit-box-shadow:none!important;
}
::-webkit-scrollbar-track:hover {
  background: #fff;
}
::-webkit-scrollbar-track:active {
  background: #fff;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

@media (max-width:769px) {
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
}

/*CHECKBOX AND RADIO */

 input[type="checkbox"], input[type="radio"] {
  height: 20px!important;
  width: 20px!important;
  margin: 0;
  border: var(--bwid) solid var(--bcol);
  background: #fff;
  -webkit-appearance: none!important;
  padding: 0!important;
  min-height: auto!Important;
  margin-right: 4px;
display:inline-block!important;
}

input[type="checkbox"]:hover, input[type="radio"]:hover {
  border: var(--bwid) solid var(--e-global-color-primary);
}

input[type="radio"] {
  -webkit-border-radius:100%;
  border-radius:100%!important;

}
input[type="checkbox"] {
  -webkit-border-radius:4px;
  border-radius:4px!important;
}

input[type="radio"]:not(:disabled):hover,
input[type="checkbox"]:not(:disabled):hover {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

input[type="radio"]:active:not(:disabled),
input[type="checkbox"]:active:not(:disabled) {
  border-color:#ccc;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline:none;
}

input[type="radio"]:checked {
  border-color: var(--e-global-color-92abae4)!important;
box-shadow: inset 0px 0px 0px 7px var(--e-global-color-92abae4)!important;
transition: all 0.1s ease-in-out;
}
input[type="checkbox"]:checked {
  border-color:rgba(3, 68, 177,1)important;
color:#fff!important;
box-shadow: inset 0px 0px 0px 24px var(--e-global-color-primary)!important;
transition: all 0.1s ease-in-out;
}

/* radio checked */
input[type="radio"]:checked:before {
display: block;
height: 0;
width: 0;
position: relative;
left: 3px;
top: 3px;
background: #fff;
color: #fff;
border-radius: 100%;
content: '';
font-size:24px;
}

input[type="checkbox"]:checked:before {
  content: "\32"!important;
  margin-left: 4px!important;
  font-size: 12px!important;
  padding: 0!important;
  color: #fff!important;
  margin-top: 5px!important;
  position: absolute;
}

input[type="checkbox"]:checked:hover {
     border-color: var(--e-global-color-92abae4)!important;
background-color: var(--e-global-color-92abae4)!important;
}

input[type="radio"]:checked:hover {
display: block;
height: 0;
width: 0;
position: relative;
background: #fff;
color: #fff;
border-radius: 100%!important;
content: '';
font-size:24px;
}

input:disabled {
cursor: not-allowed;
}

input:disabled + label {
opacity: .6;
cursor:default;
-webkit-user-select: none;
}

.lighttheme .logo .cls-1, .lighttheme .logo .cls-2 {
    fill: #fff!important;
}
.lighttheme .bdt-navbar-toggle, .lighttheme .bdt-navbar-toggle:before, .lighttheme .bdt-navbar-toggle:after {
    background: var( --e-global-color-1c7a01d )!important;
}

@media (min-width: 769px) {
.lighttheme .ep-menu-nav-link, .lighttheme .elementor-button {
    color: var( --e-global-color-1c7a01d )!important;
}

}






/* BUTTON */

.elementor-button-info .elementor-button {
    border: 1px solid #DFDFDF!important;
    color: var(--e-global-color-text)!important;
	background: transparent!important;
	
}

.elementor-button-info .elementor-button:before {
    background-color: transparent!important;
}

.elementor-button-info .elementor-button:hover{
  color: var(--e-global-color-0fb043d)!important;
}



.elementor-button-success .elementor-button {
    border: 1px solid var(--e-global-color-primary)!important;
    color: var(--e-global-color-primary)!important;
	background: transparent!important;
	
}

.elementor-button-success .elementor-button:before {
    background-color: var(--e-global-color-primary)!important;
}

.elementor-button-success .elementor-button:hover{
  color: var(--e-global-color-0fb043d)!important;
}



/*HOVER */

.animatehover .menu-item > a::before, .animatehover .elementor-button-wrapper > a::before , .animatehover .animatestep::before, .animatefilter .ee-filters li > a:before {
 content: "";
 position: absolute;
 width: 100%;
 height: 2px;
 bottom: 0;
 left: 0;
 background-color: var( --e-global-color-primary );
 visibility: hidden;
 transform: scaleX(0);
 transition: all 0.2s ease-in-out 0s;
 transform-origin: left;
}
.animatehover .menu-item > a:hover::before, .animatehover .elementor-button-wrapper > a:hover::before, .animatehover:hover .animatestep::before,  .animatefilter .ee-filters li:hover > a:before, .animatefilter .ee-filters li > a.ee--active:before {
 visibility: visible;
 transform: scaleX(1);
}

.animatefilter .ee-filters__item a {
   position:relative;
}


.animatehoverfull .animatestep::before {
 content: "";
 position: absolute;
 width: 100%;
 height: 100%;
 bottom: 0;
 left: 0;
 background-color: var( --e-global-color-primary );
 visibility: hidden;
 transform: scaleX(0);
 transition: all 0.2s ease-in-out 0s;
 transform-origin: left;
}
.animatehoverfull:hover .animatestep::before {
 visibility: visible;
 transform: scaleX(1);
}

#lighttheme .animatehover .menu-item > a::before { 
    background-color: #fff!important;
   opacity:1!important;
}

#lighttheme .ee-hamburger-inner, .ee-hamburger-inner::after, #lighttheme .ee-hamburger-inner::before {
   background: var( --e-global-color-a4f2ceb );
}


/* lightbox */

.mfp-iframe-scaler iframe, body:-webkit-full-page-media {
   background: transparent!important;
   box-shadow: none!Important;
}

.mfp-content video {
   min-width: 100%;
}




/* lighttheme  and darktheme */
#lighttheme .menu-icon__line, #ltext .menu-icon__line, #ltext .ee-hamburger-inner, #ltext .ee-hamburger-inner::after, #ltext .ee-hamburger-inner::before {
   background-color: #fff!important;
}
#lighttheme .elementor-nav-menu--main a, #ltext .elementor-nav-menu--main a {
   color: #fff;
}
#lighttheme .darktheme, #ltext .darktheme {
display:none;
}
#darktheme  .lighttheme, #dark .lighttheme {
 display:none;
}




#ltext .workcontent .content-1 *, #lighttheme .workcontent .content-1 * {
   color: #fff!important;
}
#ltext .workcontent .content-2, #lighttheme .workcontent .content-2 {
   color: #ddd!important;
}


#ltext .workcontent .contentbtn1 a, #lighttheme .workcontent .contentbtn1 a {
   background: #fff!important;
   border-color: #fff!important;
   color: var(--e-global-color-primary)!important;
}
#ltext .workcontent .contentbtn1:hover a, #lighttheme .workcontent .contentbtn1:hover a {
   color: #000!important;
}

#ltext .workcontent .contentbtn2  a, #lighttheme .workcontent .contentbtn2  a{
   color: #fff!important;
}
#ltext .workcontent .contentbtn2:hover a, #lighttheme .workcontent .contentbtn2:hover a{
   color: #f5f5f5!important;
}


/* ANIMATION HOVER */

.menulight li span, #lighttheme .mainmenu .menu-item:not(.startproject) > a, #ltext .mainmenu .menu-item:not(.startproject) > a, #lighttheme .maccount i:before, #ltext .maccount i:before {
 cursor: pointer;
   background: linear-gradient(#fff, #fff) left no-repeat, #c1c1c1;
 background-size: 0% 100%;
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 transition: 300ms ease-in-out;
}
.menulight li:hover span, .menulight li .active span, #lighttheme .mainmenu .menu-item:not(.startproject):hover > a, #ltext .mainmenu .menu-item:not(.startproject):hover > a,  #lighttheme .maccount:hover i:before, #ltext .maccount:hover i:before {
 background-size: 100% 100%;
}


.menudark li span, .menudark .ee-filters li a, #dark .mainmenu .menu-item:not(.startproject) > a, #darktheme .mainmenu .menu-item:not(.startproject) > a, #darktheme .maccount i:before, #dark .maccount i:before {
 cursor: pointer;
  background: linear-gradient(#010410, #010410 ) left no-repeat, #909090;
 background-size: 0% 100%;
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 transition: 300ms ease-in-out;
}
.menudark li:hover span, .menudark .ee-filters li:hover a, .menudark li .active span, .menudark .ee-filters li .ee--active, #dark .mainmenu .menu-item:not(.startproject):hover > a, #dark .mainmenu .menu-item:not(.startproject):hover > a, #darktheme .maccount:hover i:before, #dark .maccount:hover i:before {
 background-size: 100% 100%;
}



/* buttons */

.btnicon i:before {
   background: var(--e-global-color-secondary);
   padding: 7px 14px;
   border-radius: var(--bradius);
   margin-right: 10px;
   line-height: 1.2;
}
.btnicon:hover i:before {
   color: var(--e-global-color-primary);
}

.btnicon2 i:before {
   background: var(--e-global-color-f9f74f8);
   padding: 7px 7px;
   border-radius: var(--bradius);
   margin-right: 10px;
   line-height: 1.2;
}
.btnicon2:hover i:before {
   color: var(--e-global-color-primary);
}

.btnicon3 i:before {
   background: var(--e-global-color-text);
   padding: 7px 7px;
   border-radius: var(--bradius);
   margin-right: 10px;
   line-height: 1.2;
}
.btnicon3:hover i:before {
   color: var(--e-global-color-primary222);
}


.btniconmenu i:before {
  background: rgb(183 185 187 / 8%);
   padding: 10px;
   border-radius: 50%;
   line-height: 1.2;
   transition: 200ms ease all;
}
.btniconmenu:hover i:before {
   transition: 200ms ease all;
}

#darktheme .btniconmenu i:before, #dark .btniconmenu i:before {
    color: #c1c1c1;
}
#darktheme .btniconmenu:hover i:before, #dark .btniconmenu:hover i:before {
    color: #010410;
}

#lighttheme .btniconmenu i:before, #ltext .btniconmenu i:before {
   color: #c1c1c1;
}
#lighttheme .btniconmenu:hover i:before, #ltext .btniconmenu:hover i:before {
   color: #fff;
}


/* popup */

.dialog-close-button {
   font-size: 1.5rem;
   padding: 12px;
   border-radius: 50%;
   background: var(--e-global-color-primary);
   color: #fff;
   
}

.dialog-close-button:hover {
   background: var(--e-global-color-primary);
   color: var(--e-global-color-secondary);
}


/* form */

input[type=text]:read-only {
 background-color: transparent!important;
}