/* 

Theme Name: Colunas Ferro E Aço
Theme URI:    
Author:       
Author URI:   
Description:  
Version:      
Tested up to: 
Requires PHP: 
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  storefront
Tags:         

*/


/* NOTEBOOK > 15" */

@media screen and (min-width: 1440px) { 
    
}

@media screen and (max-width: 1440px) {
   
}

/* NOTEBOOK < 13" */

@media screen and (min-width: 1280px) { 
    
}

@media screen and (max-width: 1280px) {
   
}

/* TABLETS E CELULAR PAISAGEM */

@media screen and (min-width: 991px) { 
    
}

@media screen and (max-width: 991px) {
    
}

/* CELULAR COM TELA GRANDE */

@media screen and (min-width: 767px) {

}

@media screen and (max-width: 767px) {

}

/* CELULAR */

@media screen and (min-width: 575px) { 
    
}

@media screen and (max-width: 575px) {
   
}

/* Loader */
    #loader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #ffffff;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
      transition: opacity 0.5s ease;
    }
    .spinner {
      border: 8px solid #2c3e50;
      border-top: 8px solid #f1c40f;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      animation: spin 1s linear infinite;
    }
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

body {
	background-image: linear-gradient(to left bottom, #ced6e0, #d9e0e8, #e5eaef, #f1f4f7, #fdfeff);
	font-family: "DM Sans", sans-serif;
	font-optical-sizing:auto;
	overflow-x: hidden;
	color:#090b0d; 
	font-weight:normal;

}


/*Menu - navegação*/

.menu-principal {
	background-color: #ffffff9a;
	backdrop-filter: blur(8px);	

}

.collapse.show {
	background-color: #ffffffd9;
	backdrop-filter: blur(8px);	
}

.nav-link {
	color: #84817a;
}

.nav-link {
	color: #84817a;
	transition:  .4s;
	font-weight: bold;
}

.nav-link:hover {
	color: #000000;
}


.redes a {
	background-color: transparent;
	color: #84817a;
	font-size: 1.2rem;
	border: none;
}

.redes a:hover {
	background-color: transparent;
	color: #000000;
}



/*Títulos*/

.azul-claro {
	color:#95afc0;
}


/*Banner*/

.bg-texto-banner {
	background-color: #34495e69;
	transition: background-color .3s;
	backdrop-filter: blur(6px);
	transition: all .4s;
	max-width: 252px;
}

/*Botões*/
.btn-outline-light {

	transition: all.4s;
} 

.btn-dark:hover {
	background-color: #ee810f;
	border-color:#ee810f;
}

.btn-outline-dark {
	border-color:#222f3e;
	color:#222f3e;
}

.btn-outline-dark:hover {
	background-color: #34495e;
	border-color:#34495e;
}

.btn-agendamento {
	background-color: #ffffff20;
	transition: background-color .3s;
	backdrop-filter: blur(6px);
	color:#c7ecee;
	transition: all .4s;
}

.btn-agendamento:hover {
	background-color: #fbfbf8d2;
	transition: background-color .3s;
	backdrop-filter: blur(8px);
	color:#34495e;
	transition: all .4s;
}

.agendar {
    color:#535c68;
    transition:all .4s;
}

.icone-bt {
    background-color: #778ca3;
    color:#1e272e;
    transition: all.4s;
   
}

.btn-agendamento:hover > .icone-bt {
    background-color:#34495e;
    color:#c7ecee;
}



/*Banners*/

.lista {
	/*border:1px solid #535c68;
	background-color: #ffffff20;
	transition: background-color .3s;
	backdrop-filter: blur(6px);
	transition: all .4s;*/
	
}


.robo {
	
}

/*Títulos*/

.azul {
	color:#34495e;
}
.titulos-amarelos {
	border-left: 6px solid #f1c40f;
	padding:10px;
}

.cinza {
	color: #7f8c8d;
}

.cinza-claro {
color:#d1d8e0;
}

/*Perfil*/

	.bg-quem-somos {
		width: 100%;
		background:url(../colunas-ferro-e-aco/images/bg-topo.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

/*BG azul escuro*/

.bg-azul {
    background-color:#222f3e;
}

/*Serviços*/

.ferragens{
	border:1px solid #222f3e;
}
.servicos {
	background-color:#222f3e /*#c8d6e5*/;
	border-radius:16px;	
}

.colunas {
	width: 100%;
	background-image:url(../colunas-ferro-e-aco/images/bg-thumbs-colunas.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.vergalhao {
	
	background-image:url(../colunas-ferro-e-aco/images/bg-thumbs-vergalhao.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.radiers {
	
	background-image:url(../colunas-ferro-e-aco/images/bg-thumbs-radiers.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.trelicas {
	
	background-image:url(../colunas-ferro-e-aco/images/bg-thumbs-trelicas.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/*Materiais*/

.materiais, .contato-bg {
    width:100%;
    height:auto;
	background-image:url(../colunas-ferro-e-aco/images/bg-materiais.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


/*Redes Sociais*/

.redes-sociais {
        width:100%;
        height:auto;
        background:transparent;
		background-image:url(../colunas-ferro-e-aco/images/bg-unidades.svg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
}



/*Contato*/

.form-control {
	background-color:#222f3e;
	transition:all 4s;
	border:none;
	color:#ced6e0;

  }

  .form-control:hover {
	background-color:#ced6e0;
	
  }

/*Footer*/

.rdp {
	background-color: #222f3e;
}


.rdp a {
	color:#778ca3;
	text-decoration: none;
	transition: all .4s;
}

.rdp a:hover {
	color:#c7ecee;
}

.rdp .nav-link {
	color: #778ca3;
	transition:  .3s;
}

.rdp .nav-link:hover {
	color: #d1d8e0;
}


.rdp .redes a {
	background-color: #4b4b4b;
	color: #ffffff;
	font-size: 1.2rem;
	border: none;
	transition: .4s;
}

.rdp .redes a:hover {
	background-color: #ee810f;
	
}

.cat-links {
	/*display: none;*/
}

/*Paginação de categoria*/
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0e0f0f;
    border-color: #0e0f0f;
}

.page-link {
	color:#1a1a1a;
	transition: .4s;
}

.page-link:hover {
	color: grey;
}