/**
    *Theme Name: Archiave Child
	*Theme URI: https://www.archiave.arq.br/
	*Description: Web Site desenvolvido para escritório de Arquitetura Archiave.
	*Author: Raça Marketing
	*Author URI: https://raca.marketing/
	*Version: 1.0.0
	*Template: archtek
	*Text Domain: archiave-child
 **/

/* ========================= LOGIN SCREEN ===================================*/

.login h1 a {
background-image: url('https://archiave.arq.br/wp-content/uploads/2022/01/logo.svg');
background-size: 250px 150px;
width: 250px;
height: 150px;
}

/*=============================================================================*/

/*HEADER **************************** MENU ************************************/

/*=============================================================================*/

/*Sticky menu*/

#rs-header .menu-sticky.sticky .logo-area {
    margin-top: 4px;
    background: 0 0!important;
    padding: 10px 0 10px 0;
}

/*Alterando cor do bg do sub menu*/

.menu-area .navbar ul li .sub-menu {
    background: #999999a3 !important;
}

/*Alterando peso das fontes do menu*/

.menu-area .navbar ul li > a {
    font-weight: 300 !important;
    font-size: 10px !important;
    letter-spacing: 3px !important;
}

/*Alterando peso das fontes do sub menu*/
.menu-area .navbar ul.sub-menu li a {
    
    font-size: 10px!important;
}

/*Removendo title dos projetos*/

.rs-breadcrumbs.porfolio-details {
    display: none;
}

/*Removendo os breadcumbs dos headers das páginas*/

.rs-breadcrumbs .breadcrumbs-title > span a::after, .rs-breadcrumbs .breadcrumbs-inner::before {
    background: #FFFFFF !important;
    display: none; !important;
}

.rs-breadcrumbs .page-title {

    font-size: 2rem;
    font-weight: 100;
    letter-spacing: 15px;
}

@media only screen and (max-width: 767px){
.rs-breadcrumbs .breadcrumbs-inner {
    padding-top: 100px !important;
    padding-bottom: 85px !important;
}
}

@media only screen and (max-width: 575px){
.rs-breadcrumbs .page-title {
    font-size: 13px !important;
    line-height: 44px !important;
}
}

    
  @media only screen and (max-width: 767px){
#rs-header .header-inner {
    position: static;
    background: #567084;
}
.nav-link-container .nav-menu-link span {
    width: 50px;
}
    
    .nav-link-container .nav-menu-link span {
    height: 2px;
    width: 30px;
    display: block;
    background: #ffffff !important;
    margin: 6px 0 0;
    transition: all .5s ease;
    cursor: pointer;
    list-style: none;
}

.nav-link-container .nav-menu-link {
    background: transparent;
    overflow: hidden;
}


    
}



/* menu mobile */



.sidenav li.nav-link-container a span, .menu-wrap-off .inner-offcan .nav-link-container .close-button {
    background: #ffffff !important;
}

@media (max-width: 991px){
.mobile-menu-container ul li a {
    padding: 10px 0;
    font-weight: 200 !important;
    font-size: 1.1rem !important;
    color: white;
}

}

.sidenav .nav-link-container .nav-menu-link {
    padding: 3px 9px 15px 8px!important;
    margin-top: 10px !important;
    border-radius: 0.2rem !important;
}
.sidenav .nav-link-container a {
    display: block;
    background: #eeeeee !important;
}

.menu-wrap-off {
    background: #567084 !important;
}

@media only screen and (max-width: 480px){
.menu-wrap-off {
    width: 60%;
    padding-left: 30px;
    padding-right: 30px;
}
}


/*Alterando as cores dos dots das pagination*/

.rs-addon-slider .slick-dots li button:hover, .rs-addon-slider .slick-dots li.slick-active button {
    background: #577184 !important;
}

.rs-addon-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    display: inline-block;
    font-size: unset;
    line-height: unset;
    padding: unset;
    border-radius: 50%;
    border: 1px solid #577184 !important;
}

/*ALterando widget team*/

.team-grid-style5 .team-inner-wrap .team-content .member-desc .team-name, .team-slider-style5 .team-inner-wrap .team-content .member-desc .team-name {
   
    font-weight: 200;
   
}

.team-grid-style5 .team-inner-wrap .team-content .member-desc .team-title, .team-slider-style5 .team-inner-wrap .team-content .member-desc .team-title {
   
    font-weight: 200;
}

/*=============================================================================*/

/*PÁGINA PORTIFÓLIO PESSOAL TEAM **********************************************/

/*=============================================================================*/

.single-teams .project-desc {
    margin-bottom: 20px;
    margin-top: 50px;
    background: #fff;
    overflow: hidden;
}


.col-lg-3.col-md-6.col-xs-1.grid-item {
    padding: 0;
}

/*=============================================================================*/

/*PÁGINA PORTIFÓLIO SINGLE ****************************************************/

/*=============================================================================*/

/*Box informação dos projetos página portifólio single*/

.ps-informations h3.info-title {
    font-size: 15px !important;
    font-weight: 200 !important;
}

.single-portfolios .ps-informations ul li {
    font-size: 13px;
  
}

.rs-porfolio-details .ps-informations ul li span {
    width: 170px;
    display: inline-block;
    color: #333;
    font-weight: 900!important;
}

.rs-porfolio-details.project-gallery .ps-image-wrap {
    margin-top: 100px;
}



/*=============================================================================*/

/* STICKY FORM **********************************************************************/

/*=============================================================================*/

#rs-header .sticky_form {
    position: fixed;
    top: 0;
    bottom: 0;
    background: #555555;
    width: 100%;
    height: 100%;
    z-index: 9999;
    left: 0;
}

/*Search field*/

.sticky_form .search-input {
    background: 0 0;
    border: none;
    color: #fff;
    font-size: 1.3rem;
    border-bottom: 1px solid #ffffff;
    outline: 0;
    letter-spacing: 3px;
    font-weight: 200;
    padding: 16px 0 16px 0;
}

/*=============================================================================*/

/*FOOTER **********************************************************************/

/*=============================================================================*/

/*Alterando peso das fontes do footer*/

.rs-footer h3, .rs-footer .footer-top h3.footer-title {
    
    font-weight: 200 !Important;
}

.rs-footer .fa-ul {
    font-size: 13px !important;
    font-weight: 200 !important;
}

/*Adicionando imagem logo raça no footer*/

.footer-dev-brand a img{
    width: 20px;
}
.footer-dev-brand {
    display: flex;
    justify-content: end !important;
}

.footer-bottom .copyright p {
    color: #ffffff;
    font-weight: 200;
}

.copyright.text-center {
    text-align: left !important;
}

.copyright.text-center p a {
    color: white !important;
}

/*Footer mobile*/

@media only screen and (max-width: 767px){
    .footer-dev-brand{
        justify-content: center !important;
    } 
    
    .rs-footer h3, .rs-footer .footer-top h3.footer-title {
    font-size: 1.1rem !important;
}

.footer-bottom .copyright p {
    color: #ffffff;
    font-weight: 200;
    line-height: 1.5rem;
    margin-bottom: 1rem;
}


}


/* MANSORY */

.rs-porfolio-details.project-gallery .file-list-wrap.row {
	grid-gap: 60px 10px;
	grid-template-rows: repeat(auto-fill, 150px);
	margin: 0 auto;
	max-width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: masonry;
}

.rs-porfolio-details.project-gallery .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: inherit !important;
	padding: 0px !important;
}

@media only screen and (max-width: 1100px){
    .rs-porfolio-details.project-gallery .file-list-wrap.row {
	
	display: block;
	
}
}