/*
Theme Name: BCM 2018
Description: Tema para Wordpress - Boluda Corporación Marítima 2018 - Child theme for Avada theme
Author: Inbuze Marketing Digital
Author URI: https://inbuze.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

@font-face {
  font-family: univers;
  src: url(../fonts/univer-bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: univers;
  src: url(../fonts/univer-medium.ttf);
  font-weight: normal;
}


@font-face {
  font-family: univers-condensed;
  src: url(../fonts/univer-condensed-medium.ttf);
  font-weight: normal;
}

@font-face {
  font-family: univers-condensed;
  src: url(../fonts/univer-condensed-bold.ttf);
  font-weight: bold;
}

.form-boluda .texto-legal {
    text-align: justify;
}

.form-boluda .texto-legal p strong {
    text-decoration: none;
    border-bottom: 0;
}

.video-intro h1 {
    text-transform: uppercase;
    font-size: 54px;
}


.page-template .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.page-template .container-fluid .row {
    margin-left: 0;
    margin-right: 0;
}

.page-template .col-lg-1, .page-template .col-lg-10, .page-template .col-lg-11, .page-template .col-lg-12, .page-template .col-lg-2, .page-template .col-lg-3, .page-template .col-lg-4, .page-template .col-lg-5, .page-template .col-lg-6, .page-template .col-lg-7, .page-template .col-lg-8, .page-template .col-lg-9, .page-template .col-md-1, .page-template .col-md-10, .page-template .col-md-11, .page-template .col-md-12, .page-template .col-md-2, .page-template .col-md-3, .page-template .col-md-4, .page-template .col-md-5, .page-template .col-md-6, .page-template .col-md-7, .page-template .col-md-8, .page-template .col-md-9, .page-template .col-sm-1, .page-template .col-sm-10, .page-template .col-sm-11, .col-sm-12, .page-template .col-sm-2, .page-template .col-sm-3, .page-template .col-sm-4, .page-template .col-sm-5, .page-template .col-sm-6, .col-sm-7, .page-template .col-sm-8, .page-template .col-sm-9, .page-template .col-xs-1, .page-template .col-xs-10, .page-template .col-xs-11, .page-template .col-xs-12, .page-template .col-xs-2, .page-template .col-xs-3, .page-template .col-xs-4, .page-template .col-xs-5, .page-template .col-xs-6, .page-template .col-xs-7, .page-template .col-xs-8, .page-template .col-xs-9 {
    padding-left: 4px;
    padding-right: 4px;
}


.post-content p {
    line-height: 1.5em;
}

.entrada-reciente {
    border-bottom: 2px solid #d0d0d0;
    padding-bottom: 1em;
    margin-bottom: 1.5em;
}

.entrada-reciente .img-container {
    position: relative;
    height: 6em;
    width: 100%;
    height: 12em;
    display: block;
    overflow: hidden;
    margin-bottom: 1em;
    border-bottom: 4px solid #fff;
}

.entrada-reciente .img-container::after {
    content: ' ';
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0);
    z-index: 100;
}

.entrada-reciente .img-container:hover {
    border-bottom: 4px solid #e33c41;
}

.entrada-reciente .img-container:hover::after {
    background-color: rgb(227, 60, 65);
    background-color: rgba(0,0,0,0.3);
}

.entrada-reciente .img-container img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.entrada-reciente .entrada-meta {
        
}

.entrada-reciente .entrada-meta .fa {
    margin-right: 8px;
    color: #e33c41;
}

.entrada-reciente .entrada-meta .fecha {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0.5em;
    color: #999;
}

.entrada-reciente .acciones {
    width: 100%;
    height: 1.5em;
    overflow: hidden;
    position: relative;
    margin-bottom: 0.5em;
    
}

.entrada-reciente .compartir-container {
    display: none;
}

.entrada-reciente .share-box {
    margin: 0;
    padding: 0.5em;
    height: auto;
    min-height: 3em;
}

.entrada-reciente .leer-mas {
    display: block;
    text-align: right;
    font-weight: 600;
    font-size: 13px;
    color: #e33c41;
    position: absolute;
    right: 0;
    bottom: 0em;
    max-width: 50%;
    line-height: 1.75em;
}

.entrada-reciente .leer-mas .fa {
    margin-left: 4px;
}

.entrada-reciente .leer-mas:hover {
    color: #666;
}

.entrada-reciente .title {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #666;
    height: 9em;
    display: block;
    overflow: hidden;
}

.entrada-reciente .compartir {
    display: block;
    float: left;
    width: 100%;
    max-width: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.entrada-reciente .btn-compartir:hover {
    color: #999;
}

.entrada-reciente .compartir .fa {
    margin-right: 4px;
}

@media(max-width: 680px)
{
    .entrada-reciente .title {
        height: auto;
        margin-bottom: 1em;
    }
    
    p[align*="justify"], p[style*="justify"] {
        text-align: left !important;
       
    }
    
    
    
}

.form-control {
    padding-left: 0.5em;
}




/* SEARCH RESULTS */
/* SEARCH RESULTS */
/* SEARCH RESULTS */


