/*
 Theme Name:   Arboles y Arbustos
 Theme URI:    https://www.arbolesyarbustos.com
 Description:  Tema hijo de Mobius para la web de arbolesyarbustos.com
 Author:       IMAGOTIPO
 Author URI:   http://www.imagotipo.com
 Template:     mobius
 Version:      1.0.0
 Tags:         botanica,verde,arboles,arbustos,agronomos
 Text Domain:  arbolesyarbustos
*/
@import url("../mobius/style.css?ver=3.1");

/* CSS PERSONALIZADO
-------------------------------------------------------------- */
.header-menu #selector-idiomas {display: none;}
.header-mobile #selector-idiomas {display: block;}
#selector-idiomas  {float:left; position:absolute; left:10px; top:5px;}
.dark #selector-idiomas .wpml-ls-legacy-list-vertical a, #selector-idiomas .wpml-ls-legacy-list-vertical li {padding: 0;}
.dark #selector-idiomas .wpml-ls-legacy-list-vertical {border: 0px;}
#lang_sel_footer {display: none;}
.header-mobile #lang_sel_footer {display: block;}
.rev_slider_wrapper {margin-top:-100px}
.textbio { font-size: 1.4em;  line-height: 1.6em; margin: 15px 0; display:block;}
#equipo .h4.subtitle {
    display: inline;
    color:#6fa540;
}
.dark h3.textgreen {color:#6fa540;}
#left-nav .wpml-ls-item  {display: none;}
#top-nav ul ul li a { font-weight: 600!important; text-transform:uppercase;}
#top-nav ul ul .current-menu-item > a span {color:#000000;}
#equipo .header-wrapper {margin: 0; }
#equipo h4 { font-size: 1.4em; text-transform: none; margin: 0;}
#equipo p { color:#444444;}
.floatleft {float:right; display:inline-block;}
.bandalogos.vc_row-has-fill > .vc_column_container > .vc_column-inner {padding: 0 30px;}
#custom_html-3,#custom_html-3 .textwidget { text-align:center;}
#custom_html-2{ text-align: right;}
#footer #custom_html-3 .textwidget {font-size:14px; padding: 0 0 0 0;}
.cursiva {font-style:italic;}
.morebigplease, .agradecer {text-align:center;}
.agraleft{text-align:left;}
.morebigplease p {font-size: 1.4em; line-height: 1.6em;} 
.morebigplease h3 {font-size: 2em; } 
.morebigplease .to-icon.fa-5x {font-size: 5.5em; margin: 0 30px 40px 30px;} 
.morebigplease .to-icon.fa-5x.icon-et-map{margin: 0 60px 40px 30px;} 
.presentacion p {font-size: 0.9em; line-height: 1.2em; color: #444!important;} 
.presentacion a {color: #6fa540!important;}
.presentacion a:hover { text-decoration:underline;}
.presentacion .to-icon.pull-left {margin: 0 20px 20px 20px;}
#equipo .to-button.small {padding:0;font-size: 1.4em; margin:5px 10px;}
#equipo .to-button-icon:hover {color:#97be0c;}
#equipo .to-button.to-button-border {border:none;}
#equipo .wpb_single_image img {max-width: 80%;}
#equipo .wpb_single_image.icono {display:inline-block; line-height: 18px; margin: 0 10px;}
#equipo .wpb_single_image.icono img {max-width: 100%;}
#footer-inner-top {padding: 100px 0 40px 0;}
.dark .to-sc-twitter-icon {
    color: #6fa540!important;
}
.galfoto {clear:right; display: block; float:none; margin: 10px 0; width: 70%!important;}
.hierba {
background-repeat: no-repeat;
background-image: url("//www.arbolesyarbustos.com/wp-content/uploads/bg_footer-top.jpg");
background-position: center bottom;
padding-bottom: 200px!important;
padding-top: 0;
margin:0!important;
}
.logosfooter {float: none; margin:15px 10px; height: 80px;}
#footer h4 {font-weight: bold;}
#footer .textwidget {font-size:14px; padding: 0 30px 0 0;}
#footer-inner-bottom { cursor: auto;}
#footer-inner-bottom a { color:#f5f5f5;}
#footer-social {text-align: center; margin-bottom: 40px;}
#footer-social a { font-size: 1.6em; margin: 0 15px;}
#footer-inner-bottom {text-align: center;}


.to-social-overlay {margin-top:-50px;}
.to-page-heading {background-color:#6fa540;  margin-top: 0!important;}
.to-page-heading .single-title { color:#fff; font-size:1.8em;}
.cientifico { font-style:italic!important;}
.vulgar { font-size:1.5em;}
.chrome .vulgar { padding-top:10px;}
.to-social-overlay {
    margin-top: 0!important;}
.to-item h2 {text-transform:none!important;  font-style:italic!important;}
.negrita { font-weight:bold;}
.page-template-template-portfolio figcaption { text-transform:none; font-style:italic;}
.to-grid-filter-title {
    background: inherit;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    height: 30px;
    padding: 0 26px 16px;
    position: relative;
    text-align: center;
    text-transform: none!important;
    transition: all 0.3s ease-in-out 0s;
    width: auto;
}
    #p0, #p1, #p2, #p3, #p4, #p5, #p6, #p7 {height:auto; width:13.5%; margin-right:0.3%; cursor:pointer; cursor: hand;}
    #grande {height:auto; width:100%;}
.minfont {font-size:0.8em; color:#666;}
.fa-2x {float:right;}
#show_info { cursor:pointer; cursor: hand;}

.foto_container {
    position: relative;
    width: 100%;
	height:auto;
}

#info_foto {
    background-color: #6fa540;
    bottom: 0;

    font-size: 14px;
    height: auto;
    left: 0;
    line-height: 110%;
    position: absolute;
    text-align: left;
    width: 100%;
	display:none;
	opacity: 0.75;
	}

.iptc_right {
    float: right;
    text-align: left;
    width: 79%;
    color: #fff!important;
}

.iptc_left {
    color: #fff!important;
    float: left;
    padding: 0 0 0 2%;
    text-align: right;
    width: 18%;
}
#single-portfolio-section article.type-portfolio {margin-top:0;}

#post-nav {
    display: block;
	background-color: #d5d5d5;
    margin: 0;
    padding: 8px 0;
    position: relative;
    width: 100%;
}
#post-prev-link h3, #post-next-link h3 { font-style:italic;}
.to-page-heading { padding: 30px 0;}
.to-toggle-open { float:right;}
h5.to-toggle-title {background-color: #ffffff;}
.to-toggle-holder {
	background-color: #f5f5f5;
}
.to-item.portfolio.portstyle2 .to-item-meta { border-top: solid 2px #6fa540;}
.to-item.portfolio.portstyle2 .to-item-image {margin-bottom:5px;}

.to-toggle-content {
    margin: 15px 20px 10px 40px;
}
#current-player.desktop, #current-player-overlay {display:none!important;}


/* ============================================================

   11. AUDIO PLAYER 2

/* ============================================================ */



.to-audio-player2 {

	position: relative;

	display: inline-block;

	width: 35px;

	height: 30px;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);

	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);

	-o-box-shadow: 0 1px 2px rgba(0,0,0,0.2);

	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background-color: #e5e5e5;

}

.to-audio-player2:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	height: 15px;

	background: -moz-linear-gradient(top, rgba(255,255,255,.15) 0%, rgba(255,255,255,0) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.15)), color-stop(100%,rgba(255,255,255,0)));

	background: -webkit-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 100%);

	background: -o-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 100%);

	background: -ms-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 100%);

	background: linear-gradient(to bottom, rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 100%);

}

