/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .hidden {
	 display:none !important;
 }
body.single-cc_content a {

}
body.single-cc_content {
	font-family: 'openSans'-bold, Helvetica Neuve, sans-serif !important;
	background-image: none;
    background-color: rgb(237, 237, 237);
}
body.single-cc_content div.page-title {
	background-color: #cc4343 !important;
}
body.single-cc_content h1.entry-title {
	line-height: 40px !important;
	color:#fff !important;
	font-size: 22px;
	text-align: left;
}
body.single-cc_content .page-title h1 i {
	color:#fff;
	font-size: 1.2em;
	border: 2px solid rgba(255,255,255,0.45);
    border-radius: 50%;
    padding: 3px 4px !important;
}
body.logged-in .header-space {
	height: 105px !important; 
}
body:not(.logged-in) .header-space{
	height: 75px !important;
}
body.single-cc_content #main {
	padding-top: 20px;;
}
body.single-cc_content #main > .wf-wrap{
	min-height:75vh !important;
}
body.single-cc_content div#main div.wf-wrap,
body.post-type-archive-cc_content div#main div.wf-wrap,
body.post-type-archive-cc_content div.wf-wrap,
body.single-cc_content div.wf-wrap,
div.wf-wrap{
	width: 100% !important;
	
}
body.post-type-archive-cc_content div.wf-wrap,
body.single-cc_content div.wf-wrap,
div.wf-wrap{
    max-width: 1680px;
}

/* Standard Elements */
.gcs_button.padded {
	margin: 10px 10px !important;
}
.gcs_button.blue {
	background-color: #34AFEC !important;
}
.gcs_button.cancel{
	background-color: #fff !important;
	padding: 2px 5px !important;
	color:#cc4343 !important;
	margin: 0px !important;
}
.gcs_button.hidden {display:none !important;}
.gcs_button.cancel:hover {color:#cc4343 !important;}
.gcs_button.grey, .gcs_button.gray {
	background-color: #555 !important;
}
.gcs_button, a.gcs_button:not([href]) {
	display: inline-block;
	padding: 8px 15px;
	min-width: 150px;
	text-align: center;
	font-size: 16px;
	background-color: #cc4343;
	color:#ffffff ;
	text-decoration: none !important;
	cursor: pointer;
	transition:.5s all;
	margin: 5px auto;
	position: relative;
}
.gcs_button.small {
	font-size: 12px;
	padding: 4px 5px;
	min-width: 100px;
}
.gcs_button:hover,a.gcs_button:hover {
	color:#fff !important;
	filter: brightness(1.1);
	text-decoration: none;
}
.gcs_button:focus {
	outline: none;
}
.gcs_button.working:before {
    content: "";
    display: block;
	background-color:#fff;
	background-image: url(../img/loader_red.svg) !important;
    background-size: auto 140%;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center,center;
}

#gcs-table {
	width: 100%;
}
#gcs-table tbody{
	border-top: 1px solid #999;
}
#gcs-table td,
#gcs-table th 
{
	padding: 4px 20px;
}
#gcs-table tbody tr:nth-child(even) td{
	background-color: #f4f4f4;
}
#gcs-table tr:hover {
	filter:brightness(.95) !important;
}
#gcs-table tr.track td {
    background-color: rgba(20,130,255,0.12) !important;
}

#gcs-table tr td.stddistie{
	font-weight: bold;
	font-weight: 900;
	text-transform: uppercase;
}

#gcs-table tr:not(.track)[data-distie] td{
	background-color: rgba(221, 67, 67, 0.3) !important;
}

.gcs_add_favorite{
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
}

.gcs_add_favorite:before {
    display: inline-block;
	content: "\f006";
    font: normal normal normal 14px/1 FontAwesome;
	font-size: 17px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	color:#cc4343;
	padding-right: 4px; 
}
.gcs_add_favorite.fave:before{
	content: "\f005" !important;
}

/* Learning Path Header */
h1.entry-title em {
    position: relative;
    font-size: 12px;
    color: rgba(255,255,255,0.8);
    top: 8px;
    display: block;
    line-height: 15px;
    font-style: normal;
}

