/*==============================================
[Custom color stylesheet custom.css]

Author:	SINDEVO.COM - Smart Internet Development
Template:	Mobix - Mobile Web APP Template
================================================*/

/*===============================================*/
/* COLORS */
/*===============================================*/	
@import "../variables.css";


/*===============================================*/
/* MAIN CONTENT */
/*===============================================*/	
a, blockquote span {
color: var(--color-primario);
}
a.button_full, a.button_small, .call_button a{
background-color:var(--color-primario); 
}
.button {
border: 1px solid var(--color-primario);
color: var(--color-primario);
}
.button.active {
background: var(--color-primario);
}
#pages_maincontent h3{
color:var(--color-primario);
}
.photo-categories a.active{
background-color:var(--color-primario);
}
.post_date{
color:var(--color-primario);
}
.list-block .swipeout-actions-left a,
.list-block .swipeout-actions-right a {
background: var(--color-primario);
}
.contactform input.form_submit, .loginform input.form_submit, .commentform input.form_submit{ 
background-color:var(--color-primario);
}
ul.responsive_table li:first-child{
background-color:var(--color-primario);
color:#FFFFFF;
}
li.table_row{
background-color:#e6e6e6;
}
.blog_nav a{
background-color:var(--color-primario); 
}
.blog_nav a:hover{
  opacity: 80%;
}
.border-only{/*MichaelL*/
  border: 1px solid var(--color-primario);
  background-color: transparent !important;
}
.title{/*MichaelL*/
  color:var(--color-primario) !important;
}
/*===============================================*/
/* HOME BG AND PAGES HEADER BG */
/*===============================================*/	
.homepage{
background: url(../../images/colors/azul/bg.jpg) no-repeat center center;
background-attachment:fixed;
-webkit-background-size: 100%; 
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover; 
background-size: cover;
}
.navbarpages{
background:url(../../images/colors/azul/header.jpg) no-repeat center center;
}
/*===============================================*/
/* MAIN NAV LINKS */
/*===============================================*/	
.main-nav ul li{
background: var(--color-primario-claro);
border-bottom:1px var(--color-secundario) solid;
}
.main-nav ul li:hover{
  opacity: 80%;
  border-bottom:1px #ffffff solid;
}
.main-nav ul li a{
color:var(--color-texto);
}
/*===============================================*/
/* POPUPS AND TOOLBAR */
/*===============================================*/	
.popup, .page_content_menu{
background: var(--color-terciario-oscuro);
}
.popup-login, .popup-signup, .popup-forgot{
background-color: #263239;
}
.toolbar:before {
  background-color: var(--color-terciario);
}
.navbar,
.toolbar,
.subnavbar {
  background: var(--color-terciario);
}
/*===============================================*/
/* LEFT AND RIGHT SLIDE PANEL */
/*===============================================*/	
.panel {
background:var(--color-secundario);
}
.user-nav ul li, ul.popular_posts li{
border-bottom:1px var(--color-secundario-claro) solid;
}
/* MENU OPENER ICON */
ul.toolbar_icons li.menuicon{
background-color:var(--color-secundario);
}

/* PANEL CLOSE BUTTON */
.close_popup_button a{
background-color:var(--color-secundario);
}