.resultado-embarcacion {
    min-height: 9em;   
}

.resultado-embarcacion img {
    max-width: 100%;
}

.resultado-embarcacion .img-container {
   height: 9em;
    position: relative;
    overflow: hidden;
    background: #f0f0f0;
    max-width: 320px;
}

.resultado-embarcacion .img-container a {
   position: relative;
}

.resultado-embarcacion .img-container img {
   position: absolute;
    bottom: 0;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

@media(max-width: 900px)
{
    .resultado-embarcacion .img-container {
        height: 6em;
    }
}

/* FUSION SLIDER PAGE HEADER */


.fusion-slider-header {
position: relative;

background: #f0f0f0;
}

/* 20210115 - Se ha cambiado lo que había en top y left ya que tras acutalización de Avada quedaba la cabecera desplazada
			  Esto parece que se usa solo en Transporte marítimo

   20211223 - Comentamos el translate ya que al realizar la actualización del tema, quedaba desplazado a la izq.           
*/
.fusion-slider-header-title {
position: absolute;
width: 100%;
top: 25%;
/*left: 50%;*/
/*transform: translate(-50%, -50%);*/
}

.fusion-slider-header-title {
text-shadow: 0px 0px 1em rgba(0,0,0,0.4);
z-index: 999;
}

.fusion-slider-header-title h1 {
margin-bottom: 0;
}

.fusion-slider-header-title .subtitulo-servicio {
    font-size: 32px;
    line-height: 1.25em;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: block;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    min-height: 3em;
}

.fusion-slider-header-column{
/* min-height: 480px; */
background: #f0f0f0;
}

.fusion-slider-header-column:after {
position: absolute;
content: ' ';
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.2);
z-index: 500;
}

.otras-actividades-slider {
height: auto !important;
max-height: none !important;
}

/* FUSION FOOTER */

.fusion-footer-widget-area .widget-title {
	color: #ddd;
}

/* HOME VIDEO MUTE BUTTON SHORTCODE */

#mute-toggle-wrapper {
position: relative;
}


#mute-toggle
{
  position: absolute;
  top: 1.5em;
  right: 0;
  z-index: 9999;
  background: transparent;
  border: 4px solid #fff;
  height: 3em;
  width: 3em;
  border-radius: 50%;
  line-height: 2.5em;
  text-align: center;
  color: #fff;
 
}

#mute-toggle:hover {
cursor: pointer;
border-color: #e33c41;
}



#mute-toggle.active {
opacity: 0.5;
background-color: rgba(255,255,255,0);
}

#mute-toggle .fa {
	line-height: 2.5em;
}

#mute-toggle .fa-volume-up {
	display: none;
}

#mute-toggle.active .fa-volume-mute {
	display: none;
}

@media(max-width: 1200px)
{
	#mute-toggle {
		right: -8px;
	}
}

#mute-toggle.active .fa-volume-up {
	display: block;
}

@media(max-width: 580px)
{
	#mute-toggle
	{
		font-size: 12px;
		border-width: 3px;
	}
}

/* HOME VIDEO */

.home-intro {
	height: calc(100vh - 160px) !important;
}

@media(max-width: 1200px)
{
	.home-intro {
		height: calc(100vh - 240px) !important;

	}

	
}

@media(orientation: portrait),
@media(max-width: 900px)
{
	

	
	.home-intro {
		height: auto !important;
		padding: 0 !important;
	}

	.home-intro .fullwidth-video
	{
		position: static !important;
		transform: none !important;
		width: 100%;
		height: auto;
	}

	.home-intro .fullwidth-video video 
	{
		position: static !important;
		transform: none !important;
		width: 100% !important;
		height: auto !important;
	}
	
	.home-intro .fullwidth-video
}
.wpcf7-submit{
    display: inline-block;
    position: relative;
    zoom: 1;
    border: 1px solid transparent;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
    box-sizing: border-box;
    transition: all .2s;
}