.gcs_container h2 span {
	font-size: 12px;
    color: #444;
    display: block;
    padding: 0px;
    margin: 0px;
    height: 20px;
    left: 0px;
    text-indent: 0px;
    font-weight: bold;
}

.gcs_container {
	margin: 20px 0;
	padding: 10px 12px;
    background-color: rgba(255,255,255,0.9);
	/*
	background-color: rgba(255,255,255,0.15);
	backdrop-filter:blur(8px) brightness(1.1) grayscale(.5);
	*/
    display: block;
    width: auto;
	border-radius: 6px;
	overflow: hidden;
}
.gcs_container h2 {
    display: block;
	margin: auto;
    width: 97%;
    padding: 2px 0 4px;
    line-height: 40px;
    font-size: 22px;
	border-bottom: 1px solid #ededed;
}

/* Description Section */

div.gcs_description a {
    color: #dd4343 !important;
}

div.gcs_description {
    
}
div.gcs_description p {color:#000;}
div.gcs_description a {color:#cc3434;}


/***************************/
/*  Tags
/**************************/
.gcs_tag span {
	font-size: 12px;
    color: #444;
    display: block;
    padding: 0px;
    margin: 0px;
    height: 20px;
    left: 0px;
    text-indent: 0px;
    font-weight: bold;
}
.tagContainer {
	padding: 10px 20px 20px;
}
.gcs_tag {
	padding:6px 0 12px;
	border-bottom: 1px solid #ededed;
}
.gcs_tag:last-child {
	border:none;
}
.gcs_tag a {
	display: inline-block; 
	padding:2px 5px;
	color:#fff !important;
	text-decoration: none !important;
	background-color: #bb3434;
	margin: 0px 10px 5px 0px;
	transition:.5s all;
	border-radius: 4px;
	font-size: 12px;
}
.gcs_tag a:hover{
	background-color: #dd4343;
}

/******************************
/*** FEATURED IN TRACK ***/
/******************************/
#gcs_featured_container {}
#gcs_featured_container h4 a {
	text-decoration: none;
	font: normal 15px / 25px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
}
#gcs_featured_container h4 {
	background-color: #f5f5f5;
	cursor: pointer;
	font-size: 16px;
	padding: 10px 10px !important;
	margin: 1px 0;
	transition: .5s all;
}
#gcs_featured_container h4:hover {
	filter: brightness(.95);
}

/******************************
/*** FLEXIBLE CONTENT BLOCKS ***/
/******************************/


.speaker {
	padding: 7px;
}
.speaker h3 {
	
}
.speaker div {
	text-align: center;
	width: 95%;
	margin: 4px auto;
	/* border: 1px solid #ededed; */
	background-color: #f9f9f9;
	border-radius: 7px;
	padding: 15px 25px;
	height: 100%;
}
.speaker span{
	display: block;
}
.speaker span.title {
	font-weight: bold;
}
.speaker span.bio {
	padding-top: 15px;
}
 span.speaker_img {
	display: block;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	border:4px solid #ededed;
	background-size: cover;
	margin: 0 auto;
}
.gcs_container.text_block {
	padding: 30px 20px;
	
}
.gcs_container.img_block,
.gcs_container.html_block
{
	background: transparent !important;
	padding:0;
}
.gcs_container.img_block img {
	width: 100% !important;
	height: auto !important;
	border-radius: 6px;
}

/*** REGISTRATION / LOGIN FORM ***/
#auth-tabs {
	
}
#auth-tabs > div {
	padding:15px 20px;
}
#auth-tabs ul {
	width:100%;
}
#auth-tabs ul li {
	float: left;
    width: 50%;
    text-align: center;
    background: #ededed;
    padding: 7px 10px;
    border: 1px solid #fff;
	transition: .25s background-color;
	outline: none !important;
}
#auth-tabs .ui-tabs-active {
	background-color: #cc4343 !important;
}
#auth-tabs .ui-state-focus {
	background-color: #ababab;
	filter:brightness(1.1);
}
#auth-tabs .ui-tabs-active a,
#auth-tabs .ui-state-focus a{
	color:#fff;
}
#auth-tabs ul li a {
	color:#000;
	outline:none !important;
	text-decoration: none;
	display: block;
    width: 100%;
}

