/*
Theme Name: Topazium
Theme URI: https://wordpress.org/themes/topazium/
Author: Topazium
Author URI: https://wordpress.org/
Description: Topazium
Tags: topazium
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: topazium
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
@font-face {
  font-family: DancingScript;
  src: url('/wp-content/themes/topazium/fonts/DancingScript-Regular.ttf');
}
@font-face {
  font-family: DancingScriptMedium;
  src: url('/wp-content/themes/topazium/fonts/DancingScript-Medium.ttf');
}
@font-face {
  font-family: DancingScriptBold;
  src: url('/wp-content/themes/topazium/fonts/DancingScript-Bold.ttf');
}
@font-face {
  font-family: DancingScriptSemiBold;
  src: url('/wp-content/themes/topazium/fonts/DancingScript-SemiBold.ttf');
}
*/

@font-face {
  font-family: Raleway;
  src: url('/wp-content/themes/topazium/fonts/Raleway-Regular.ttf');
}
@font-face {
  font-family: RalewayMedium;
  src: url('/wp-content/themes/topazium/fonts/Raleway-Medium.ttf');
}
@font-face {
  font-family: RalewayBold;
  src: url('/wp-content/themes/topazium/fonts/Raleway-Bold.ttf');
}
@font-face {
  font-family: RalewaySemiBold;
  src: url('/wp-content/themes/topazium/fonts/Raleway-SemiBold.ttf');
}

/*
html,body{
	overflow:auto;
}

body {
	font-family: 'Raleway';
	background-color:#f0f0f0;
}
*/


html,body {
	height: 100%;
	margin: 0;
}

body {
	font-family: 'Raleway';
	background-color:#f0f0f0;
	overflow-x:hidden;
	overflow-y:hidden;
}
#content {
	margin: 0px;
	height: 100%;
	box-sizing: border-box;
}

.entry-header{
	padding:10px;
	background-color:#fff;
}

.posts-wrapper, .posts-wrapper article, .entry-content{
	height:100%;
}

.entry-content{
	padding:10px 0px 0px 10px;
}



