/*
Theme Name: Boca Nord
Version: 1.0
Description: A child theme of Hestia
Template: hestia
Author: Administrator
*/
@import url("../hestia/style.css");

/*
////////////////////////
// CSS Personalizado  //
////////////////////////
*/

.bcnbrand-main form.form-group {
    padding: 0;
}

#brand.v2017 .bcnbrand-desktop .bcnbrand-main-container .bcnbrand-main form .bcnbrand-input {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
}

#brand.v2017 {
     position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
}


.abierto {
    padding-top: 100px;
}

#brand.v2017 .bcnbrand-desktop .bcnbrand-main-container .bcnbrand-main form button {
    background-color: transparent !important;
    border: none;
    padding: 0px 3px 0px 4px;
    position: absolute;
    /* bottom: -3px; */
    right: 0;
    margin-top: 5px;
    line-height: 15px;
    font-size: 12px;
    top: 0;
}

.vora-caixa {
	padding: 50px;
	border: 2px solid grey;	
}

.section {
	margin-top: 30px;
	overflow: hide;
}

.altura-200 {
	height: 200px;	
}

.menys100px-top {
  margin-top: -100px !important;
}

.margins-0 {
	margin: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.btn-orange:hover {
	color: orangered;
}

.btn-expos:hover {
	background-color: #F97400;
}

.box-shadow-sm {
	box-shadow: 0px 0px 10px 2px grey;
}

.box-shadow-md {
	box-shadow: 0px 0px 15px 3px grey;
}

.box-shadow-xl {
	box-shadow: 0px 0px 20px 5px black;
}

.emmarcat{
  border-top: 15px dashed white;
	border-bottom: 15px dashed white;
}

div.main {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	overflow: hidden;
	padding-top: 0px;
}

.blog-post{
  border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

.graella-darreres-entrades {
	position: relative;
	margin: 0px 100px;
}

.text-justificat{
	text-align: justify;
}

.text-indentat{
	text-indent: 25px;
}

.text-centrat{
	text-justify: center;
}

.element-centrat{
	margin-right:auto;
	margin-left:auto;
	text-justify: center;
}


/*
   ==================
    efecte al link
   ==================
*/
ul {
	line-height: 150%;
}

div.row ul li a:hover{
	font-weight: bold;
	text-transform: uppercase;
}

a:hover{
	color: orangered;
}


/*
   ==================
    canvi en navbar
   ==================
*/

.navbar-not-transparent {
	background-color: #000d;
	border-bottom: 2px solid orange;
	color: orange;
	font-weight: bolder;
	transform: 2s;
	    top: 45px;
}

h1.hestia-title {
	color: white;
  text-shadow: 1px 1px 2px black, 0 0 30px orange, 0 0 15px red;
}


/*
   ==================
   Logo pàgina inici
   ==================
*/
img.hestia-transparent-logo {
	border: 1px solid grey;
	border-radius: 50%;
	transform: scale(2.5);
  transition: transform .5s; /* Animation */
  margin: 20px auto 0px 30px;
	box-shadow: 0px 0px 20px black;
}

img.hestia-transparent-logo:hover 
{
	border: 1px solid orangered;
  transform: scale(2.2);
}

/*
   ==================
   Deixa un comentari
   ==================
*/
div#comments {
	margin-top: 60px;
	background-color: #eee;
	padding: 25px;
	border-top: 1px solid orangered;
	border-bottom: 2px solid orangered;
	border-radius: 5px;
	box-shadow: 0px 3px 10px grey;
	margin-bottom: 50px;
}


/*
   ==================
        miFooter
   ==================
*/
footer div {
	text-align: center;
	width: 100%;
}

footer div h3 {
	color: orange;
}


/*
   ==================
       aside-bar
   ==================
*/
.aside-bar {
	background-image: linear-gradient(to right, #8885, transparent 50%);
	min-width: 400px;
	margin-top: 25px;
	padding: 25px 5px;
	border-radius: 0px;
	border: 4px dashed grey;
	border-radius: 15px;
	box-shadow: 0px 0px 12px black;
}

.aside-bar ul {
	margin: 0px;
	padding: 0px;
}

.aside-bar ul li {
	font-weight: 300;
	padding: 15px 1% 0px 7%;
}

.aside-bar ul li :hover {
  font-weight: 500;
	color: orangered;
}

.blog-sidebar-wrapper {
	background-color: #e702;
	padding: 25px;
	box-shadow: 0px 0px 15px -2px;
	border-radius: 15px;
	position: sticky;
	
}

.blog-sidebar-wrapper h5 {
color: #e70;
}

.blog-sidebar-wrapper a:link,
.blog-sidebar-wrapper a:visited {
  color: #a60;
}

.blog-sidebar-wrapper a:hover  {
  color: #e70;
	background-color: white;
	padding: 5px 10px;
	border-radius: 25px;
}


/*
   ==================
       menú RRSS
   ==================
*/
#menu-menu-denllacos-socials-1 {
  width: 100%;
}


/*
   ==========================
   NOSALTRES: menú botons-img
   ==========================
*/
.caixa-dels-btn-img-menu {
	position: relative;
	height: auto-flow;
}

.caixa-dels-btn-img-menu div {
	display: inline-flex;
  flex-wrap: wrap;
	align-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 240px;
  height: 240px;
}

.btn-img-menu h4 {
	display: block;
	padding-top: 10px;
	width: 100%;
	text-align: center;
	color: darkorange;
	text-shadow: 0px 0px 5px white;
}


/*
   ==================
		EQUIP
   ==================
*/


div.presentacio-equip>div>div {
  border: 5px orange solid;
  border-radius: 15px;
  padding: 5px;
  box-shadow: 0px 0px 15px;
  text-align: center;
  margin-top: 50px;
  min-height: 540px;
  max-height: 700px;
}

div.presentacio-equip p {
  padding: 20px;
  text-align: left;
}


/*
   ==================
   ENTITATS i SERVEIS
   ==================
*/
.llistat-seccions{
	padding: 0px 12% 20px;
}

.entitat-titol, .servei-titol{
  color: #f97400;
  font-size: 42px;
	font-weight: bold;
}

.servei-card{
	min-height: 650px;
}
.entitat-card{
	min-height: 550px;
}


/*
   ==================
       PROJECTES
   ==================
*/
.projectes-class {
	margin:0px auto;
  border-radius: 10px;
	overflow: hidden;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 0px grey;
	transform: scale(0.8);
  transition: all .5s; /* Animation */
}

.projectes-class h3 {
	padding-top: 30px;
}

.projectes-class:hover {
	border: 1px solid black;
	box-shadow: 0px 0px 25px grey;
 	transform: scale(0.9);
	transition: all .5s; /* Animation */
}


/*
   ==================
       CONTACTE
   ==================
*/
.zoom-img figure {
	-webkit-transition:all 0.5s ease; /* Safari y Chrome */
	-moz-transition:all 0.5s ease; /* Firefox */
	-o-transition:all 0.5s ease; /* IE 9 */
	-ms-transition:all 0.5s ease; /* Opera */
	width:100%;
	
}

.zoom-img:hover figure {
-webkit-transform:scale(1.15);
-moz-transform:scale(1.10);
-ms-transform:scale(1.10);
-o-transform:scale(1.10);
transform:scale(1.10);
	box-shadow: 0px 0px 12px rgba( 0, 0, 0, 0.75);
	filter: grayscale(0%);	
}

.zoom-img figure {
  filter: grayscale(90%);	
}

.zoom-img {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	overflow: hidden;
	border: 3px solid grey;
	border-radius: 10px;
	max-width: 900px;
	box-shadow: 0px 0px 25px rgba( 0, 0, 0, 0.75);
}


/*
   ==================
        Twitter
   ==================
 */
.finestra-twitter {
	padding: 10px 0px;
	border: 4px dashed white;
	border-radius: 15px;
	background-color: orange;
}


/*
   ==================
       Exposicions
   ==================
 */

.display-inline {
	display: inline;
}

.dates-exposicio {
	font-size: 20px;
	color: grey;
}

.expo-cartell {
	width: 100%;
	height: auto;
	border-radius: 30px;
	box-shadow: 15px 20px 10px -10px grey;
	border: 1px solid black;
	margin-top: -65px;
	margin-left: -10px;
}

.caixa-superior-expo {
	height: auto;
	background-color: #d0d0d0;
	padding: 25px 5%;
	border: 1px solid grey;
	border-radius: 15px;
	box-shadow: 0px 0px 10px black;
	margin-bottom: 40px;
}

.marc-dades-expo {
 padding: 0px 5%;	
}

.marc-dades-expo h3 {
    color: orangered;
    font-weight: 600;
}


.expo-card {
	margin-top: 40px;
	padding: 0px 20px;
	border: 3px solid orange;
	border-radius: 15px;
	box-shadow: 5px 5px 10px;
}