/*
Theme Name: bsmo child
Theme URI: https://gueben.es
Description: gueben diseño creativo
Template: bsmo
Version: 1.4.3
Author: estudio@gueben.es
Author URI: http://foreverpinetree.com/
Tags: custom-menu, featured-images, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  bsmo
*/

.su-button-style-flat span i {
    color: #555555 !important;}

.su-button-style-flat span {
	font-weight: 700;
	color: #555555 !important;
    padding: 10px 20px !important;}

.su-button-style-flat span:hover,
.su-button-style-flat span:hover i {
     background-color: #e6134a;
	color: #fff !important;}

.call-m-left:before {
    font-size: 20px;}

.page-id-1212 .pt-wide.default-template-page {
    padding: 0px !important;
	margin: 0px 0px !important;}
.page-id-1212 .default-template-page > .wrap > .h.title {
    display: none !important;}
.page-id-1212 .default-template-page p img {
    margin-top: 0px !important;
    margin-bottom: 0px !important;}

.m-header li a  {
    line-height: 22px !important;
    padding: 18px 0px !important;}
@media screen and (max-width: 768px) {
#presi .item .sc-inner .img img {
    max-width: 70% !important;}
#hola .item .sc-inner {
	padding: 0% 8% 20% !important;}}

@media screen and (max-width: 768px) {
#saluda1 .item .sc-inner {
	padding: 20% 8% 0% !important;}
#saluda2 .item .sc-inner {
	padding: 20px 8% 0% !important;}
#director .item .sc-inner {
	padding: 100% 8% 10% !important;}
#equipo h1.large {
	font-size: 8vw;}
#presi .pt-area-roll-inner,
#director .pt-area-roll-inner {
    font-size: 1.2rem !important;}
.m-mode .intro.large {
    font-size: 1.5rem;}
}

#hola .intro.large {
    font-size: 20px;}

.blog-list .item .text.show .h span {
	line-height: 80% !important;}
.blog-list .item .text.show br {
	line-height: 80% !important;}

span.entry-subtitles2 {
    line-height: 120% !important;}
.post-meta i {
	margin-bottom: 9px;}
body.m-mode .list-title.style-01 .title-text {
    padding: 37vw 8vw 0vw;}
span.entry-subtitle {
    line-height: 135%;
    margin-bottom: 20px;
	margin-top: 20px}
.post-info .title .h {
    font-size: 260% !important;
    line-height: 99%;}

@media screen and (min-width: 1024px) {.page-id-1107 .list-title { margin-left: 100px}}

#saluda {padding-left: 10%;background: #EAEAEA}

html:not(.win-v) header:not(.style-01):not(.style-05) ~ .main-content .sc-article {
    padding-bottom: calc(3vh + 110px);}

.pt-area-roll-btn:before {
    font-size: 22px;}
.pt-area-roll-btn:before {
    left: 0;
    top: 1px;
	left: -1px;}
.color-invert .pt-area-roll-btn {
    width: 25px;
    height: 25px;
    line-height: 19px;
    text-align: center;
    border-radius: 50%;
	border: 2px solid #fff;
	opacity: 1;}
.site-light .color-invert .pt-area-roll-btn {
    color: #fff;
    background: rgb(255 255 255 / 0%);}
body:not(.m-mode) .color-invert .pt-area-roll-wrap .pt-area-roll-btn:hover {
    color: #e51a4b !important;
    background: rgb(255 255 255 / 50%);}