/***** Fonts *****/
.font-color-darkblue {
	color: #0e2143;
}
.font-color-blue {
	color: #009ddf;
}
.font-color-white {
	color: #FFFFFF;
}
.font-style-h1 { font-size: 24px; letter-spacing: 3px; color: #FFFFFF; margin-bottom: .5rem; }
.font-style-h2 { font-size: 20px; letter-spacing: 3px; color: #009ddf; margin-bottom:1rem; text-align: center;}
.font-style-mini-description { font-size: 12px; color: #FFFFFF; }
.font-style-mini-description-black { font-size: 8px; color: #000000; }
.font-style-mini-description-blue { font-size: 12px; color: #009ddf; text-transform: uppercase; font-family: RalewayBold; display: none; }
.font-style-mini-description-blue2 { font-size: 16px; color: #009ddf; font-family: Raleway; text-align:left; }

/***** Backgrounds *****/
.bg-color-darkblue {
	background-color: #0e2143;
}
.bg-color-blue {
	background-color: #009ddf;
}
.bg-color-white {
	background-color: #FFFFFF;
}

/***** Login *****/
.tpz_login {
	width: 100%;
	height: 100%;
	background-image: url(/wp-content/uploads/2023/03/ai_topazium_fondo_login.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    padding: 30px 0px;
}
.tpz_login .tpz_login_two_columns {
	max-width: 90%;
	/* margin: 30px 20px; */
	display: flex;
	flex-direction: column;
}
.tpz_login .tpz_login_two_columns > div {
	width: 100%;
	height: 90vh;
	min-height: max-content;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tpz_login .tpz_login_two_columns > div.tpz_login_first_column {
	order: 2;
	background-color: #0e2143;
	padding: 0;
	margin-top: 60px;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
}
.tpz_login .tpz_login_two_columns > div .tpz_login_column_padding {
	padding: 0 5%;
	text-align: justify;
	display: flex;
  	flex-direction: column;

	width: 100%;

	z-index: 1;
  /*align-items: center;*/
}
.tpz_login .tpz_login_two_columns > div.tpz_login_first_column .tpz_login_first_column_logo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.tpz_login .tpz_login_two_columns > div.tpz_login_first_column .tpz_login_first_column_address {
	background-color: white;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: space-around;
	padding: 10px;
	width: 100%;
}
.tpz_login .tpz_login_two_columns > div.tpz_login_second_column {
	order: 1;
	position: relative;
	background-color: #FFFFFF;
	padding: 30px 0px;
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.tpz_login .tpz_login_two_columns > div.tpz_login_second_column .login_second_column_logo {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	display: flex;
	justify-content: right;

	z-index: 0;
}
.tpz_login .tpz_login_two_columns > div.tpz_login_second_column .login_second_column_logo img {
	max-width: 80%;
}

#wp-submit.buttom.buttom-primary{
	float:right;
}

.enlacesLogin{
	font-size:14px;
	text-decoration:none;
}

/*LANDINGS PAGE*/

div.elementor.elementor-555 #popup1{
	/*background-color:red!important;*/
	left:0%!important;
	width:100%!important;
}

div.elementor.elementor-555 #popup2{
	/*background-color:red!important;*/
	bottom: 0!important;
	width:100%!important;
}

/***** Structure *****/
#primary {
    display: flex;
	width: 100%;
	height:100%;
}
#primary > div.primary_section {}
#primary > div#primary_menus.primary_section {
	width: 20%;
	height:100%;
	position:fixed;
}
#primary > div#primary_content.primary_section {
	margin-left:20%;
	width: 80%;
	height:100%;
}

/***** Menu top *****/
.colMenu{text-align:right;}
.icon30{width:30px;margin:0px 15px;}
.enlaceSinDeco{text-decoration:none;}
.enlaceSinDecoNegro{color:#000;text-decoration:none;}
.icon20{height:25px;margin:0px 15px;}

/***** Form Fields *****/
input[type="text"], input[type="password"]{ background-color: #EEEEEE; padding: 10px 30px; border-radius: 20px; border: 0px; }

/***** Form Fields *****/
.contact input[type="text"],.contact input[type="email"],.contact textarea, .contact input[type="password"]{ background-color: #fff; padding: 25px 30px; margin-bottom: -10px;border-radius: 30px; border: 0px; width:100%;}
.contactApps input[type="text"],.contactApps input[type="email"],.contactApps textarea{ background-color: #f0f0f0; padding: 20px 30px; border-radius: 20px; border: 0px; width:100%;margin:10px;font-size: 14px;}
.contact2 input[type="text"],.contact2 input[type="email"],.contact2 textarea, .contact2 input[type="password"]{ background-color: #fff; padding: 10px 30px; border-radius: 20px; border: 0px; width:100%;margin: 10px 0px;}
button[type="button"]{ background-color: #009ddf; padding: 10px 30px; border-radius: 20px; color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; border: 0px; text-transform: uppercase;}
.acf-field{margin-left:50px;}
.acf-radio-list{list-style:none;}
.acf-radio-list li label input[type="radio"]{margin-right:5px;}

/***** Buttons *****/
.topazium_button { background-color: #f0f0f0; padding: 10px; border-radius: 20px; color: #009ddf; text-decoration: none; font-size: 12px; font-weight: bold; }
input[type="submit"] { background-color: #009ddf; padding: 10px 30px; border-radius: 20px; color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; border: 0px; text-transform: uppercase; float:right; }
.OpenAccess:hover, .OpenAccess:active {color: #009ddf!important;}

/***** Menus *****/
.menu_header { font-size: 50px; display: flex; justify-content: center; align-items: center;margin: 15% 0px; } 
.menu_footer {position:absolute;bottom:0px;margin-bottom: 30%;width: 100%;text-align:center;}
.menu_footer2 {position:absolute;bottom:0px;margin-bottom: -15%;width: 100%;text-align:center;} 
#primary_menus ul { padding: 0px; }
#primary_menus ul li { width: 100%; display: flex; justify-content: left; padding: 10px 20%;}
#primary_menus ul li.current_page_item { border-left: solid 5px #009ddf; }
#primary_menus ul li a { font-family: 'RalewayMedium'; font-size: 14px; color: #fff; text-decoration: none; }
.textUser, .textUser:active{color:#009DDF;font-weight:500;}

/***** Gems *****/
.gem_list { display: flex; flex-wrap: wrap; }
.gem_item { display: flex; width:30%;margin: 10px 0px;} /*24*/
.gem_item .gem_item_img { width:40%; text-align: end; }
.gem_item .gem_item_img img {width:100px;background-color: #fff;border-radius: 20px;}/*padding: 20px 10px;*/
.gem_item .gem_item_data { width:60%;}
.gem_item .gem_item_data .gem_item_data_topazium {font-size:13px;font-family:RalewayBold;color:#009ddf;margin-left:15px; text-transform: uppercase; }
.gem_item .gem_item_data .gem_item_data_name { font-size: 20px; text-transform: uppercase; font-family:Raleway;color:#0e2143;margin-left:15px; }
.gem_item .gem_item_data .gem_item_data_name a { color: black; text-decoration: none; }
.gem_item .gem_item_data .gem_item_data_num_apps {  font-size: 12px; font-family:Raleway;color:#808080;margin-left:15px; }
.gem_item .gem_item_data .gem_item_data_num_apps a {  color: #666666; text-decoration: none; text-transform: uppercase; }
.app_item_data_name{font-size: 13px; font-family:RalewayBold;}
.gem_item .gem_item_data .apps_item_data_name { font-size: 16px; font-family:Raleway;color:#000;margin-left:15px; }
.gem_item .gem_item_data .apps_item_data_name a { color: black; text-decoration: none; }

/***** Apps *****/
.gem_wrapper { display: flex; }
.gem_wrapper .gem_menu { width: 20%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.gem_wrapper .gem_menu .gem_menu_name { display: flex; flex-direction: column; align-items: center; }
.gem_wrapper .gem_menu .gem_menu_name .gem_menu_logo {}
.gem_wrapper .gem_menu .gem_menu_name .gem_menu_logo img {}
.gem_wrapper .gem_menu .gem_menu_name .gem_menu_topazium {}
.gem_wrapper .gem_menu .gem_menu_name .gem_menu_name {}
.gem_wrapper .gem_menu .gem_menu_back {}
.gem_wrapper .gem_content { display: flex; flex-direction: column; justify-content: space-between; width: 50%; background-color: #f0f0f0; padding: 50px; }
.gem_wrapper .gem_content .gem_description {}
.gem_wrapper .gem_content .gem_app_list {}
.gem_wrapper .gem_content .gem_app_list .gem_app_list_name { text-transform: uppercase; font-weight: bold; }
.gem_wrapper .gem_content .gem_app_list .gem_app_list_items { display: flex; flex-wrap: wrap; }
.gem_wrapper .gem_content .gem_app_list .gem_app_list_items .gem_app_list_items_item { width: 46%; display: flex; padding: 2%;}
.gem_wrapper .gem_content .gem_app_list .gem_app_list_items .gem_app_list_items_item .gem_app_list_items_item_img {}
.gem_wrapper .gem_content .gem_app_list .gem_app_list_items .gem_app_list_items_item .gem_app_list_items_item_img img { background-color: #FFFFFF; border-radius: 20px; padding: 10px }
.gem_wrapper .gem_content .gem_app_list .gem_app_list_items .gem_app_list_items_item .gem_app_list_items_item_data { display: flex; flex-direction: column; justify-content: center; padding: 20px; }
.gem_wrapper .gem_content .gem_app_list .gem_app_list_items .gem_app_list_items_item .gem_app_list_items_item_data .gem_app_list_items_item_data_name { font-size: 24px; }
.gem_wrapper .gem_content .gem_app_list .gem_app_list_items .gem_app_list_items_item .gem_app_list_items_item_data .gem_app_list_items_item_data_name a { color: black; text-decoration: none; }
.gem_wrapper .gem_content .gem_app_list .gem_app_list_items .gem_app_list_items_item .gem_app_list_items_item_data .gem_app_list_items_item_data_access { display: flex; }
.gem_wrapper .gem_content .gem_app_list .gem_app_list_items .gem_app_list_items_item .gem_app_list_items_item_data .gem_app_list_items_item_data_access .gem_app_list_items_item_data_access_demo {}
.gem_wrapper .gem_content .gem_app_list .gem_app_list_items .gem_app_list_items_item .gem_app_list_items_item_data .gem_app_list_items_item_data_access .gem_app_list_items_item_data_access_access {}

/*ACTIVA O DESACTIVA LOS BLOQUES DE LAS APPS*/
.desactBloque{ opacity:0.3;}
.desactBloque a{ pointer-events: none;}

/***** TemplateGems *****/
.colLeftGem{background-color:#fff;margin-top:-10px;margin-left: -10px;padding: 0px 25px;min-height:100%;}
.iconGem{width:100px;margin:20px 0px;border-radius:20px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(62,163,221,0.7);
	-moz-box-shadow: 0px 0px 30px 0px rgba(62,163,221,0.7);
	box-shadow: 0px 0px 30px 0px rgba(62,163,221,0.7);
}
.iconShadow{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(62,163,221,0.7);
	-moz-box-shadow: 0px 0px 30px 0px rgba(62,163,221,0.7);
	box-shadow: 0px 0px 30px 0px rgba(62,163,221,0.7);
}
.iconNoShadow{
	-webkit-box-shadow: 0px;
	-moz-box-shadow: 0px;
	box-shadow: 0px;
}
/*.iconGem{width:100px;margin:20px;padding:25px 15px;border-radius:30px;box-shadow: 0px 0px 20px 0px rgba(12,155,215,0.70);}*/
.titleTopazium{text-align:center;color:#0c9bd7;}
.titleGem{text-align:center;font-size:20px;margin-bottom: 50px;}
.titleGem a{text-decoration:none;}
.desGem{text-align:center;font-size:14px;}
.btnReturnGems{color:#0c9bd7;font-size:14px;font-weight:bold;text-decoration:none;background-color:#eee;margin-left:10px;padding: 10px;border-radius:20px;}

/***** Dashboard *****/
.Ral18GrisOscuro{font-family:RalewayMedium;font-size:18px;color:#0e2143;}
.Ral16GrisClaro{font-family:RalewayMedium;font-size:16px;color:#808080;}
.colLeft{margin-top:20px;padding-left:20px;}
.colRightAdvertisement{border-left:1px solid #fff;}
.advertisement{width:80%;margin:5%;border-radius:20px;}
.imgFBRedondeado{background-color:#fff;border-radius:20px;}
.imgFBRedondeado:hover{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(62,163,221,0.7);
	-moz-box-shadow: 0px 0px 30px 0px rgba(62,163,221,0.7);
	box-shadow: 0px 0px 30px 0px rgba(62,163,221,0.7);
}

/***** Help / Contact *****/
.iconWidth{width:60px;}
.title20{font-size:20px;}
.colorSubtitle{color:#0c9bd7;font-weight:bold;}

.input-wrapper {position: relative;}
.input-wrapper input{
	border-radius:20px;
}
.input-icon {
   color: #898989;
   position: absolute;
   width: 20px;
   height: 20px;
   right: 12px;
   top: 50%;
   transform: translateY(-50%);
}

.form-check-input:checked {
    background-color: #0c9bd7!important;
    border-color: #0c9bd7!important;
}

.accordion-button,.accordion-button:focus{background-color: #fff!important;color: #000!important;}
.accordion-button:after{background-image: url('/wp-content/uploads/2023/04/flecha.png')!important;}

.fontRalewayForms{font-family:Raleway;}

/* Steps */
.stepActive{width:100%;font-size:12px;font-weight:bold;text-decoration:none;background-color:#fff;padding: 10px 10px 10px 30px;}
.stepDesactive{width:100%;font-size:12px;font-weight:bold;text-decoration:none;background-color:#f6f6f6;padding: 10px 10px 10px 30px;}

/***** Loading *****/
.loading {
  	width: 100%;
	margin: 40px 0px;
}

.loading img{
	margin: 0px 25px;
	width:30%;
}

.rotate-center {
	-webkit-animation: rotate-center 4s linear infinite ;
	        animation: rotate-center 4s linear infinite ;
}

@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}



/*POPOVER*/
.popover{
    max-width: 50%!important; /* Max Width of the popover (depending on the container!) */
}


body.login{
	overflow-y: visible;
}


#loginform, #registerform{
	margin-top: 0;
	min-height: max-content;
}

#loginform .input, .login input[type="text"],
#registerform .input, #registerform input[type="text"]{
	margin-top: 0;
	margin-bottom: 0;
	border-radius: 25px;
}

#loginform .input, .login input[type="submit"],
#registerform .input, #registerform input[type="submit"]{
	border-radius: 25px;
}

.tpz_login_second_column >.row{
	position: relative;
}

#registerform h2, #registerform .acf-fields.-clear{
	display: none;
}

#registerform input[type="checkbox"]{
	margin-top: 1rem;
}
#registerform label:not(.registerlabel){
	font-size: 10px;
	color: #3c434a;
	display: inline;
	vertical-align: bottom;
}

#reg_passmail{
	margin-top: 1rem;
}




/* RESPONSIVE */

/* Tablet */
@media only screen and (min-width: 768px){

	.font-style-mini-description-blue2 { font-size: 16px; display: block; }

	.tpz_login .tpz_login_two_columns > div.tpz_login_first_column .tpz_login_first_column_address{
		flex-direction: row;
		
	}
	
}

/* Laptop */
@media only screen and (min-width: 1024px){
	.tpz_login .tpz_login_two_columns{
		flex-direction: row;
		max-width: 90%;
		margin: 0;
	}

	.tpz_login .tpz_login_two_columns > div{
		width: 50%;
		max-height: 90vh;

		overflow: hidden;
	}

	.tpz_login .tpz_login_two_columns > div.tpz_login_first_column{
		order: 1;
		margin-top: 0;
		padding: 30px 0;
	}

	.tpz_login .tpz_login_two_columns > div.tpz_login_second_column {
		order: 2;
	}

	.tpz_login .tpz_login_two_columns > div .tpz_login_column_padding {
		padding: 0px 5%;
		width: 80%;
	}

	.font-style-h1 { font-size: 24px; margin-bottom: .5rem; }
	.font-style-h2 { font-size: 20px; margin-bottom: .5rem; }
	
	
}

/* Desktop */
@media only screen and (min-width: 1440px){

	.tpz_login .tpz_login_two_columns > div .tpz_login_column_padding {
		padding: 0px 10%;
	}
	
	.font-style-h1 { font-size: 42px; }
	.font-style-h2 { font-size: 24px; }
	.font-style-mini-description-black{ font-size: 12px;}

}