/* Add custom CSS to child theme */
/* https://generatepress.com/forums/topic/where-to-upload-custom-css-files/ */

/* GENERAL */
.clearfix:after, .ui-helper-clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

a img:hover { opacity: 0.7;  transition: opacity .25s ease-in-out;  -moz-transition: opacity .25s ease-in-out;  -webkit-transition: opacity .25s ease-in-out;}

/* header */

.page-hero.special-header {
    /*background: url('https://www.sumelco.com/wp-content/uploads/2021/07/forma-ok-blanca.png') bottom center no-repeat, url(https://www.sumelco.com/wp-content/uploads/2021/07/fondo-header-completo.jpg) center center no-repeat;*/
	background: url('https://www.sumelco.com/wp-content/uploads/2021/07/forma-ok-blanca.png') bottom center no-repeat, url(https://sumelco.com/wp-content/uploads/2022/03/engineering-technology-and-industry-4-0-smart-factory-concept-2-2.jpg) center center no-repeat;
    background-size: contain, cover;
    padding-top: 180px;
    padding-bottom: 160px;
}
.breadcrumbs a { color: #fff; }

/* top- bar */
.secondary-nav-aligned-right .secondary-navigation .inside-navigation {   justify-content: flex-start !important;  flex-direction: row-reverse;  }
.telefono, .email { padding: 0 16px; display: inline-block; }
.telefono { border-right: 1px solid #444; }
.secondary-navigation .main-nav ul li:hover > a, .secondary-navigation .main-nav ul li:focus > a, .secondary-navigation .main-nav ul li.sfHover > a, .secondary-menu-bar-items .menu-bar-item:hover > a {  color: blue !important;   background-color: #fff !important; }
.secondary-navigation .main-nav ul li, .top-info  {  max-height: 36px; padding: 11px 0; }
.secondary-navigation .main-nav ul li a { line-height: 1 !important;   padding: 0 16px !important; border-right: 1px solid #444; }
.top-info { font-size: 14px; line-height: 1; padding-right: 20px; line-height: 1.2; }


/* main menu */
.main-navigation .main-nav ul ul li a {   color: #fff;  font-weight: 600;  font-size: 18px;   line-height: 1.35; }

@media screen and  (max-width: 1040px) and (min-width: 769px) {
	.site-logo {  margin: auto; }
	#site-navigation { margin: 20px auto; 	}
	.presentacion { padding-top: 65px;  padding-bottom: 30px;}
	.main-navigation:not(.slideout-navigation) a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {  font-size: 21px; }
}

@media screen and  (max-width: 768px) {
    .main-navigation .menu-bar-item {   margin-right: 18px; }
}

@media screen and  (max-width: 480px) {
	.navigation-branding img, .site-logo.mobile-header-logo {	max-width: 220px;	}
}


/* sidebar */
.bellows #menu-item-term-2839,
.bellows #menu-item-term-2847,
.bellows #menu-item-term-2845,
.bellows #menu-item-term-2926,
.bellows #menu-item-term-2927 { display: none !important; }

/* Mantener solo familioa principal activa */
/*
#bellows_navigation_widget_autopop-2 nav > ul > li.bellows-menu-item { display: none !important; }
#bellows_navigation_widget_autopop-2 nav > ul > li.bellows-menu-item.bellows-active { display: block !important; }
*/

/* estilos simples widget */
.bellows .bellows-nav .bellows-custom-content.bellows-custom-content-padded, .bellows .bellows-nav .bellows-target, .bellows .bellows-nav .bellows-target.bellows-target-w-image>.bellows-image.bellows-image-padded, .bellows .bellows-nav .bellows-target.bellows-target-w-image>.bellows-target-text {  padding: 16px; }
.bellows .bellows-nav .bellows-active>.bellows-submenu { display: block;  margin-left: 18px; }
.bellows .bellows-nav .bellows-active>.bellows-submenu .bellows-submenu {  margin-left: 24px; }
.bellows .bellows-nav .bellows-active>.bellows-submenu .bellows-submenu li { }
.bellows .bellows-nav .bellows-active>.bellows-submenu .bellows-submenu li::before {content: "•"; color: #009dd9; display: inline-block; width: 1em; margin-left: -1em}
.bellows .bellows-nav .bellows-active>.bellows-submenu .bellows-submenu li a { padding-top: 8px;  padding-bottom: 8px; display: inline-block; }
.bellows .bellows-nav .bellows-submenu .bellows-item-level-2 .bellows-target { padding-left: 5px; }
.bellows-active  > .bellows-target, .bellows-current-menu-item > .bellows-target { font-weight: 600; }

ul#menu-menu-principal-2 > li.bellows-menu-item-has-children, ul#menu-menu-principal-2 > li.bellows-menu-item { text-transform: uppercase; font-weight: 600; }
ul#menu-menu-principal-2 > li.bellows-menu-item-has-children > ul.bellows-submenu > li { text-transform: none; font-weight: 400;}
ul#menu-menu-principal-2 > .bellows-active  > .bellows-target { background-color: #f0f0f0; }


/* footer */

.site-footer { background: rgb(75,71,144); background: linear-gradient(90deg, rgba(75,71,144,1) 0%, rgba(0,157,217,1) 100%); }
.site-footer .footer-widgets, .site-footer .site-info { background: transparent; }
.site-footer .widget-title {  font-size: 18px;  text-transform: uppercase;  margin-bottom: 12px; }
.direccion { padding-left: 27px;}

@media screen and (min-width: 768px) {
	.simple-social-icons ul li { float: none; }
}

.inside-footer-widgets {  align-items: center; }
.inside-footer-widgets .footer-widget-1 { flex: 2 1 auto; }
.inside-footer-widgets .footer-widget-2 { flex: 2 1 auto; }
.inside-footer-widgets .footer-widget-3 { flex: 1 2 auto; }
.inside-footer-widgets .footer-widget-4 { flex: 3 1 auto; }

@media screen and (max-width: 767px) {
	.footer-widget-2 { order: -2;}	
	.inside-footer-widgets {  align-items: flex-start; }
	.inside-footer-widgets > div { width:75%; margin: auto;  }	
	.direccion { padding-left: 0;}
	.footer-widget-1 img { margin-left: -30px; }
}
@media screen and (max-width: 480px) {
	.inside-footer-widgets > div { width:90%; margin: auto;  }	
}

/*
.inside-footer-widgets>div {  flex: 0 1 auto; }
.inside-footer-widgets .footer-widget-1 { width: 30%; }
.inside-footer-widgets .footer-widget-2 { width: 25%; }
.inside-footer-widgets .footer-widget-3 { flex: 10%; }
.inside-footer-widgets .footer-widget-4 { width: 35%; }
*/


.mc4wp-form p { margin-bottom: 12px; }
.mc4wp-form .aceptacion { display: inline-block; margin-bottom: 8px; }
.mc4wp-form input[type=email] { width: 100%; max-width: 350px; background-color: #8fbed9; border: none; padding: 15px 24px; color: #fff; }
.mc4wp-form input[type=email]::placeholder { color: #f4fcfc; }
.mc4wp-form input[type=email]:focus{  outline: none; }
.mc4wp-form .aceptacion a { color: #fff; }
.mc4wp-form input[type=submit] { background-color: transparent; border: 1px solid #8fbed9; color: #fff; padding: 12px 30px; }
.mc4wp-form input[type=submit]:hover { background-color: #8fbed9; color: #ffffff; }




/* MOBILE */

@media screen and (max-width: 768px) {
	.main-navigation .site-logo.navigation-logo img, .mobile-header-navigation .site-logo.mobile-header-logo img {   height: auto;}
	.secondary-navigation .menu-toggle {  display: none !important; }
	#mobile-header {   padding-top: 22px; }
}

/* mobile menu */
/* Dar estilos:  https://generatepress.com/forums/topic/full-screen-mobile-menu-on-smartphone-and-desktop/#post-707494 */

/* mobile secondary menu */
/* mantener en linea: https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/ */
/* También se podrían fusionar los dos menus, en el menu lienzo desde Apariencia > Menus */


/* HOME */

.home .page-hero {
    /*background: url('https://www.sumelco.com/wp-content/uploads/2021/07/forma-ok-blanca.png') bottom left no-repeat, url(https://www.sumelco.com/wp-content/uploads/2021/07/fondo-header-completo.jpg) center center no-repeat;*/
	background: url('https://www.sumelco.com/wp-content/uploads/2021/07/forma-ok-blanca.png') bottom left no-repeat, url(https://sumelco.com/wp-content/uploads/2022/03/engineering-technology-and-industry-4-0-smart-factory-concept-2-2.jpg) center center no-repeat;	
	
    background-size: contain, cover;
    padding-top: 120px;
}

/*
@media screen and (max-width: 1000px) {
    .home .page-hero { background-size: auto, cover;}
}
*/

.presentacion .texto {  width: 50%;  float: left;  padding: 60px 5% 0 40px; }
.presentacion .texto h1 { max-width: 600px;  line-height: 1.1; margin-bottom: 12px; }
.presentacion .texto p { font-size: 17px; }
.presentacion .imagen {  padding: 40px 40px 20px 45px;}

@media screen and (max-width: 1120px) {	
	.presentacion .imagen {width: 50%;  float: right;}
}
@media screen and (max-width: 768px) {
	.presentacion { padding-top: 0;  padding-bottom: 35px;}
	.presentacion .texto, .presentacion .imagen {width: 100%;  float: none;}
	.presentacion .texto h1 { max-width: 100%; font-size: 42px; }	
}




.azul { color: #009dd9; }
.fondoazul {    color: #fff;  background-color: #009dd9;  display: inline-block;  padding: 1px 18px; font-weight: 600; }
.gb-grid-column.gb-grid-column-2927b2b7 { border-left: 2px solid #444; }

.bloque-solucion {}
.bloque-solucion h2 { font-weight: 600; color: #009dd9; font-size: 38px; text-transform: none; }
.bloque-solucion .subtitulo-azul { font-weight: 600; color: #009dd9; font-size: 24px;  margin-bottom: 0; }
.bloque-solucion .app-subtitle { display: none; }
.bloque-solucion .productos { padding: 24px 0 16px; }
.bloque-solucion ul.prod-list { justify-content: center; }
.bloque-solucion ul.app-list li {margin-top: 9px; }

.borde-azul { padding-left: 18px; border-left: 1px solid #009dd9; }
.borde-azul .leer-mas { font-weight: 700;  font-size: 20px; margin-bottom: 0; }
.site-main .borde-azul .wp-block-group__inner-container {  padding: 12px 20px; }
.enlace-negro a { color:#444; }

.intro-empresa h3 strong, .negrita-azul strong { font-weight: 600; color:#009dd9; }

.wp-show-posts h3 { text-align: left; text-transform: none;  line-height: 1.2;
 }
.wp-show-posts .wp-show-posts-entry-summary {text-align: left;}


/* SOLUCIONES */

.single-soluciones h2 { color: #009dd9; text-transform: none; font-size: 42px;  line-height: 1.2; }
.single-soluciones h3 {  margin-bottom: 8px; margin-top: 26px; }

/*
.intro-soluciones .gb-inside-container {   max-width: 980px;  margin: auto;  text-align: center; }
.intro-soluciones .gb-inside-container ul {   display: inline-block; text-align: left; }
*/

.azul-grande { color: #009dd9; font-weight: 700; line-height: 1.2; font-size: 32px; text-transform: none; }
.fondo-azul-completo {  color: #fff;  background-color: #009dd9;  text-align: center;  padding: 1px 18px; font-weight: 600;  font-size: 28px; text-transform: none; margin-top: 0 !important;  margin-bottom: 24px !important; }
.azul { color: #009dd9; }
.borde-exterior { border-left: 2px solid #4b4790 !important;  padding-left: 24px;  margin-left: -26px;}

.iconos .gb-grid-column .gb-container { max-width: 200px; margin: auto; text-align: center; }
.iconos p { color: #009dd9; line-height: 1.2; }

.altura1 { min-height: 320px; }

/* lista aplicaciones */

ul.app-list {  margin: 0;  padding: 0;  list-style-type: none; }
@media screen and (min-width: 921px) {
	ul.app-list li {  width: 32%;   margin: 16px 2% 35px 0;    float: left;   clear: none;  }
	ul.app-list li:last-child {  margin-right: 0; }
}

h4.app-title  { font-weight: 400;  text-transform: none;  font-size: 18px;  line-height: 1.2em;  margin-bottom: 5px; }
h4.app-title a {  color: #444;}
.app-subtitle { min-height: 26px; font-weight: 700; font-size: 18px; margin-bottom: 5px; color: #009dd9; }
ul.app-list .leer-mas { font-weight: 700; font-size: 20px; }

/* lista productos */
.productos { padding: 12px 0 24px; }
ul.prod-list {  margin: 0;  padding: 0;  list-style-type: none; }
/*
ul.prod-list li {  width: auto;   margin: 16px 45px 35px 0;  float: left;    }
ul.prod-list li:last-child {  margin-right: 0; }
*/
ul.prod-list { display: flex;  justify-content: flex-start;  /* justify-content: space-around; */ flex-wrap: wrap;  }
ul.prod-list li {  width: 220px; margin-right: 35px; text-align: center; }
.prod-image { display: table-cell; vertical-align: middle; text-align: center; }
.prod-image img { display: inline-block;   margin: 0 auto; }
.prod-title { font-weight: 600;  font-size: 18px;  line-height: 1.35em; }
ul.prod-list li:hover .prod-title { color: #009dd9; }


/* APLICACIONES */

.single-aplicaciones h2 { color: #009dd9; text-transform: none; font-size: 36px;  line-height: 1.2; }
.single-aplicaciones h3 { margin-top: 20px; margin-bottom: 18px !important; }
.single-aplicaciones h4 { margin-top: 24px; margin-bottom: 12px !important; }

.single-aplicaciones .featured-image, .single-aplicaciones .post-image { display: none; }
.single-aplicaciones .entry-content:not(:first-child), .single-aplicaciones .entry-summary:not(:first-child), .single-aplicaciones .page-content:not(:first-child) {  margin-top: 0; }

.intro-app.gb-container { background-color: #f9f9f9;  font-weight: 400; font-size: 24px; padding-top: 20px; }
.single-aplicaciones .gb-container > .gb-inside-container  {  max-width: 1280px; }
.single-aplicaciones .intro-app.gb-container > .gb-inside-container {  max-width: 1120px; }
.intro-app.gb-container > .gb-inside-container .gb-container,
.intro-app.gb-container > .gb-inside-container .gb-container  p,
.intro-app.gb-container  .gb-inside-container .gb-headline-text { text-align: left !important;  }
.intro-app.gb-container  p  .gb-icon {  text-align: center !important; height:20px!important; visibility: hidden !important;  }

.single-aplicaciones  ol {   margin-left: 0;  list-style-position: inside; }
.single-aplicaciones  ol li {   margin-bottom: 12px;  }


/* PRODUCTOS */

.consulta { background-color: #f0f0f0; padding: 20px 25px; }
.consulta span { font-size: 21px; padding-top: 8px; display: inline-block; }
.consulta a { padding: 10px 24px; text-transform: uppercase; background-color:#009dd9; font-size: 18px; display: inline-block; float: right; color: #fff;   }

/* tabs */
/* ESTILOS: https://codepen.io/aaron170/pen/wbdGq */ 
ul.tabset  { margin:0;   width: 100%; margin-top: 35px;  }
ul.tabset li {  float:left; display:inline; margin-right:2px; cursor:pointer; font-weight:bold; margin-bottom: 3px; }
ul.tabset li a { width:195px; line-height:30px; text-align:center; float:left; text-decoration:none; background:#f0f0f0; color:#009dd9;  }
ul.tabset li a:hover, ul.tabset li.ui-state-active a {background:#009dd9;  color:#fff; }

.tab-content { margin-top: -3px; }
.ui-tabs-panel {padding:25px; border: 1px solid #dedede; }
@media screen and (max-width: 640px) {
	ul.tabset li, ul.tabset li a { width: 100%; }
}

.single-productos ul.prod-list { flex-wrap: wrap; }
.noticias-rel h3 { margin-bottom:0; }
.noticias-rel .date {    margin-bottom: 12px; font-weight: 600;  display: block; }
.noticias-rel article { margin-bottom: 35px; }

.content-area p + ul { margin: -12px 0 30px; }

/* Taxonomia producto */

/* img izqda */
/*
.tax-producto .inside-article { display: flex; align-items: center; }
.img-producto { flex: 0 0 50px; margin-right: 35px;}
.img-producto { min-width: 111px; }
.txt-producto {}
.txt-producto h2 { margin-bottom: 6px;  line-height: 1.2; font-size: 28px;}
.txt-producto h3 { font-size: 18px; margin-bottom:0;}
.txt-producto .entry-summary {margin-top: 16px; }
*/

/* img debajo */
.tax-producto article, .post-type-archive-productos article { clear: both; margin: 36px 0; }
.tax-producto .entry-header h2, .post-type-archive-productos .entry-header h2 { margin-bottom: 6px;  line-height: 1.2; font-size: 28px;}
.tax-producto .entry-header h3, .post-type-archive-productos .entry-header h3 { font-size: 18px; margin-bottom:0;}
.tax-producto .entry-summary p, .post-type-archive-productos .entry-summary p  { margin-bottom: 0; }
.img-producto { flex: 0 0 50px; margin-right: 35px;}
.img-producto { min-width: 111px; }

/*
.tax-producto .product-info {  display: flex;  margin-top: 18px;}
.tax-producto .entry-summary {margin-top: 0;  }
*/

/* BLOG */

.category .entry-title { font-size: 32px; font-weight: 600; line-height: 1.2; margin-bottom: 18px;  }
.category .entry-title a { color: #009dd9; }

#right-sidebar.widget-area .widget { padding:26px 30px; }
#right-sidebar .widget-title {  font-size: 24px; font-weight: 600; }
#right-sidebar .widget_search { margin-bottom: 0; }
#right-sidebar .widget_categories {margin-top: 0;}
.widget_categories .cat-item-1 { display: none; }

/* ULTIMOS CAMBIOS */

.secondary-navigation .top-info a {	display: inline-block; color: #444; }
.posted-on:before {
    font-family: 'FontAwesome';
    content: "\f274";
    color: #333;
    padding-right: 5px;
}

body .generate-back-to-top, body .generate-back-to-top:visited {
    left: 30px;
    bottom: 30px;
    right: unset;
}

.content-area .intro-app  p + ul {
    margin: -12px 0 30px 25px;
}
#wpmapblock_0 .leaflet-popup-content { font-family: "Titillium Web", sans-serif; }
#wpmapblock_0 .leaflet-popup-content h6 {   font-size: 18px; }
#wpmapblock_0 { border: 1px solid #dedede; max-width: 95%; }

/* TOOGLES */
/* https://spacedonkey.de/1578/collapse-o-pro-matic-css-tricks-arrows/ */
.collapseomatic { padding: 0 0 0 28px; background-position: left top 4px; margin-bottom: 24px; }
.collapseomatic:hover { text-decoration: none; color: #009dd9; }
.collapseomatic.blueballs { /* background-image: url(wp-content/uploads/2021/10/circle_plus.png); */ background-image: url(https://www.sumelco.com/wp-content/uploads/2021/10/plus.jpg);  }
.colomat-close.blueballs {  /* background-image: url(wp-content/uploads/2021/10/circle_minus.png); */ background-image: url(https://www.sumelco.com/wp-content/uploads/2021/10/minus.jpg);  }
.collapseomatic_content { margin-top: 0px; margin-left: 30px; padding-bottom: 30px; }

/* listados subfamilias */

.bloque-solucion .bellows .bellows-nav .bellows-menu-item {  border-bottom: 1px solid #dedede; }
.bloque-solucion .bellows .bellows-nav .bellows-target { color: #444; }

/* excert link */
.tax-producto a.read-more { display: none; }

/* cookies */ 

.cc-message .cc-divider, .cc-message .impressum { display: none; }

/* mailchimp */
.mc4wp-response { max-width: 350px; }

/* ULTIMO */
pre { white-space:pre-wrap; }

.is-right-sidebar {
    width: 25%;
    min-width: 315px;
}

@media screen  and (min-width: 1121px) {
	.single-productos .holder img {	max-width: 50%;	}
}

@media screen  and (max-width: 1120px) {
	.single-productos .holder .alignleft, .single-productos .holder .alignright {
			float: none;
			display: block;
		  margin: 0 auto 18px auto;
	}
}

@media screen and (min-width: 769px) {
.tax-producto .img-producto {
			min-width: 111px;
			max-width: 50%;
	}
}

@media screen  and (max-width: 768px) {
	.tax-producto .img-producto .alignleft, .tax-producto .img-producto .alignright {
		 margin: 15px 10px 0 0;
	}
	.tax-producto .entry-summary:not(:first-child), .tax-producto .productos .entry-summary {
    margin-top: 0.5em;
	}
}