/* Template */
#system-message-container {
	position: relative;
	max-width: 100%;
	right: inherit;
}

body:not(.transparent-header) #system-message-container {margin-bottom: 30px;}

a.external:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f35d";
    margin-left: 7px;
}

/* Millores menu */
.dropdown-header {
    padding: 8px 0 0 0;
    margin-bottom: 2px;
    font-size: 18px;
    border-bottom: 1px solid #f5f5f5;
}
.dropdown-header .nav-header:hover {
    background: transparent !important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{background:#FFFFFF}

/* Typografhy */
body {
    font-family: 'Arial',sans-serif;
    font-size: 18px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 18px;
}
.list-group a {font-size: 18px;}

/* Icones socials */
.jb.socials a {line-height:0;display: inline-block;vertical-align: middle;font-size:30px;}


/* Barra superior */
#sp-top-bar ul.menu li a, #sp-top-bar, #sp-top-bar a {
    color: #252525;
}
#sp-top-bar {
    padding: 4px 0;
  background: #fefefe;
}
#sp-top-bar .btn-sm {color: #252525;}
#sp-top2 {text-align: right;}

/* Cabecera especial tamany logo */
.logo-image {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#sp-header.header-sticky {
  height: 60px;
  animation: spFadeInDown 300ms;
}
#sp-header.header-sticky .logo,
#sp-header.header-sticky .logo-image  {
   height: 52px;
margin-top: 2px;
}
#sp-header.header-sticky .sp-megamenu-parent > li > a, #sp-header.header-sticky .sp-megamenu-parent > li > span {
    line-height: 60px;
}
#sp-header:not(.header-sticky) .logo {
    position: absolute;
    top: -20px;
}
@media (max-width: 575px) {
	.logo-image {height: 38px !important;}
	body.transparent-header #sp-header:not(.header-sticky) .logo {
	    top: -5px;
	}
	#sp-header:not(.header-sticky) .logo {
		top: -38px;
	}
}
/**/

/**/
#sp-header {
  background: #fefefe;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid #00A7B5;
}
#sp-header.header-sticky {
    z-index: 999;
}
/**/


/* Especial transparència pàgina */
body:not(.transparent-header) #sp-header.header-sticky ~ #sp-top {padding-top: 60px;}

body.transparent-header #sp-top-bar {
    background: transparent;
    position: absolute;
    width: 100%;
    z-index: 999 !important;
}

body.transparent-header #sp-top-bar ul.dropdown-menu li a {
    color: #252525;
}

body.transparent-header #sp-header {
    position: absolute;
    background: transparent;
    top: 45px;
    border-bottom: none;
    box-shadow: none;
}

body.transparent-header #sp-header.header-sticky {
    position: fixed;
    padding: 0;
    top: 0;
    background: #171717;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.05);
    border-bottom: 2px solid #f10b0b;
}

body.transparent-header .sp-megamenu-parent > li:not(.active) > a, body.transparent-header .sp-megamenu-parent > li > span, body.transparent-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #fff;
}

body.transparent-header #sp-top-bar ul.menu li a, body.transparent-header #sp-top-bar, body.transparent-header #sp-top-bar a,
body.transparent-header #sp-top-bar .btn-sm {
    color: #fff;
}

/* Menu offcanvas */
.offcanvas-menu .offcanvas-inner .sp-module ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span {font-size: 1.2rem;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {font-size: 1.0rem;}

.offcanvas-menu .logo {display: none;}
body.transparent-header #offcanvas-toggler > .fa {color: #ffffff;}

/* Alçada main */
#sp-main-body {padding: 30px 0px;}


/* Bottom */
#sp-bottom .sp-module .sp-module-title {
	color: #252525;
}
@media (max-width: 767px) {
	#sp-bottom .sp-column, #sp-bottom #business {
	    text-align: center !important;
	}
	
	#sp-footer2 {font-size: 12px; text-align: center !important;}
}
@media (max-width: 991px) {
	#sp-footer .sp-column {
		text-align: center !important;
    }
    #sp-footer .sp-module {
		margin-bottom: 18px;
		float: none!important;
    	display: inline-block;
    }
}

#sp-footer,#sp-bottom{background:#eff9f9;color:#252525}#sp-footer a,#sp-bottom a{color:#00A7B5}
#sp-footer a:hover,#sp-footer a:active,#sp-footer a:focus,#sp-bottom a:hover,#sp-bottom a:active,#sp-bottom a:focus{color:#015d64}

/* Footer */
#sp-footer1 .sp-module:first-child {float: left; margin-right: 8px;}
#sp-footer .container-inner {
	border-top: 1px solid #fff;
}

/* Efecte modal */
.modal {animation: spZoomIn 300ms;}

