/*
Theme Name: Portfolio F. Bourgine by Sofia M. Fernandez.
Theme URI: http://www.florianbourgine.live
Author: Sofia M. Ferdz.
Author URI: https://www.sofiamfernandez.com 
Description: This is a theme made specially for the page F.Bourgine. 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive web design, HTML5, CSS3, Javascript.

*/

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
	background-color: #000;
  font-family: "Bell MT";
  overflow-x:hidden;
	}

p {
  font-family: "Bell MT";
  font-size: 16px;
  color: silver;
}
h1 {
  margin-top: 0px; 
}
h2{
  color: #eccb68;
}
h3 {
  color:silver;
}


span {
  color:silver;
}
a {
  color: #eccb68;
}
a:hover {
  color: #fff;
}
 
figcaption a {
  color:#eccb68;
}
.wpcf7-form {
	overflow:hidden;
}
input {
	color: black;
}

.full-width {
	transition:  all 0.5s ease-out;
}
input.wpcf7-form-control.wpcf7-submit {
  width: 150px;
  padding: 5px;
  text-transform: uppercase;
  color: #fff;
  background-color: #000;
  border: double;
  
}
input[type=file]{
	color: grey;
}
input#gwolle_gb_submit.button.btn:hover,
input.wpcf7-form-control.wpcf7-submit:hover,
input.button.btn.btn-default:hover,
button.btn.btn-default:hover{
  color:#000;
  background-color: #fff;
}
input.button.btn.btn-default,
.input-group {
  padding: 5px;
  text-transform: uppercase;
  color: #fff;
  background-color: #000;
  border: double;
}
input#search.form-control {
  border-radius: 0px;
  line-height: 0px;
}
.input-group {
  border-radius: 0px;
  line-height: none;
}
div.input-group {
  border: none;

}
.wpcf7-response-output {
	color: whitesmoke;
	font-size: 16px;
}

textarea {
	color: black; 
}
img.logo {
  width: 350px; 
  top: 20px;
  margin:auto;
}
input#gwolle_gb_submit.button.btn {
  padding: 5px;
  width: 150px;
  text-transform: uppercase;
  color: #fff;
  background-color: #000;
  border: double;
}
button.btn.btn-default {
  color: #fff;
  background-color: #000;
  border-radius: 0px;
}
.page-header {
  color:#777;
}
.none {
  color: silver;
}
fieldset {
    border: none;
    margin: 0px; 
    padding: 0.35em 0.625em 0.75em;
}
.card-text-search {
  margin-top: 15px; 
  margin-bottom: 20px;
}
 /*VIDEOS-responsive*/
 .video-responsive { 
  overflow:hidden; 
  padding-bottom:56.25%; 
  position:relative; 
  height:0;
  margin-bottom: 10%;
  }
  
  .video-responsive iframe {
  left:0; 
  top:0; 
  height:100%;
  width:100%;
  position:absolute;
  }

/* Footer */

/* Forzamos al footer para que se quede abajo */
.container {
	height: 100%;
	min-height: 100%;
	/*height: auto !important;*/
}

/*NAV*/
.nav>li {
  background-color: transparent !important;
}

.navbar {
  margin-bottom: 10px;
}
.navbar-inverse .navbar-nav>li>a,
.titulo {
  font-family: "Bell MT";
  font-size: 18px;
  color: #eccb68;
}

.mentions>li>a{
  font-size: 14px;
}
.navbar-inverse .navbar-nav>li>a {
    
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
}
.navbar-inverse {
  background-color: #0c0c0c;
}

.navbar-inverse .navbar-nav>li>a:hover {
  /*padding-bottom: 2px;*/
  color: silver;
  background-size: 100% 2px;
  }