.to-audio-player2 .to-item-audio-link {

	z-index: auto;

	height: 30px;

	width: 35px;

	left: 0;

	top: 0;

	margin: 0;

	line-height: 30px;

	font-size: 14px;

	opacity: 1;

	-webkit-box-shadow: none !important;

	-moz-box-shadow: none !important;

	-o-box-shadow: none !important;

	box-shadow: none !important;

	-webkit-transform: none !important;

    -moz-transform: none !important;

    -o-transform: none !important;

    -ms-transform: none !important;

	transform: none !important;

}

.to-audio-player2 .to-item-time {

	position: absolute;

	overflow: hidden;

	top: 12px;

	left: 80px;

	right: 85px;

	bottom: auto;

	height: 6px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	background: rgba(0,0,0,.25);

	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.35);

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.35);

	-o-box-shadow: inset 0 1px 2px rgba(0,0,0,0.35);

	box-shadow: inset 0 1px 2px rgba(0,0,0,0.35);

}

.to-audio-player2 .to-item-currenttime {

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.35);

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.35);

	-o-box-shadow: inset 0 1px 2px rgba(0,0,0,0.35);

	box-shadow: inset 0 1px 2px rgba(0,0,0,0.35);

}

.to-audio-player2 .time-float {

	top: -12px;

	margin-left: 70px;

}

.to-audio-player2 .to-audio-player-curtime {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 35px;

	line-height: 30px;

	font-size: 12px;

}

.to-audio-player2 .to-audio-player-duration {

	position: absolute;

	top: 0;

	bottom: 0;

	right: 40px;

	line-height: 30px;

	font-size: 12px;

}

.to-audio-player2 .fa-volume-up,

.to-audio-player2 .fa-volume-off {

	position: absolute;

	z-index: auto;

	top: 0;

	bottom: 0;

	right: 0;

	height: 30px;

	width: 25px;

	margin: 0;

	text-align: left;

	line-height: 30px;

	font-size: 14px;

	cursor: pointer;

}