/* ------------- */
/* Personalitzat */
/* Typografhy */
a{color:#00A7B5}
a:hover,a:focus,a:active{color:#015d64}
.btn-primary, .sppb-btn-primary {background-color: #00A7B5;border-color: #02a0ad;color:#fff;}
.btn-primary:hover,
.btn-primary.active,
.sppb-btn-primary:hover,
.sppb-btn-primary.active {background-color: #015d64;}

.offcanvas-menu {background-color: #fff;border-left: 1px solid #c2c2c2;}
.offcanvas-active .burger-icon>span,
.burger-icon span {height: 3px;}
#sp-right .moduletable .sp-module-title {
	padding-bottom: 20px;
	font-size: 22px;
	font-weight: 700;
}
.list-group-item.active {
 	background-color: #c35303;
	border-color: #b04d02;
}

.pager>li a{border:1px solid #EDEDED;color:#252525}

.sp-scroll-up {bottom: 100px;}
    
/* SP-PAGEBUILDER */
#sp-page-builder .sp-pagebuilder-page-edit {display: none;}
#sp-title {position: relative;}
.sppb-addon-title {font-size: 1.75rem;margin-bottom: .5rem;line-height: 1.2;}

/* BOOTSTRAP */
.text-justify {text-align: justify;}

/* CUSTOM MODULES */
.testimonial .quote {background: #eff9f9 !important;}
.testimonial .quote:before {border-color: transparent transparent #eff9f9 !important;}
.carousel-caption {right: 10%;left: 10%;}
.whatsappchat .popup-section .popup .popuptext .popup-box .chat-content .message {
	font-size: 14px;
	text-align: right;
}
    
/* PHOCACART */
.home #sp-main-body {padding-top: 0;}
#phItemCartBox, #phItemCompareBox {padding: 20px;min-width: 320px;}
.ph-pagination-top .btn span, .ph-pagination-top .btn.active span {color: #fff;}
.jf_ph_cat_item_grid.ph-category-action-box-icons.list {display: flow-root;}
#phImageBox .img-thumbnail {border: none;border-radius:0;padding: 0;}
#phImageBox .phImageAdditional.active {
	border: none !important;
	padding-bottom: 10px;
    border-bottom: 2px solid #dee2e6 !important;
}
.ph-item-add-to-cart-box {
    display: flex;
}

.ph-form-quantity {
    display: flex;
    align-items: center;
}

.ph-form-quantity label {
    margin-left: 0.25em;
    margin-right: 0.25em;
}
.ph-item-add-to-cart-box .ph-form-quantity .bootstrap-touchspin-injected {margin-right: 15px;}
.ph-item-add-to-cart-box .ph-form-quantity .bootstrap-touchspin-injected .ph-input-quantity {
	width: 4em;
	margin-right: 26px;
}
.ph-item-add-to-cart-box .ph-form-quantity .ph-input-quantity {
    width: 3em;
    margin-left: 0.25em;
    margin-right: 0.75em;
    text-align: center;
}
.phItemCartUpdateBoxForm > .form-group {display: flex;}
.phItemCartUpdateBoxForm .bootstrap-touchspin-injected {margin-right: 15px;}
.phItemCartUpdateBoxForm .bootstrap-touchspin-injected .ph-input-quantity {
	width: 4em;
	margin-right: 26px;
	text-align: center;
}
.phItemCartUpdateBoxForm .btn-success {margin-right: 15px;}

.ph-top {margin-bottom: 15px;}

#sp-bottom .sp-module ul.menu > li {margin-bottom: 0px;}
#sp-bottom .sp-module ul.menu > li a {margin-bottom: 15px;}
#phItemTopBoxForm .ph-pag-top-row {align-items: center;margin-bottom: 15px;padding:0px 15px;}
#phItemTopBoxForm .ph-pag-top-row .form-control {display: inline-block;}

.pc-checkout-view, .pc-account-view, .pc-category-view, .pc-categories-view, .pc-item-view {font-size: 14px;}
#ph-pc-checkout-box > .ph-checkout-box-row, #ph-pc-checkout-box .ph-checkout-box-action {margin: 0;}
#ph-pc-checkout-box .ph-checkout-box-row .ph-checkout-box-header, #ph-pc-checkout-box .ph-checkout-box-row .ph-checkout-box-header-pas {margin-top: 28px;}
#ph-pc-checkout-box .form-group {margin-bottom: 16px;}
#ph-pc-checkout-box .form-group label {min-width: 120px;}
#ph-pc-checkout-box .ph-checkout-box-action-raw {margin: 18px 0px;}
#ph-pc-checkout-box .ph-box-header {margin-bottom: 8px;}
#ph-pc-checkout-box .ph-checkout-checkbox-confirm {padding: 20px 0px;}
.form-inline .form-group .ph-input-quantity.ph-input-sm {
	display: inline-block;
	padding: 15px;
}

.jstree-anchor:hover, .jstree-proton .jstree-clicked {
    background: #015d64;
    color: #fff !important;
    box-shadow: inset 0 0 1px #015d64;
}

.modal .ph-btn {margin: 10px 0px;}