/*
Theme Name: Photo Me Child
Theme URI: http://themes.themegoods2.com/photome/demo
Description: Premium Photography Portfolio Theme
Version: 1.2.4
Tags: yellow, white, responsive-layout, custom-header, custom-background, threaded-comments, translation-ready, editor-style, custom-menu
Author: ThemeGoods
Author URI: http://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: http://themeforest.net/licenses/regular_extended
Text Domain: photome
Template: photome
*/

@import "../photome/style.css";

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

/********** Tipografia para los textos para los pies de fotos y la pagina de contacto *************/

#gallery_caption .tg_caption {
    color: #fff;
    font-weight: 400;
    font-style: normal;
    /* font-style: italic; */
}

/*******************************/
/*********** HEADER ************/
/*******************************/

/********** TITULO DE LA PAGINA *************/
/* Reduzco el padding de arriba y abajo */
/*
#page_caption {
    background-color: #000000;
    padding-top: 160px;
    padding-bottom: 153px;
}
*/
/*********** MENU ************/
#logo_wrapper {
	/*background-color: #111;*/
	  border:0; 				/* Elimino el borde blanco que aparece encima del menu */
	  padding-bottom: 5px;	    /* Reduzco el espacio entre el logo y el menu */

}


#logo_wrapper {
	background-color:rgba(0,0,0,0);
	  border:none;
}

.top_bar #menu_wrapper {
	background-color:#111;
}

.header_style_wrapper  .top_bar {
    background-color: rgba(0, 0, 0, 0.95);
}

/* Dejar mas espacio de separacion entre las opciones del menu principal */

ul#main_menu.nav li {
  padding : 0 20px;
}

/** **/
#menu_wrapper .nav ul, ul#main_menu.nav {
  margin-left: 23px !important;
}

/************* MENU HAMBURGESA ***************/
#mobile_nav_icon
{
	display: inline-block;
	border-bottom: 9px double #FFF;
	border-top: 3px solid #FFF;
	height: 3px;
	width: 25px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;

	cursor: pointer;
	position: relative;
	margin-left: 10px;
	top: 3px;
}

/*** botones social media ***/
.social_wrapper ul li a{
	color:#FFFFFF;
}

/* Reducir el espacio entre los elementos del menu */
 #sub_menu li a{

  font-size: 11px  !important;
  line-height: 24px;
}

/******************************************************************************/
/*********** FOTOGRAFIA - Pagina desde donde se carga el portfolio ************/
/******************************************************************************/

/** Espacio entre el titulo de la pagina (Fotografia) y las categorias del Portfoli (All Arquitectura Eventos Publicidad)**/

#page_caption .page_tagline {
/**	font-family: sans-serif ;
	font-size: 16px;
*/
	text-transform: none;
	letter-spacing: 0;
	color:#FFFFFF;
	border-top: none;
	padding-top:5px;
	margin-top:5px;
	opacity: 1;
}


/**********************************/
/*********** PORTFOLIO ************/
/**********************************/


.filter li a, #portfolio_wall_filters li a, #portfolio_wall_filters li a {
	font-style: normal;
    font-weight: bold;

}

/** Elemento seleccionado del menu del portfolio **/
.filter li a.active, #portfolio_wall_filters li a.active, #portfolio_wall_filters li a:hover {
    color: #FFF;
    text-decoration: underline;
    font-style: normal;
    font-weight: bold;
}


/** Textos del portfolio **/
div.ppb_portfolio.one.nopadding {
	/*max-height: 20px;*/
}


/**********************************/
/*********** Galerias ************/
/**********************************/

 /** Leyenda de las imagenes **/
 .mfp-title {
 	font-style: normal;
 }

/*******************************/
/*********** Footer ************/
/*******************************/

/* Elimino la linea en blanco que se veia encima del Copyright */
.footer_bar_wrapper {
    border: 0;
    max-width: 500px;
	margin: 0 auto;
	text-align: center;
	position: center;
}

.footer_bar {
    border: 0;
}

#footer {
	padding: 5px 0;
}

#copyright {
	width: 500px;
	margin: 0 auto;
	text-align: center;
	position: center;


}

/*******************************************/
/*********** Pagina de contacto ************/
/*******************************************/

.one_half_bg.floatright{
	width:500px;

}

/**********************************/
/*********** Gallerias ************/
/**********************************/

