@charset "UTF-8";
/* table of contents

01 correccion heading
02 loging 
03 seacrh fixed bottom
04 offcanvas
05 joomla core - alet
06 com_user
	06.1 registration/apuntate 
    
07 section paginas interiores
08 modulos home
09 header navigation logo
    09.2 header mobile
10 Footer
11 user registration / profile
    11.2 remind / reset
12 campañas area privada
20 responsive

//https://themes-pixeden.com/font-demos/7-stroke/documentation.html#
https://searchcode.com/file/316152921/css/pe-icon-7-stroke.min.css/
*/



p {
    color: #8e8e99;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
}

h1, h2, h3, h4 {
    margin: 0;
    line-height: 1.4;
    font-weight: 700;
}

h2.sppb-addon-title {
    width: 100%;
    display: block;
    margin-bottom: 0;
    font-size: 92px;
    font-family: var(--font-heading-primary);
    letter-spacing: -2px;
    line-height: 1;
}

@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px){
h2.sppb-addon-title   {
    font-size: 72px;
}
	
	}
/* oculta boton editor
*/
.btn.btn-link.jmodedit , div#tip-1{display:none}




/*********************************************
02 fonts
*********************************************/





h2.sppb-addon-title {
    width: 100%;
    display: block;
    margin-bottom: 0;
    font-size: 92px;
    font-family: var(--font-heading-primary);
    letter-spacing: -2px;
    line-height: 1;
}

@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px){
h2.sppb-addon-title   {
    font-size: 72px;
}
	
	}
/* oculta boton editor
*/
.btn.btn-link.jmodedit , div#tip-1{display:none}


:root {
    --wk-icon--stroke-width: 1px;
    --wk-link--color: currentColor;
    --wk-link__icon--size: 20px;
    --wk-button--color: currentColor;
    --wk-button__icon--color: currentColor;
    --wk-button__icon--size: 16px;
    --wk-product-form__submit--background: #fff;
    --wk-product-form__submit--color: currentColor;
    --wk-share-button--color: #fff;
    --wk-share-button--background: #3d3d3d;
    --wk-share-button--size: 26px;
    --wk-page__image--aspect-ratio: 1/1;
    --wk-page__grid--max-columns: 4;
}

@font-face {
  font-family: "AkkuratMonoLL-Regular";
  src: url("./webfonts/AkkuratMonoLLTT-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rise-Regular";
  src: url("./webfonts/Rise-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word;
    font-family: Rise-Regular,serif;
    font-weight: 400;
    overflow-wrap: break-word;
    text-transform: uppercase;
}


p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #222;
    font-family: 'basis_grotesque_proregular', sans-serif;
    font-family: AkkuratMonoLL-Regular,sans-serif;
    
     
  
    
}


body, button, input, select, textarea {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}
body {
font-family: AkkuratMonoLL-Regular,sans-serif;
font-size: 14px;
font-variant-ligatures: none;
line-height: 1.5;
}


.font-secondary-headers{ font-family: AkkuratMonoLL-Regular,sans-serif;}
body {
    
    font-family: AkkuratMonoLL-Regular, sans-serif;
    font-size: 14px;
   
    line-height: 1.5;
  
  
}

body::-webkit-scrollbar {
    display:none
}






/*********************************************
02 Loging
*********************************************/

div .form-group{margin-bottom: 10px}


/*********************************************
03 search fixed bottom
*********************************************/

.fixed-search .search-area {
    position: fixed;
    left: 30px;
    bottom: 50px;
    z-index: 999;
}

/*********************************************
04 offcanvas
*********************************************/

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0,0,0,0);
    transform: translateX(-100%);
}

.offcanvas-title img {
    max-width: 80%
}
.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0,0,0,.2);
    transform: translateY(100%);
}
div#offcanvasBottom_menu{height: 60vh;}
ul.navbar-nav.menu-bottom{ text-transform: uppercase}


.navbar-nav .menu-bottom .dropdown-menu {
    opacity: 1;
    visibility: visible;
    display: none;
    background: #f7f7f7;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
}

@media screen and (max-width: 991px){
.navbar-nav .dropdown-menu {
    opacity: 1;
    visibility: visible;
    display: none;
    background: #f7f7f7;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left; font-size: 11px;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 0rem;
}
    div#offcanvasBottom_menu{padding-left: 50px}
    

    }


/*********************************************
05 joomla core
*********************************************/

#system-message-container{ position: relative;
    left: 0;
    top: 100px;
    padding: 0;
    margin: 0;
    width: 100%;
  
    z-index: 9999;}

/*********************************************
06 registration apuntate
*********************************************/
div.control-group{ padding-bottom: 20px;}
/******titulo extra field**************/
div.control-label{font-size: 11px; text-transform: uppercase; padding-bottom: 4px;    text-overflow: ellipsis;
    white-space: nowrap;    font-weight: 800;}
small.form-text{font-size: 10px; text-transform: uppercase;}

input, textarea, select, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    color: inherit;
    cursor: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
	  font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;

}


/******form text***************/
.form-control {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;/******alto input**************/
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
	
    color: #212529;
  background-color: #F6F6F6;
    background-clip: padding-box;
	 border: none;
    border-bottom: 1px solid #ffffff;/******ced4da*************/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	 
  
}