#register-tab {
	
}
#register-tab .acf-field {
	padding: 0px;
	border: none !important;
}
#register-tab .acf-field-select label, 
#register-tab .acf-field-text label,
#register-tab .acf-field-post-object label
{
    padding-top: 20px;
}
#register-tab input,
#register-tab select,
#login-tab input,
#login-tab select{

	width: 100%;
}
#login-tab .login-submit:focus {
    outline: none !important;
}
#register-tab .acf-field-text input,
#register-tab .acf-field-email input,
#register-tab .acf-field-select select,
#register-tab .acf-field-post-object select
#login-tab input,
#login-tab select{
	height: 40px;
}
#login-tab p.status {
	color:#cc4343; 
	font-weight: bold;
}
#register-tab select {
	height: 40px;
}
#register-tab input.submit,
#login-tab input.submit{
    font-size: 24px;
    font-weight: 100;
    padding: 8px;
    margin: 28px auto 15px;
    box-shadow: none !important;
}
#login-tab form#login{
	position:relative;
}
#register-tab form#user_registration {
	overflow:hidden;
}
#login-tab form#login.working:after,
#register-tab form#user_registration.working:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color:rgba(255,255,255,0.8);
	background-image: url(../img/loader_red.svg) !important;
	background-repeat: no-repeat;
	background-size: 25%;
    background-position: 45% 45%;
    z-index: 99;
    top: 0px;
    left: 0px;
}
#register-tab input.company {
	background-size: auto 85%;
	background-position: right 3px center;
	background-repeat: no-repeat;
}

ul.ui-autocomplete {
    overflow: auto;
    border: 1px solid #CBD3DD;
	background: #FFF !important;
	max-width: 352px;
	overflow-x: scroll;
}
ul.ui-autocomplete li {
	padding: 5px 5px !important;
}
ul.ui-autocomplete li:hover {
	background-color: #efefef;
}
.acf-label p:not(.description) {
    font-size: 0;
    height: 20px;
    width: 20px;
    display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-image:url('../img/question.png');
	background-size: 14px 14px;
	background-position: center center;
    right: 0px;
	bottom: -8px;
	filter: opacity(.5);
}
.acf-label p:not(.description):hover {
	font-size: 1em ;
	filter:brightness(1);
	background-color:#fff;
	background-image:none;
	background-position: 99% 2%;
	height: auto;
	width: 100%;
	z-index: 99;
	padding: 5px 8px;
	border:1px solid #ededed;
	box-shadow: 0 0 12px 1px #ddd;
}
.acf-label p:empty {
	display: none;;
}

ul#coList {
	list-style: none;
	margin:0px;
}
ul#coList li {
    padding: 5px 20px 5px 10px;
    background-color: #f9f9f9;
    margin-bottom: 10px;
    border: 0px solid transparent;
    border-left: 8px solid #ddd;
    cursor: pointer;
	transition: all .5s;
	width: 100%;
	float:none;
}
ul#coList .vatCo:hover {
	border-left-color: #cc4343;
    background: #efefef;
}
ul#coList li.vatCo h3 {
	margin: 7px 0;
    font-size: 18px;
    border-bottom: 1px solid #dfdfdf;
	padding-bottom: 7px;
	font-weight: 600;
}
ul#coList .vatCo.selected{
	background-color:#cc4343 !important;
	color: #fff !important;
	border-color:#ff4343 !important;
}
input.company {
	background-size: auto 85%;
	background-position: right 3px center;
	background-repeat: no-repeat;
}
#confirmCompany input {
	height: 40px;
}
#confirmCompany {
	width: 80%;
    margin: 0 auto;
	padding: 10px 24px 20px;
	display: none;
	background: rgba(255,255,255,0.9) !important;
    border: 1px solid #fbfbfb;
	border-radius: 0px;
}
#register-tab #confirmCompany {
	padding: 0;
	width:100%;
}
#confirmCompany h1 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
}
#confirmCompany h1:before{
    content: "";
    display: block;
    margin: 0px auto 10px;
    width: 100%;
    border-bottom: 1px solid #ededed;
    height: 65px;
    background-image: url(../img/building.svg);
    background-size: auto 80%;
    background-position: top center;
    background-repeat: no-repeat;
    filter: opacity(0.5);
}
#confirmCompany .btn {
	display: none;
	margin: 20px auto 10px !important;
	color:#fff !important;
	min-width: 150px;
	font-size: 22px !important;
	padding: 12px 20px !important;
	height: 50px !important;
	line-height: 22px;
	color: #ffffff;
	background-color: #dd4343;
	cursor: pointer;
	transition: background-color 1s;
}
#confirmCompany .btn:hover{
	background-color:rgba(0,174,236,1) ;
}

