/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15/07/2019, 18:57:57
    Author     : webdesign
*/

/* Lay-out.........*/
/*gradient-info('#ff4169,#7c26f8')*/
  * {-webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
       
    
html, body, .capa { width:100%;
	            height:100%;
		    overflow: auto;}

/*==========HOME===========*/	

.img-logo { height: 45px;
	    width: auto;
	    display: block;
            /*defiine o tamanho do logo igual a medida acima*/
            background-size: contain; 
            color: transparent; /*esconde o texto spotify*/
            background-image: url("imagens/ArmeiraLogo.png");
            background-repeat:no-repeat;}

.navbar-transparente {  padding: 10px 0px; /* define a margem interna da Navbar*/
			background: rgba(0, 0, 0, 0.6);
			border: none;
			height: auto;}

.navbar-brand{ padding:5px 10px;}

ul>li>a { font-size: 16px;
	  color:  white;
	  margin: 8px;
          }

ul>li>a:hover { color:  #80ffff;
                }	
                
button.navbar-toggler { border: 2px solid grey;}

                
/*altera a centralização entre o texto da nav bar */
li.divisor {  width: 1px;
	    height: 16px;
	    background: white;
            margin: 20px 10px;}

.row.justify-content-md-center{margin-top: 0px; }


/*Imagem da capa*/

.capa {/*margin-top: 140px;*/
         display: table; 
         width: 100%;}

.texto-capa {   text-align: center; 
		vertical-align: middle;
 		display: table-cell;
		color: #cc0000;
		width: 100%;
		}	

.texto-capa h1 {text-shadow: 2px 2px white;
                font-family: Philosopher;font-family: 'Ubuntu', sans-serif;
                font-family: 'Philosopher', sans-serif;
                font-weight: 800;
                font-size: 160px;}

#box-transparente { background: rgba(255, 255, 255, 0.4);}
		    		  		
/*==========Botões Meio da Pagina===========*/		

.btn-custom {   color: white;
		-webkit-border-radius: 500px;
		-moz-border-radius:500px;
		text-transform: uppercase;
		transition: background 0.3s, color 0.3s;
		margin: 5px;}

.btn.btn-custom.btn-roxo.btn-lg,		
.btn-roxo { background:#7c25f8; 
            border: 2px solid black;} 

.btn-roxo:hover { background:#6207e3;
                  color: white;
				  }

.btn-branco{ border: 2px solid black; 
             background: white;
             color: black;} 

.btn-branco:hover{ background: silver;
                   color: black;}

/*==========HOME - Sessão Serviços===========*/			  
#servicos {background: white;
	       padding-top: 30px;
	       padding-bottom: 30px; }

.albuns {padding: 0px 0px 0px 0px;}

#img-servicos { border: 3px double silver;
                width: 272px;
                height: 685px;
                margin: 1px;
                display: block;
                align-items: center;
                border-radius: 30px 0px 50px 0px;}
			
#servicos h2, #servicos h3 {color: #7c25f8;}
#servicos h3 {font-size: 30px;}
#servicos p {font-size: 17px;}

/*==========HOME - Recursos===========*/	

#recursos {padding-top: 20px;
           padding-bottom: 10px;
	   color: white; }

#recursos h2 {color: white;}
#recursos h3 {color: #9bf0e1;}
#recursos p {font-size: 18px; }
  
.rotacionar{ padding-left: 40px;
             width: 100%;
             height: 100%;}

#fundo-transparente { padding: 10px; /* define a margem interna da Navbar*/
                      background: rgba(0, 0, 0, 0.5);
                      border-radius: 20px;}

			  			  
/*==========Tipografia de formatação de textos - GERAL===========*/			  

h1 { font-weight: 900;
     letter-spacing: -2px;
     font-family: helvetica;
     margin-bottom: 60px; }

h2 {font-size: 50px;
    font-weight: 700;
    letter-spacing: -0.04em;}

h3 {font-size: 35px;
    font-weight: 700;
    letter-spacing: -0.04em;}