.navbar-collapse {
  border-top: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.titulo>li>a {
  color: #eccb68;
  background-color: #0c0c0c;
}
.titulo>li>a:active,
.titulo>li>a:focus,
.titulo>li>a:hover {
  color: silver;
  background-color: transparent;
}
.titulo-texto {
  font-family: "Bell MT";
  font-size: 20px;
  color: #eccb68;
}
.mentions a {
  color: #eccb68;
  text-align: center;
}
.mentions>li>a:active,
.mentions>li>a:focus,
.mentions>li>a:hover {
  color: silver;
  background-color: transparent;
}

/*ARABESCO*/

.arabesco {
  position: absolute;
 }
.arabesco-izq {
  top:-30px;
  left: 0px;
  z-index: 99999;
}
.arabesco-der {
  top:60px;
  right: 0px;
  z-index: 99999;
}

/*NAV*/
.animated-icon2 span:nth-child(1) {
top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
top: 10px;
}

.animated-icon2 span:nth-child(4) {
top: 20px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}



.img-frontpage {
  width:100%; 
  height: auto;
}

/* :Comentario plan B (sin cambiar el CSS del .container)*/
.footer {
	/*position: absolute;
  bottom: 0;*/
  width: 100%;
  /*height: 60px;*/
  background-color: #0c0c0c;
}

footer h2 {
	color:#f5f4f4;
}


/* Footer */

.fa {
  font-size: 17px;
  color:silver;
}

/*IMAGENES DEL FRONT END*/
.dimensiones-img {
  padding-left: 0px; 
  padding-right: 0px;
}
/* Grow */
.hvr-grow {

    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 700ms;
    transition-property: transform;
    z-index: -9999999;

}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {

    transform: scale(1.1);
    
}
h3.hvr-grow {
   font-family: 'Bell MT','Regular';
   font-size: 26px;
   visibility: hidden;
   color: #e6e6e6;
   position: absolute;
   left: 0;
   right: 0;
   top: 45%;
   text-align: center;
   margin: 0 auto;
   z-index: 999999;
   
}
a.opacidad {
    transition: all 0.4s ease-in-out;
    transition-property: transform;
}
a.opacidad:hover img ~ .hvr-grow {
  visibility: visible;
  font-family: "Bell MT";

}

/* OPACIDAD EN IMAGENES
----------------------- */
a.opacidad img , .opacidad img {
  transition: all 0.4s ease-in-out;
  filter:alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: 1.0;
  }

a.opacidad:hover img {
  filter:alpha(opacity=50);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 0.5;
  color: black;
  }

/*mentions legales*/
.mentions-legales h2,
.mentions-legales h3,
.mentions-legales h5 {
  font-family: "Bell MT";
}

.mentions-legales h3 {
  color:#eccb68;
}
.mentions-legales h5 {
  font-size:16px;
  color: silver;
}

/*GALERÍA ENTRADAS*/

.gallery-container h1 {
    text-align: center;
    /* margin: 40px; */
    font-family: "Bell MT", sans-serif;
    font-size: 5rem;
    color: #eccb68;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 30px auto;
    font-size: 18px;
    color: silver;
}


.tz-gallery {
    padding: 0px;
}

.tz-gallery .thumbnail {
    padding: 0;
    height: 340px;
    margin-bottom: 30px;
    background-color: transparent;
    border: none;
    transition: 0.15s ease-in-out;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.06);
}

.tz-gallery .thumbnail:hover {
    transform: translateY(-10px) scale(1.02);
}

.tz-gallery .lightbox img {
    margin-top: 10px; 
    border-radius: 4px 4px 0 0;
}

.tz-gallery .caption{
    padding: 26px 30px;
    text-align: center;
}

.tz-gallery .caption h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
}
.tz-gallery .caption a {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
    color: silver;
}

.tz-gallery .caption p {
    font-size: 12px;
    color: silver;
    margin: 0;
}

#gallery-1 .gallery-caption {
   color: silver;
}

.baguetteBox-button {
    background-color: transparent !important;
}

.texto-slider {
  margin: 25px;
  color: silver;
  text-align: center;
}
.text-info {
  color:#eccb68;
  font-family: "Bell MT";
  font-size:16px;
}

/*SOCIAL FOOTER*/

/* footer social icons */
ul.social-network {
  margin-top: 14px;
  list-style: none !important;
  display: inline !important;
  margin-left:0 !important;
  padding: 0 !important;
  transition: all 0.3s ease-in-out;
}
ul.social-network li {
  display: inline;
  transition: all 0.3s ease-in-out;
 }
 .aparecemobile {
  display: none !important;
  z-index: 999999;
 }