.working{ position: relative; }
.working:after {
		content: "";
		display: block;
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		background: rgba(255,255,255,.8);
		background-position: center center;
		background-size: 100px auto;
		background-repeat: no-repeat;
		left: 0;
		background-image: url(../img/loader_red.svg);
}
.coListEmpty {
    display: none;
}
.ka_nif_manual_wrap {

}
.ka_nif_manual {
	outline:none;
}
.ka_nif_manual_wrapper.valid input {
	border:1px solid green !important;

}
.ka_nif_manual_wrapper.invalid input{
	border:1px solid red !important;
}
a.manual_nif_switch {
    font-size:12px;
	color: #cc4343 !important;
    cursor: pointer;
    top: 6px;
    position: relative;
}
.manual_nif_switch.hide {
    display:none;
}


@keyframes tequila {
	0%   {transform:rotate(0deg); }
	25%  {transform:rotate(2deg);}
	50%  {transform:rotate(0deg); }
	75%  {transform:rotate(-2deg);}
	99% {transform:rotate(0deg); }
}
@keyframes blurry {
  0%   { filter:blur(1px);}
  50%  { filter:blur(.5px);}
  99% { filter:blur(1px);}
}
.gcs_recommendations_item {
	padding: 2%;
	display: block;
	width: 100%;
}
.gcs_recommendations_item>a {
	text-decoration: none;
	color: #444;
	text-indent: 0px;
	font-size: 15px;
}
.gcs_recommendations_item>a:hover {
	color: #dd4343;
}


.botonmapa a{ 
	text-decoration: none;
	border-radius: 25%;
	padding:5px 10px;
	float: right;
	margin-left: 5px;
	margin-top: 366px;
	font-weight:bold;
	color: #FFFFFF; 
	background-color:#cc4233;
}

.botonmapa a:link,.bng_map a:visited{
	color: #FFFFFF;
}

.bingmapaddrs {
    border: none;
    vertical-align: middle;
    height: auto;
    line-height: 30px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    width: 50%;
    padding-bottom: 15px;
}
.botonmapa {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    padding: 10px 30px;
    font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    }
    .botonmapa:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #dd4343;
    transition: right .2s;
    z-index: -2;
    }
    .botonmapa:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0,174,236,1);
    transition: right .2s;
    z-index: -1;
        }
    .botonmapa:hover:after {
    right: 0;
    }
	.bingmapbut {
		float: left;
		padding-left: 42% !important;
		padding: 0px 0px 0px 0px;
		border: none;
		vertical-align: middle;
		height: 48px;
		line-height: 37px;
	}
li.px-2 {

    line-height: 18px !important;
    padding: 3px 0 3px .5rem !important;
}
li.px-2:nth-child(odd) {
	background: rgba(0,0,0,.02);
	padding: 2px 0px;
}
.text-primary {
	color: #cc4343!important;
	font-size: 14px !important;
}

.pastevent {
	padding-left: 40%;
	font-size:28px;
	font-weight: bold;
}

.ui-autocomplete {
    background: #4a4a4a;
}
.ui-autocomplete.source:hover {
    background: #454545;
}


.ui-menu .ui-menu-item {
	background:#fff;
	color: #212529;
	font-size: 14px;
	list-style-type: none;
}
.ui-menu .ui-menu-item:hover {
	font-size: 15px;
	background:rgb(219, 216, 216);
}