.form-control:focus {
    color: #212529;
    background-color: #f8f8f8;
    border-color: #ced4da;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(13,110,253,0);
}

/******form list deplegable***************/
.input-group {
    border: 1px solid #ffffff;
	 border-bottom: 1px solid #ffffff;
	    border-radius: 0.25rem;

}

.input-group:focus {border: 1px solid #ced4da;background-color: #f8f8f8; border-color: #ced4da;}
span.form-control-feedback{ font-size: 0.6rem;color: indianred; padding-left: 10px;}

div#password-0.text-center{text-align: left!important;  font-size: 0.7rem;
    font-weight: 400;
    line-height: 1.5;
	text-transform: uppercase;color: indianred;  }

/******form list***************/
.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
	text-transform: uppercase; 
    color: #212529;
    background-color: #fff;

    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


	/* intereses=========== */
.form-check {
   
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
	
}

.form-check-label{text-transform: uppercase;font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5; padding-left: 8px;}

.form-check-input {
    width: 1.4em;
    height: 1.4em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

	/* social label icons========== */

label.social-instagram-label::before , label.social-tiktok-label::before ,  label.social-twitter-label::before , label.social-youtube-label::before , label.social-facebook-label::before , label.social-twitch-label::before{ padding-top: 10px;
    font-family: "Font Awesome 5 Brands";

		display: inline-block;
	font-size: 1.8em;
	speak: none;
	font-style: normal;
	font-weight: normal;
 	font-variant: normal;
	text-transform: none;
	line-height: 1;
  justify-content: flex-end;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;}

label.social-instagram-label::before{  content: "\f16d";}
label.social-tiktok-label::before{  content: "\e07b";}
label.social-twitter-label::before{  content: "\f099";}
label.social-youtube-label::before{  content: "\f167";}
label.social-facebook-label::before{  content: "\f09a";}
label.social-twitch-label::before{  content: "\f1e8";}


label.social-telefono2-label::after{  content: "Tus redes sociales"; display: block;}


	/* social label icons========== */
label#jform_params_editor-lbl{display: none}
select#jform_params_editor{display: none}
/* texto informativo redes sociales========== */
#jform_com_fields_datos_redes_sociales-lbl{border-top: 1px solid #DFDFDF; padding-top: 10px}
#jform_com_fields_datos_redes_sociales{background-color: #ffffff;resize: none;}
#jform_com_fields_datos_redes_sociales-desc{border-bottom: 1px solid #DFDFDF;padding-bottom: 10px}

/*********************************************
07 section paginas interiores
*********************************************/


.section-simple{ margin-top: 150px;}
.section-campanas{ margin-top: 50px;}

/*********************************************
08 modulos home
*********************************************/
.intro-up .item {
    padding: 15px;
    background: #fff;
   border-radius: 5px;
}

/*********************************************
09 header navigation logo
*********************************************/
.navbar .logo {
    width: 200px;
}

.navbar .navbar-nav .nav-link {
    color: #18191d;
    font-size: 12px;
    font-weight: 200;
    padding: 15px 7px;
    margin: 10px 15px; text-transform: uppercase;
    font-family: AkkuratMonoLL-Regular,sans-serif;
}

.navbar .dropdown-menu .dropdown-item {
    color: #51535f;
    font-weight: 400;
    font-size: 12px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    padding: 10px 35px;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-family: AkkuratMonoLL-Regular,sans-serif;
}

/*********************************************
09.2 logo mobile
*********************************************/

img.logo-mobile {max-width: 130px; width: 130px}
.navbar-fixed-top{ position: fixed; top:20px;left:30px}


/*********************************************
10 Footer
*********************************************/
.footer .footer-bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 50px 0;
    border-top: 1px  solid #f7f7f7;
    margin-top: 60px;
    font-size: 14px;
}

#sp-cookie-consent {
    position: fixed;
    font-size: 16px;
    font-weight: 500;
    bottom: 0;
    z-index: 100000000000001;
}

/*********************************************
11 user registration profile
*********************************************/
.btn-primary {
    color: #333;
    background-color: #ffffff;
    border-color: #333333; text-transform: uppercase; font-size: 13px;
}
.btn-primary:hover {
    color: #333;
    background-color: #ededed;
    border-color: #333333;
}


div.com-users-login__submit.control-group{padding-top: 15px;}

/*********************************************
11.2 remind / reset - forgot your - /html/com_users/reset
*********************************************/
legend.remaind-text-header{ float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(0.75rem + .3vw);
    line-height: inherit; padding-bottom: 15px}
/*********************************************
12 campaña area privada
*********************************************/
.portfolio .filtering span.active {
    opacity: 0.5; font-weight: 800;
}
.portfolio .filtering span {text-transform: uppercase; font-size: 11px}
.item_campana{padding: 30px 20px!important;}

/*********************************************
20 responsive
*********************************************/
@media screen and (max-width: 700px){
    header.pg-header-corp.section-padding{padding-top: 0px}
    .section-simple{ margin-top: 150px;}
    form#user-registration{ margin-top: 80px;}
    form#member-profile{ padding-top: 150px;}
.section-campanas{ margin-top: 10px;}
      }