/*------------------------------------------------------------------------
 Theme Name:    iMix
 Description:   Theme
 Version:       1.4.5
 Author:        Mixlife
 Author URI:    http://mixlife.pt
 License: GNU   General Public License
 License URI:   license.txt
 Tags:          editor-style, custom-menu, fixed-width, threaded-comments
 ------------------------------------------------------------------------*/
.bg-amarelo { background:#f9cc5f; }

/* ----------------------------------------------------------------------
	Default Wordpress styles
/* ---------------------------------------------------------------------- */
#header {     background-color: #39517f !important; }
#main-nav a, #main-nav { border:none !important; }
#logo img {
    width: 100%;
    margin: 7px 0 0 0;
} 
/* Captions */
.wp-caption {
	max-width: 100%;
	padding: 4px;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}

/* Sticky post */
.sticky .featured-post { font-size: 14px; }

/* Outras Coisas */
#menu-item-9999999999 > #main-nav ul { background: #fa4c29 !important; width: 59px !important; }
.cor, ul.details li span { color:#3a517f !important; }
#logo{ width: 276px; margin-top: 12px; }
#logo img { width:100%; }

.vc_btn3-color-grey { background:#3a517f !important; border: none !important; color: #fff !important; }
.vc_btn3-color-grey:hover { background:#fff !important; color: #3a517f !important; }

.tabela-precos { border:1px solid #3a517f; }
.tabela-precos td { border:1px solid #3a517f; padding: 5px; line-height: 1; }
.tabela-precos th { background: #3a517f; color: #fff; line-height: 1; padding: 9px; vertical-align: bottom; }

.events-heading { visibility: hidden !important; height: 60px !important; }

ul.details div { margin-left: 130px !important; text-align:right; }

.widget.widget_text { margin-bottom:0 !important; }

#gmap{ margin:0 !important; }
.preto { background:#111111; }

.home #page-header { display:none !important }


.patrocinadores-homepage {
  background:#fff url(http://www.angrajazz.com/wp-content/uploads/2018/06/patrocinadores-2018.jpg) no-repeat center center;
  background-size:contain; height:245px; }
.patrocinadores-homepage a.link-patro {
	display: block;
	width: 100%;
	height: 170px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#footer-widgets { background:none !important; }

/* Código para centrar os artistas na homepage */
.artists article + article + article + article + article { left: 15% !important; }
.artists article + article + article + article + article + article { left: 40% !important; }
.artists article + article + article + article + article + article + article { left: 65% !important; }

@media only screen and (max-width: 767px) {
	.artists article + article + article + article + article { left: 0% !important; }
  .artists article + article + article + article + article + article { left: 0% !important; }
  .artists article + article + article + article + article + article + article { left: 0% !important; }
}

/* Página da Orquestra */
.page-id-584 #main-content { margin-top: 0 !important; }

/* Código para animar na homepage o logo Santander Totta */
.home #main-content { margin-top: 0 !important; }
.spin {
	background: rgba(255,255,255,0.5);
}
.spin img {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
  animation-duration: 10s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
	width: 100%;
}
@keyframes flip {
  from {
    transform: perspective(1200px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  5% {
    transform: perspective(1200px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  10% {
    transform: perspective(1200px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  19.9995% {
    transform: perspective(1200px) scale3d(.95, .95, .95);
    animation-timing-function: ease-in;
  }
  20% {
    transform: perspective(1200px);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(1200px);
    animation-timing-function: ease-in;
  }
}
@media screen and (min-width: 1186px) {
	.spin {
	width: 28%;
    margin-left: 36.5%;
    margin-top: 9.7%;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1185px) {
	.spin {
	 width: 27.3%;
    margin-left: 37%;
    margin-top: 9.7%;
	}
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
	.spin {
	    width: 25.3%;
    margin-left: 38.1%;
    margin-top: 10%;
	}
}
@media screen and (min-width: 850px) and (max-width: 959px) {
	.spin {
		    width: 30.3%;
    margin-left: 35.5%;
    margin-top: 12.5%;
	}
}
@media  screen and (max-width: 849px) {
	.spin {
		display: none;
	}
}