/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

body {
  margin: 0;
}

/* Disable ugly boxes around images in IE10 */
a img{
  border: 0px;
}
form{
	width: 100%;
}
/*
::-moz-selection {
  background-color: #6ab344;
  color: #fff;
}

::selection {
  background-color: #6ab344;
  color: #fff;
}
*/

.sc-header .mdl-menu__container {
  z-index: 50;
  margin: 0 !important;
}


.mdl-textfield--expandable {
  width: auto;
}

.sc-fab {
  position: absolute;
  right: 20%;
  bottom: -26px;
  z-index: 3;
  background: #64ffda !important;
  color: black !important;
}



.sc-logo-image {
  height: 64px;
  width: 64px;
}

.sc-footer{
	background-color: white;
}
.sc-header {
  overflow: visible;
  background-color: white;
}

  .sc-header .material-icons {
    color: #767777 !important;
  }

  .sc-header .mdl-layout__drawer-button {
    background: transparent;
    color: #767777;
  }
  
  .sc-header-row {
	padding: 0 6px 0 60px;
  }

  .sc-header .mdl-navigation__link {
    color: #757575;
    font-weight: 700;
    font-size: 14px;
  }

  
  .sc-navigation-container{	
	padding: 0 0px 0 72px;
  }
  
  
  
  .sc-navigation{	   
	  overflow-x: auto;
	  white-space: nowrap;		
  }
  
    
  .sc-navigation .mdl-navigation__link {
    display: inline-block;
    height: 60px;
    line-height: 68px;
    background-color: transparent !important;
    border-bottom: 4px solid transparent;
	padding: 0 6px;
  }

    .sc-navigation .mdl-navigation__link.sc-navigarion-selected, .sc-navigation .mdl-navigation__link:hover {
      border-bottom: 4px solid #aaa;
	  background-color: #eee !important;
    }
	  

  .sc-more-button {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }


.sc-drawer {
  border-right: none;
}

  .sc-drawer-separator {
    height: 1px;
    background-color: #dcdcdc;
    margin: 8px 0;
  }

  .sc-drawer .mdl-navigation__link.mdl-navigation__link {
    font-size: 14px;
    color: #757575;
  }

  .sc-drawer span.mdl-navigation__link.mdl-navigation__link {
    color: #8bc34a;
  }

  .sc-drawer .mdl-layout-title {
    position: relative;
    background: #6ab344;
    height: 160px;
  }

    .sc-drawer .sc-logo-image {
      position: absolute;
      bottom: 16px;
    }
	
	.sc-menu{
		text-transform: uppercase;
		font-weight: 700;
		cursor: pointer;
	}
	
	.sc-submenu{
		display: none;
	}
	
	
.sc-layout-content{
	background-color: #e5e5e5;
	
}
.sc-content{
  padding: 0px 0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}	

.sc-content-login{
  max-width: 600px;  
}	




.sc-noticia-title a{
	color: #fff;
	text-decoration: none;
	font-size: 20px;
}

.sc-noticia-oculta .sc-noticia-title{
	background-color: #aaa;
}

.sc-noticia-source {
	display: block;
	text-align: right;
	padding: 8px 16px;
}

.sc-noticia-date {
	padding: 0px 16px;
} 

.sc-noticia-date img {
	margin-right: 8px;
	width: 30px;
	height: 30px;
} 

.sc-noticia-description {
	height: 150px;    
    overflow: auto;
}


.sc-noticia-buttons {
	display: block;
	text-align: center;
}

.sc-noticia-buttons span {
	margin: 8px 8px;
}


.sc-noticia p.equipo{
	font-size: 	20px;
	font-size: 	1.428571429rem;
	margin: 14px 0 0 70px;
	margin: 1rem 0 0 5rem;	
}
.sc-noticia p.goles{	
	float: right;
}
.sc-noticia span.goles{	
	color: #fff;
	padding: 5px 10px;	
	font-size: 	30px;
	font-size: 2.142857143rem;
	
}

.sc-noticia p.escudo{
	float: left;
}
.sc-noticia img.escudo{
	width: 60px;
}


.sc-noticia-edit img{
	max-width: 100%;
	height: auto;
}


.sc-jornadas-buttons a, .sc-jornadas-buttons span{
	min-width: 16px !important;
}

.sc-jornada-local{
	padding: 0 16px 8px 16px;
}
.sc-jornada-visitante{
	padding: 8px 16px 8px 16px;
}

.sc-equipo{
	min-height: auto !important;
	text-align: center;
}
.sc-equipo p:first-child{	
	margin: 16px 0 8px 0;
}

.sc-paginacion{
	padding: 16px;
}

.sc-pagina-item{
	min-width: 16px;
	padding: 0 16px;
}


.sc-iframe-jornada {
    width: 100%;
    height: 500px;
    border: none;
}


.sc-textarea-file{
	height: 300px;
	
}


.sc-errores{
	background-color: #ffb2b2;
}

.sc-no-errores{
	background-color: #BBDEFB;
}


/**************/
	
.sc-left-content{
	display: block;
	text-align: left;
}
	
.sc-right-content{
	display: block;
	text-align: right;
}

	
.sc-center-content{
	display: block;
	text-align: center;
}






/**
 * CSS image crop. Forces image to 4:3 aspect ratio cropping at the middle.
 * http://dabblet.com/gist/4711695
 */
.img-crop,
.img-crop img{
	width: 100%; /* gotta be responsive these days */
}
.img-crop{
	background-color: #ededed; /* some background color for short images */
	overflow: hidden;
	
	/* remove white-space for inline-block elements */
	letter-spacing: -0.31em; /* webkit */
	*letter-spacing: normal; /* reset IE < 8 */
	/*word-spacing: -0.43em; /* IE < 8 && gecko */
}
.img-crop:before,
.img-crop img{
	/* vertically center the image */
	display: inline-block;
	vertical-align: middle;
}
.img-crop:before{
	/* pseudo element to vertically align image to */
	content: "";
	
	/* Magic Number */
	/* Set this to your desired height(to width) ratio */
	padding-top: 47%; /* % of original image width */ 
}
.img-crop img{
	/* removes(sorta) image from the flow */
	padding-left: 100%;
	margin: -999em -100%;
}




@media (max-width: 1024px) {

	.sc-navigation-container{	
		padding: 0 0 0 56px;
	}
	
	.sc-navigation .mdl-navigation__link {
		
		height: 52px;
		line-height: 60px;
		background-color: transparent !important;
		border-bottom: 4px solid transparent;
		padding: 0 6px;
	}
	
	
  
}


/**** Mobile layout ****/
@media (max-width: 900px) {
  

  

  .sc-be-together-section {
    height: 350px;
  }

  .sc-slogan {
    font-size: 26px;
    margin: 0 16px;
    padding-top: 24px;
  }

  .sc-sub-slogan {
    font-size: 16px;
    margin: 0 16px;
    padding-top: 8px;
  }

  .sc-create-character {
    padding-top: 200px;
    font-size: 16px;
  }

  .sc-create-character img {
    height: 12px;
  }

  .sc-fab {
    display: none;
  }

  .sc-wear-band-text {
    margin-left: 0;
    padding: 16px;
  }

}