.leyenda_enlace {

}


/** icono compartir **/
.fa-share-alt {color:#FFFFFF;}



@media only screen and (min-width: 1100px){
	.footer_bar_wrapper{ max-width: 625px !important; }
 }


/**********************************/
/*********** Menu ARTWORK *********/
/**********************************/
#menu-bar {
	/*
  width: 95%;
  margin: 0px 0px 0px 0px;
  padding: 6px 6px 4px 6px;
  height: 40px;
  line-height: 100%;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  box-shadow: 2px 2px 3px #666666;
  -webkit-box-shadow: 2px 2px 3px #666666;
  -moz-box-shadow: 2px 2px 3px #666666;
  background: #8B8B8B;
  background: linear-gradient(top,  #A9A9A9,  #7A7A7A);
  background: -ms-linear-gradient(top,  #A9A9A9,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#A9A9A9), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #A9A9A9,  #7A7A7A);
  border: solid 1px #6D6D6D;
  position:relative;
  z-index:999;
  */
}
#menu-bar li {
  margin: 0px 0px 6px 0px;
  padding: 0px 6px 0px 6px;
  float: left;
  position: relative;
  list-style: none;
}
#menu-bar a {
  /*
  font-weight: bold;
  font-family: arial;
  font-style: normal;
  color: #E7E5E5;

   text-decoration: none;
  display: block;

  margin: 0;
  margin-bottom: 6px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-shadow: 2px 2px 3px #000000;
  */
  font-size: 14px;
  font-weight: bold;
  padding: 6px 20px 6px 20px;


}
#menu-bar li ul li a {
  margin: 0;
}
#menu-bar .current_page_item  a, #menu-bar li:hover > a {
	/*

  background: linear-gradient(top,  #EBEBEB,  #A1A1A1);
  background: -ms-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
  background: -moz-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  color: #444444;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 2px 2px 3px #FFFFFF;
  */
  color: #FFFFFF;
  text-decoration: underline;
}
#menu-bar ul li:hover a, #menu-bar li:hover li a {
  background: none;
  border: none;
  color: #666;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#menu-bar ul a:hover {
  background: #0399D4 !important;
  background: linear-gradient(top,  #04ACEC,  #0186BA) !important;
  background: -ms-linear-gradient(top,  #04ACEC,  #0186BA) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#0186BA)) !important;
  background: -moz-linear-gradient(top,  #04ACEC,  #0186BA) !important;
  color: #FFFFFF !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar li:hover > ul {
  display: block;
}
#menu-bar ul {
  background: #DDDDDD;
  background: linear-gradient(top,  #FFFFFF,  #CFCFCF);
  background: -ms-linear-gradient(top,  #FFFFFF,  #CFCFCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
  background: -moz-linear-gradient(top,  #FFFFFF,  #CFCFCF);
  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 30px;
  left: 0;
  border: solid 1px #B4B4B4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  box-shadow: 2px 2px 3px #222222;
}
#menu-bar ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#menu-bar ul a {
  padding:10px 0px 10px 15px;
  color:#424242 !important;
  font-size:12px;
  font-style:normal;
  font-family:arial;
  font-weight: normal;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul li:first-child > a {
  border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
}
#menu-bar ul li:last-child > a {
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
}
#menu-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menu-bar {
  display: inline-block;
}
  html[xmlns] #menu-bar {
  display: block;
}
* html #menu-bar {
  height: 1%;
}

.menu-menu-artwork-anos-container {
  border-top: 1px solid #CCCCCC;
}

.menu-artwork-container {
  height: 25px;
}

.texto_artwork {
 text-align: center;

  margin: 0 180px;
}

.texto_artwork p {
  text-align: center;
 
}


/*************************************************************/
/*********** ARTWORK - Pie de pagina de las imagenes *********/
/*************************************************************/
.pie_cabecera {
  font-weight: bolder;
  text-decoration:underline;
}

p.pie_cabecera_lista {
  text-transform: capitalize;
}


.pie_cabecera_lista {
  /*border-top:1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;*/
  padding: 15px;

  list-style: none;
}

/********************************************************/
/*********** AITOR IZAGUIRRE ****************************/
/********************************************************/
.ppb_title {
  font-size: 15px  !important;

}


.portfolio_title h5 {
  font-size: 16px !important;
}