/*
 Theme Name:     menton
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    menton.es Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

.center {
    text-align: center;
}

#top-message {
  position: absolute;
  width:100%;
  z-index: -5;
}
.menton_message {
  display: inline-block;
  background-color: red;
  color: white;
  padding: 3px 8px;
  border-radius: 3px;
  
}

.order-status.status-pagado {
  background-color: rgba(255,0,4,0.40);
}

/* FULLWIDTH HEADER width adjust */

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
	width: 100%;
}
/* Amplada de les icones de la portada al mòbil */
@media (max-width: 479px) {
	.et_pb_row_6col>.et_pb_column.et_pb_column_1_6 {
		max-width: 50% !important;
	}
}
/* Make Divi Centered and Centered Inline Logo Header Bars Look Like The Default Header Bar On Mobile */
@media all and (max-width: 980px) {
/* align header container text to left */
    .et_header_style_centered #main-header .container,
    .et_header_style_split #main-header .container {
        text-align: left;
    }
/* set max width for logo container and bring it above the navigation bar to make it clickable */
    .et_header_style_centered header#main-header .logo_container,
    .et_header_style_split header#main-header .logo_container {
        position:relative;
        z-index: 2;
        max-width: 50%;
    }
/* move split header logo to left */
    .et_header_style_split header#main-header .logo_container {
        float: left;
    }
/* prevent the split header logo from shrinking by increasing its max width */
    .et_header_style_split #logo {
        max-width: 100%;
    }
/* adjust top navigation alignment */
    .et_header_style_centered #main-header div#et-top-navigation,
    .et_header_style_split #main-header div#et-top-navigation {
        position: absolute;
    }
/* make "select page bg color transparent" */
    .et_header_style_centered #main-header .mobile_nav,
    .et_header_style_split #main-header .mobile_nav {
         background-color: rgba(0, 0, 0, 0); 
    }
/* remove mobile_nav left and right padding */
    .et_header_style_centered #main-header .mobile_nav,
    .et_header_style_split #main-header .mobile_nav {
         padding: 5px 0px;
    }
/* remove unnecessary top margin */
    .et_header_style_centered #et_mobile_nav_menu,
    .et_header_style_split #et_mobile_nav_menu {
        margin-top: 0px;
    }
/* hide "select page" container */
    .et_header_style_centered #main-header .mobile_nav .select_page,
    .et_header_style_split #main-header .mobile_nav .select_page {
        display: none;
    }
/* adjust vertical and right alignment of the mobile menu bar */
    .et_header_style_centered #main-header .mobile_menu_bar,
    .et_header_style_split #main-header .mobile_menu_bar {
        position: relative;
        right: 0px;
        text-align: right;
    }
/* adjust dropdown menu top offset */
    .et_header_style_centered #main-header .et_mobile_menu,
    .et_header_style_split #main-header .et_mobile_menu {
        top: 63px;
    }
}

@media only screen and (max-width: 980px) {
.et_fixed_nav #main-header, 
.et_fixed_nav #top-header,
.et_non_fixed_nav.et_transparent_nav #main-header,
.et_non_fixed_nav.et_transparent_nav #top-header {
    position: fixed;
}
}
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 80vh;
}

/*Whattsapp bubble mods */
.ht-ctc-chat.style-4 .chip {
	background-color: #25D366 !important;
	color: white !important;
	padding: 8px 15px !important;
	border-radius: 8px !important;
}
.ht-ctc-chat.style-8 .mdstyle8 .btn {
	padding: 0 15px !important;
	border-radius: 5px !important;
}

/*Botó de compra */
#submit_redsys_payment_form {
  color: white;
  background-color: #12a19a;
    border-width: 0px!important;
    border-color: #12a19a;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
  font-size: 20px;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em!important;
    /*background: transparent;
    position: relative;*/
    border: 2px solid;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
  margin: 1em auto;
}
.page-id-11 .button.cancel {
  display: none;
}
#submit_redsys_payment_form:hover {
  background-color: rgba(18,161,154,0.70);
}