body:not(.m-mode) .color-invert .pt-area-roll-btn:hover:before {
    color: #fff;}
body:not(.m-mode) .color-invert .pt-area-roll-btn:hover:before {
    color: #fff;}

.pt-area-roll-btn {
    width: 25px;
    height: 25px;
    line-height: 19px;
    text-align: center;
    border-radius: 50%;
	border: 2px solid #555555;
	opacity: 1;}
.site-light .pt-area-roll-btn {
    color: #555555;
    background: rgb(000 000 000 / 0%);}
body:not(.m-mode) .pt-area-roll-wrap .pt-area-roll-btn:hover {
    color: #e51a4b !important;
    background: rgb(000 000 000 / 20%);}
body:not(.m-mode) .pt-area-roll-btn:hover:before {
    color: #555555;}
body:not(.m-mode) .pt-area-roll-btn:hover:before {
    color: #555555;}



#director {background: #0b0b0b}

/* blog */
.blog-list.raw-proportion .item {
    min-width: 30vw !important;}
@media screen and (max-width: 480px) {
.m-mode .post-banner {
    height: 470px !important;}
.m-mode .post-banner > .wrap,
.m-mode .post-banner > .wrap .item {
    width: 100% !important;;
	height: 100% !important;}
}
.m-mode .post-prev {
    padding-right: 0px !important;}
.m-mode .post-next {
    padding-left: 0px !important;}
.m-mode .post-nav h5 {
    display: block;}
.page-id-76 .blog-list .item.show .bg-full {
	background-size: contain;}
.blog-list.style-02.raw-proportion .item .img {
	width: 100% !important;}
.page-id-76 .list-date {
    font-size: 15px;
	margin-bottom: 10px}
.page-id-76 .blog-list .item .h {
    margin-bottom: 15px;}
.page-id-76 .blog-list.style-02 .item .h {
    margin-top: 13px;}
#subtitulo1 {
	margin-top: 15px;
    font-size: 16px !important;
    line-height: 128%;}
.page-id-76 .blog-list.style-02 .item .h {
	font-size: 27px !important;}
.page-id-76 .blog-list.style-02 .item .h span {
	font-size: 16px !important;}
.page-id-76 .list-category {
	display: none;}
.page-id-76  .list-icon {
	display: none;}
.page-id-76  .blog-list.style-02 a.more {
	display: none;}
.page-id-76 .m-mode .blog-list .item {
    margin-bottom: 98px;}
.page-id-76 .m-mode .blog-list .item .text,
.page-id-76 .blog-list .item .text {
    text-align: center!important;}
.post-banner > .wrap .item {
    background: transparent;}
.post-category {
	display: none !important;}
.post-info {
	padding-top: 0px !important;}
.post-bar,
.pc-mode #post-main.no-share .post-meta .time {
	text-align: center!important;}
.post-bar {
	padding-top: 20px !important;}
.pc-mode #post-main.no-share .post-meta .wrap > div {
    margin: 0 0px 0 0;}
.pc-mode #post-main.no-share .post-meta .wrap > div a {
    margin-right: 0px;}
.post-info .title .h {
	font-size: 260% !important}
span.entry-subtitles2 {
    font-size: 0.4em !important;
	line-height: 100%;}
span.entry-subtitles {
	line-height: 80%;}
.entry-title-primary {
	color: #E6134A;}
.post-info > .wrap {
    position: relative;
    max-width: 100%;
    padding-left: 350px;}
.pc-mode .post-banner:not(.h-short) ~ .post-info .text-area {
    min-width: 360px;
	padding-left: 20px;
	border-left: 1px solid #B7B7B7 }
.time { 
	pointer-events: none;}
.pc-mode #post-main.no-share .post-meta .wrap > div a {
	font-size: 18px !important;}
.post-meta a {
    margin-right: 8px;
    font-size: 15px;}
.post-related .category {
	display: none}
.post-related span {
	font-size: 25px;}
span.entry-subtitle {
	font-size: 0.6em;}
span.entry-subtitles2 {
    line-height: 180%;}	
	
	
/* projects*/
.page-id-628 .pic-list h6 {
	font-size: 2.5rem !important;
	text-align: center;}
.page-id-628 .pic-list.style-01 .list-category {
    text-align: center;}
.page-id-628 .list-date, .list-category a {
    font-size: 19px;
	pointer-events: none;}
.page-id-628 .list-icon {
	padding: 0px;}
.page-id-628 .list-widgets {display: none;}
.page-id-628 .pic-list .item.show .list-category a {
    display: block;}
.post-tags span {
	display: none;}
.pc-mode #post-main.no-share .post-meta .wrap > div a {
    font-size: 25px !important;}



.list-title.style-02 h1 {
    font-size: 36px !important;
	color: #5b5b5b !important;}
i.title-info {
	background: url('http://www.bsmo.es/wp-content/themes/bsmo-child/tartesica.png');
	background-size: cover;
    font-size: 10px;
	left: 47px;
    top: unset;
	border: 0px;}
i.title-info:before {
	content:''}


.list-title.style-01 .title-text.show h1:before {
	top: -53px;
    width: 50px;
    height: 50px;
	content:'';
	background: url('http://www.bsmo.es/wp-content/themes/bsmo-child/tartesica.png');
	background-size: cover;}  


@media screen and (max-width: 1440px) {
i.title-info {
	left: 30px;
    top: unset;}}
.pc-mode .list-title.style-02 h1 {
    -webkit-transform: rotate(-180deg); 
-moz-transform: rotate(-180deg); }
	

@media screen and (max-width: 768px) {
#introd .sc-inner {
    min-width: 100% !important;
    padding: 40% 0% !important;}
.item.w-80 .sc-inner {
    width: 100%;}
#logos {
    padding-right: 2vw !important;
    padding-left: 2vw !important;}