.to-audio-player2 .fa-volume-off {

	display: none;

}

code {
    white-space: pre;
    font: inherit;
}

.dw-glossary-items li, .dw-glossary-items .dw-glossary-title {
    display: inline-block;
}
 .dw-glossary-items {
   margin: 0 !important;
   width: 50%;
   float: left;
   display: inline-block;
}

.sc_player_container1 .myButton_play, .sc_player_container1 .myButton_stop { height: 40px !important;}
.chrome .sc_player_container1 .myButton_play, .sc_player_container1 .myButton_stop { height: 30px !important;}
.sc_player_container1 {padding-left: 10px;}
.family {line-height: 42px; text-align:right; font-size: 1.6em; }
 #single-post-information, #single-port-information {margin:0;}
.glosario p { padding:0;}
.glosario .glospadding {padding-left:2em;}
.letras {display:block; background-color:#edf3e0; line-height:30px; height:30px; padding: 0 20px; color:#444444; font-weight:bold; border-bottom: 2px solid #6fa540!important; margin: 30px 0 20px 0;}
.glosindice {position: relative; display:block; line-height:80px; width:100%; height:auto; padding: 0; color:#666666; font-weight:bold; margin: 0 auto; z-index:1111; left:0; background: #6fa540;}
.glosario .to-toggle-holder {position: fixed; top: 80px; left: 0; width:100%;background: #6fa540;  z-index:2; height:auto;}
.glosario .to-toggle-title { background: #edf3e0; padding: 0 20px;}
.glosario h5.to-toggle-title { font-size: 0.9em; font-weight:bold;}
.glosindice a { text-align:center; font-weight:bold; display:block; float:left; width:auto; line-height:20px!important; height:27px!important; padding: 5px 10px!important;  }
.glosindice div { display:block; float:left; border: 1px solid #005b1d!important; margin: 3px 2px; background: #ffffff; }
.glosindice div.section-container { justify-content: center; display: flex; flex-wrap: wrap; float:none; border: none!important; background: #6fa540;}
.glosindice div.noglos { text-align:center; font-weight:bold; display:block; float:left; width:auto; line-height:20px; height:29px; padding: 5px 10px;  border: 1px solid #cccccc!important; margin:3px 2px; color:#cccccc;}

@media screen and (max-width: 782px) {
	.glosario .to-toggle-holder {
		top: 125 px;
	}
}

.to-tabs {
    min-width: 48.8%;}
.to-tabs2 {
    display: inline-block;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 15px 0;
	float: right;
	min-width: 48.8%;
	text-align:right;
    position: relative;
}
#etimologia {display: none; position:absolute; top:0; left:0; background: #E6F4E3; border: 1px solid #390; z-index:999; opacity: 0.95; width: auto; padding:20px;}


	.fotoresponsive  {display: block;}
	.fotoresponsive2 {display: none;}

@media only screen and (max-width: 1000px) and (min-width: 1px) {
	.fotoresponsive {display: none;}
	.fotoresponsive2 {display: block;}
	#footer .textwidget { padding:0;}
	#footer-inner-bottom, #footer-social { text-align: center;}
	.floatleft { float:none; display: block; text-align:center;}
	.wpb_single_image.vc_align_right {text-align:center;}
	.to-quote { font-size: 16px; line-height: 18px; padding: 0 10px;}
	.family {line-height: 42px; text-align:left; font-size: 1.6em; }
	.sc_player_container1 { display:none;}
	.to-tabs2 img{
		height:32px;
		width:32px;
}
.galfoto {clear: none; display: inline; float: left; margin: 10px 0; width: 24%!important;}
#custom_html-3,#custom_html-3 .textwidget { text-align:center;}
#custom_html-2, #text-2, #custom_html-7{ text-align: center;}
 #p0, #p1, #p2, #p3, #p4, #p5, #p6, #p7 {height:auto; width:24%; margin-right:1%; margin-bottom: 10px; cursor:pointer; cursor: hand;}
 .to-icon.fa-5x {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 36px;
}
.morebigplease .to-icon.fa-5x { font-size: 3em; margin: 0 8px 10px 8px;}

.to-icon-box.left .to-icon-txt.fa-5x-txt {

    margin-left: 50px;

}
}

#footer-social a[href*="bsky.app"] i {
	display: none; /* Oculta el icono */
}

#footer-social a[href*="mailto"] i {
	display: none; /* Oculta el icono */
}
  
#footer-social a[href*="bsky.app"] {
display: inline-block;
background-image: url('/wp-content/uploads/bluesky_blanco.png');
background-size: contain;
background-repeat: no-repeat;
width: 24px; /* Ajusta el tamaño según necesites */
height: 24px;
}

#footer-social a[href*="mailto"] {
	display: inline-block;
	background-image: url('/wp-content/uploads/envelope_blanco.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 24px; /* Ajusta el tamaño según necesites */
	height: 22px;
	}