body{/*.font-size: 30px;*/ font-family: 'Big Shoulders Display', sans-serif; letter-spacing: 1.5px !important;background-color: #dadada /*#f2f2f2*/;}

.shoulders{font-family: 'Big Shoulders Display', sans-serif;}
.roboto {font-family: 'Roboto', sans-serif;}

 /*a{color:#fff; text-decoration:none;}
 a:hover{text-decoration:none; color:#fff}*/
 
.navbar-light .navbar-nav .nav-link {font-weight: 600; font-size:1.6rem;color: rgba(0,0,0,.8);}
.navbar{padding-top:80px;padding-bottom:20px; /*margin-bottom:80px;*/ border-bottom:20px solid #000;}
.navbar-light .navbar-nav .active > .nav-link{color: #e5363b;}

.posts .col-md-4, .posts .col-xl-4 {padding: 15px;}
.posts .title{font-size: 15px;}

/* Contact */
.contact {padding-top:15px;}

.contact p, .contact input, .contact textarea {font-family:roboto;}
.contact p, .contact input, .contact textarea {font-size:.8rem;} 

/* Cookies */
.cc-message, .cc-compliance{font-size:.8rem;}
/* Fa el marc blanc a les imatges */
.marc, .blocks-gallery-item a, .wp-block-video video {padding:5px; background-color:#ffffff}

/* Google Maps */
.wp-block-column .googlemaps{border:none; 
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* Vídeo 100% */
.wp-block-video video {max-width: 100%; }

/* Single page title */
article header h1{text-align:center;}

/* https://codepen.io/ArnaudBalland/pen/vGZKLr ------------------------------------------------------ */
.content-ov {position: relative; margin: auto; overflow: hidden;}
.content-ov .content-overlay {/*background: rgba(217, 30, 24,0.7);*/background: rgba(0, 0, 0,0.7);position: absolute; height: 99%;width: 100%;
	left: 0;top: 0;bottom: 0;right: 0;opacity: 0;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.content-ov:hover .content-overlay{opacity: 1;}
.content-image{width: 100%;}
.content-details {position: absolute;text-align: center; padding-left: 1em; padding-right: 1em; width: 100%;
	top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -10%);-moz-transform: translate(-50%, -10%);transform: translate(-50%, -10%);-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.content-ov:hover .content-details{top: 50%;left: 50%;opacity: 1;}
.content-details h2{color: #fff;font-weight: 500;letter-spacing: 0.15em;margin-bottom: 0.5em;
	text-transform: uppercase;}
.content-details p{color: #fff;font-size: 0.8em;}
.fadeIn-bottom{top: 80%;}
/* end: over caption ----------------------------------------------------------------------------------*/

.bg-image-full {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right;
	background-size: cover;
  }
  
  @media screen and (max-width: 420px) {
	.bg-image-full {min-height:250px;}
  }

@media ( max-width: 480px ) {
	.content-ov a:hover{text-decoration:none;}
	.content-ov .content-overlay, .content-details {position: relative; opacity:1}
	.content-details {display:contents;}
	.content-details h2 {color: #000; margin-bottom:0; margin-top:0.5em;font-size: .8rem!important;}
	
	.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {width: 100%; margin:0 0 16px 0;}
	
	.navbar-brand img{width: 250px;}
	
}

@media (min-width: 768px){
	.navbar-expand-md .navbar-nav .dropdown-menu {left: -65px;}
}

@media ( max-width: 680px ) {
	.navbar {padding-top: 30px;}
}

@media ( min-width: 1200px ) {
	.container {max-width: 1240px;}
}

/* Responsive Container (because Bootstrap 4.0.0 doesn't have this) */
.container-responsive {
	width: 100%;
	max-width: 980px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.map-responsive{overflow:hidden;padding-bottom:90%;position:relative;height:0;}
.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}

@media (min-width : 992px) {
  .offcanvas {
    visibility      : visible;
    position        : relative;
    background      : none;
    border          : none;
    justify-content : end;
    color           : red;
  }
}
@media (max-width : 992px) {
  .offcanvas {
    width : 250px !important;
  }
  .offcanvas-start-lg {
    top          : 0;
    left         : 0;
    border-right : 1px solid rgba(0, 0, 0, .2);
    transform    : translateX(-100%);
  }
}
/*
.navbar-nav li a {
  color: white !important;
}*/