h6 {
    font-size: 20px;}	
h5 {
    font-size: 20px;}
	footer .text-area {
    line-height: 150%;
    font-size: 15px;}
	.sc-slider .h a, .sc-slider .h span {
    padding: 0px 0px !important;}
.sc-slider .text {
	max-width: 400px !important;}
#volver {
	background-color: #EFEFEF;
	padding-top:100px;}	
#hacermusica h1.large {
	font-size: 9vw !important;	}
.m-mode footer .img {
    width: 100%;
    max-width: 200px;
    max-height: 200px;
    margin: 0 0 30px 0;}
.pt-social ul li {
    width: 35px;
    height: 37px;
    margin-bottom: 15px !important;}
}
@media screen and (max-height: 900px) {
.pt-social ul li {
    margin-bottom: 15px !important;}}


.hidden-menu .widget {
    margin-bottom: 26px !important;}


span.entry-subtitles2 {
    line-height: 180%;}

.post-banner > .wrap .item {
	margin: auto;}

@media screen and (max-width: 768px) {
.m-mode footer .img {
	margin-right: 2%;}}


.text-area form p {
    padding: 0 0 0px 0;}
.nf-field-element p {
    margin: 0 0 10px;}
b{font-weight: 700;}
body:not(.woocommerce-page) .text-area li, body:not(.woocommerce-page) .default-template-page li, .comment-area li, .content li {
   margin-top: 5px}
.author {display:none !important}
.open {
	background-image: url('http://www.bsmo.es/wp-content/uploads/2023/10/fondo-1.png');
	background-size: 90px 90px !important;
	background-repeat: repeat;
	}

#intro img.aligncenter {
    margin-top: 0.4em;
    margin-bottom: 0.4em;}


.img_ico { max-width: 50% !important;}
#volver .item.gap-small .sc-inner {
	padding: 0vh 0% !important;}

#volver .img img {
	max-height: none !important;}
#volver .text {
	margin: 0px 50px 70px 50px !important;
	text-align: center !important;}
#hacermusica .pt-social li {
    width: 45px !important;
    height: 45px !important;
    margin: 0 2px;}
#hacermusica .pt-social i:before {
    line-height: 45px !important;
    font-size: 26px !important;}

@media screen and (max-width: 1440px) {
footer > i.btn {
    left: 24px;
	top: -76px;}}

@media screen and (max-height: 900px) {
.pt-social li {
    width: 35px;
    height: 37px;
	margin: 0 8px !important;}
.pt-social i:before {
    line-height: 35px;
    font-size: 20px;
}}
footer li:nth-child(6n) a {
	border: solid 0px #fff}
footer li:nth-child(10n) a {
	border: solid 1px #fff}
footer .text, footer .copyright {
    font-size: 1.2rem;}

footer {background: #1e1f21;}
footer .pt-social a {
    background-color: #1e1f21;
	border: solid 1px #fff}

i.call-footer:before {
    font-size: 17px;}
footer > i.btn {
    width: 35px;
    height: 35px;
	line-height: 35px;}

#logos {pointer-events: none;background:#EFEFEF}

#logos {
    padding-right: calc(50px + 6vw) !important;
	padding-left: calc(50px + 6vw) !important;}

#videointro .text {
	width: 100%;
	left: unset;
	margin: auto !important;
    bottom: 0px;
    padding: 0 0 0vw 0vw;}
#videointro h1, #videointro h1 span img {
	margin: auto !important;
	width: 100% !important}
#videointro h1 span {
	margin: auto !important;
    position: relative;
    display: block;
    padding: 0px 0px;
	width: 100%}

#videointro h1 {
	background: transparent !important;}

footer a:hover {
    color: #e6134a !important;}
@media screen and (max-width: 1440px) {
footer {
	padding: 50px;}}
footer .wrap {
	max-height: 390px;}



footer a {
  position: relative;
  color: #e6134a;
  text-decoration: none;}

footer a:hover {
  color: #e6134a;}

footer a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: -3px;
  bottom: 0;
  left: 0;
  background-color: #e6134a;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.5s ease;}
footer a:hover::before {
  transform: scaleX(1);}

.pt-social  a::before {
	height: 0px;}

.copyright {
    line-height: 170%;}