/* footer social icons */
.social-network a.icoInstagram:hover {
  color: #000;
	
  background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
  background-clip: text;
  background-color: transparent;
}
.social-network a.icoFacebook:hover {
  background-color:#3B5998;
}
.social-network a.icoYouTube:hover {
  background-color:#BD3518;
}
.social-network a.icoEmail:hover {
  background-color:#333;
}
.social-network a.icoBook:hover {
  background-color:#333;
}
.social-network a.icoUser:hover {
  background-color:#333;
}
.social-circle li a {
  display:inline-block;
  position:relative;
  margin:0 auto 0 auto;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
  text-align:center;
  width: 40px;
  height: 40px;
  font-size:15px;
  transition: all 0.4s ease-in-out;
}
.social-circle li i {
  margin:0;
  line-height:40px;
  text-align: center;
}

.social-circle i {
  color: #fff;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
/*SOCIAL MEDIA SHARE*/
/* Style all font awesome icons */
.social {
  position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
  left: 0; /* Establecemos la barra en la izquierda */
  top: 200px; /* Bajamos la barra 200px de arriba a abajo */
  z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
  .social ul {
    list-style: none;
  }
 
  .social ul li a {

    width: 40px;
    height: 40px;
    margin-left: -20px;
    display: inline-block;
    color:#fff;
    background: #000;
    padding: 10px 15px;
    text-decoration: none;

    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
  }
 
  .social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
  .social ul li .icon-twitter {background: #00abf0;}
  
 
  .social ul li a:hover {
    background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
    padding: 10px 50px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
  }

/*FOOTER BOTTOM*/
.footer-bottom {
  margin: 5px;
   }
.laverdure {
  margin-left: 0px;
}

.footer-bottom img {
  width: 90px;
  height: auto;
  }
.footer h5 {
  font-family: "Bell MT";
  color: silver;
}
div.md-pvc-total-reports {
  margin-top: 15px;
  margin-right: -20px;
  float: right;
}

div.gb-entry-content {
  color: silver;
}

.idiomas{
	top: 46px;
	float: right !important;
	position: relative;
	margin-right: -470px;
  z-index: 99999;
	 }

.idiomas a:hover {
    color: silver;
}
.idiomas a:focus {
    color: white;
}

div.wpcf7-mail-sent-ok {
	color:silver;
}

i.fa-twitter:hover {
	color:#eccb68;
}
i.fa-facebook:hover {
	color:#eccb68;
}

/*FORM*/



  /*RESPONSIVE*/
  @media screen and (max-width:992px) {
      div.md-pvc-total-reports {
    visibility: hidden;
}

  div.social {
    visibility: hidden;
  }

  }
@media screen and (max-width:1024px) {
  .navbar-inverse .navbar-nav>li>a, .mentions, .titulo {
	font-size: 12px;
	}
  .arabesco-der {
	top: 20px;
	}
  h1 {
 	margin-top: 15px;
  	}
}
  @media screen and (max-width:768px) {
	 		
  
	  
	  .form {
		  overflow: hidden;
	  }
  .desaparece {
    visibility: hidden;
	  display: none; 
  }
  img.img-responsive.wp-post-image {
    max-width: auto;
  }
 .img-frontpage {
    width: 90%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
 }
  div.md-pvc-total-reports {
    visibility: hidden;
}

  div.social {
    visibility: hidden;
  }
  div.arabesco img {
/*     width: 100px !important;  */
	  display:none !important;
 }

 ul.nav-principal li {
  display:block !important;
 }

 .navbar-nav {
  margin:0px !important;
 }

 .navbar-nav>li>a:hover {
   border-bottom: none!important;
   padding-bottom: none !important;
   background: transparent !important;

 }
 h1 {   
	margin-top: 35px;
 }
 h2 {
  margin-left: 15px;
 }
 .navbar-inverse .navbar-nav > li > a, .mentions, .titulo {
	font-size: 16px; 
	margin-top: 20px;
 }
.arabesco-izq {
     top: -25px;
  }

.idiomas{
	margin-right: 0px;
	top: 15px;
	z-index:9999999999;
 }
 .aparecemobile {
  display: block !important; 
}
}
@media screen and (max-width:420px) {	
 .navbar-collapse {   		
   border-top: 0px;    	
   box-shadow: none;	
 }
}
 
@media screen and (max-width:360px) {
	
 .arabesco-der {
display:none;
 }
 h3.hvr-grow {
    font-size: 38px;
 }
}

@media screen and (max-width:320px) {


 .arabesco-der {
 display: none;
 }
}

@media screen and (max-width:375px) {
.navbar-toggle {
   margin-top: 18px;
 }
}