/*
 Theme Name:   Madriart Child
 Theme URI:    http://themeforest.net/user/krazicode
 Description:  Agency & Portfolio Theme
 Author:       Krazicode
 Author URI:   http://themeforest.net/user/krazicode
 Template:     belinda-wt
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         right-sidebar, flexible-width, custom-menu, featured-images, microformats, post-formats
 Text Domain:  belinda_wt_child_lang
*/


/*==================================================================================================*/
/*                                         2DA Custom CSS                                           */
/*==================================================================================================*/


/*=======================================*/
/*      Padrões gerais de coloração      */
/*=======================================*/

html {
  font-family: 'Open Sans';

}

body {
   color: #b2a6a6 !important;

}

/*=======================================*/
/*           Menu de Navegação           */
/*=======================================*/

@media (min-width: 60em){
  .Navbar {
      height: 100px;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.9) !important;
  }
  
  .Navbar-logo a {
      height: 100% !important;
      width: 100% !important;
  }  

  [data-l-margin~="top:large"] {
      margin-top: 1em;
  }

  .NavbarList {
      display: inline-flex;
      white-space: nowrap;
      float: right;
      margin-top: 20px;
      margin-right: 30px;
      font-family: 'Open Sans' !important;

  }

  .NavbarList-item {
      text-align: left;
  }  

  .Navbar.offcanvas {
      transform: none;
  }

  .navbar--logo--desktop {
    float: left;
    width: 200px;
    margin-left: 30px;    
  }

  .Navbar-logo--mobile a {
      margin-bottom: 0px;
      background-size:contain !important;
  }
  
  .Bars {
      display: none !important;
  }
  
  .Navbar-close {
    display: none;
  }

  .NavbarList a:not(.u-ir):after {
      background-color: rgba(155, 113, 74, 0.3);
      display: none;
  }

/*  [data-l-margin~="top:huge"] {
      margin-top: 6em;
  }*/
 
  [data-l-padding~="top:huge"] {
    padding-top: 7.3em;
  }

  [data-l-margin~="top:huge"] {
    margin-top: 0em;
  }

  .textMargin-sectionWork {
    padding-bottom: 5em;
  }

  .padding-workSection {
    padding-top: 7em;
  }      

  /*.FeaturesBoxes {
      margin: -6em /* [1] *//*;
  }*/         
}

.Blog-content {
  padding-top: 3em;
}

.wrap_HeroHeader-title {
  border-style: none;
}

.belin_sec__blog-bg {
  display: none;
}

.size-post-thumbnail {
  width: 700px !important;
}

a, dt, .Button.Button--hollow, .DividedList .Icon, .Navbar-close .icon-close, .Excerpt-meta [class*='icon-'] {
    color: #9B714A;
}

a:hover, a.is-active, a:hover h6, code, .Navbar-close:hover .icon-close, .Thumbnail-link:hover, .NavbarList a.is-active:not(.u-ir) {
    color: #CA9B6F;
}

.NavbarList a:not(.u-ir):after {
    background-color: rgba(155, 113, 74, 0.3);
}

.Navbar-logo a {
    width: 100px;
}

.Attention::after {
    display: none;
}

@media (max-width: 28em) {
  .FullProject-description > .Grid-cell {
      padding: 1em 3em 1em 3em !important;
  }
}

.SectionTitle--inverted .SectionTitle-describe {
    color: #383838 !important;
}

.SectionTitle-title {
  color: #383838 !important;
}

.Project-nav--voltar-home {
  color: transparent !important;
}

.splittedOverlay {
    background-attachment: inherit;
}

.separador--galeria--full {
    padding: 0.3em 2.427em !important;
}

/*=======================================*/
/*           Banner Principal            */
/*=======================================*/


.HeroHeader-splitter .Line {
    display: none;
}

.HeroHeader-splitter {
    margin-top: 0em !important;
}

.Icon--surrounded {
  padding: 0em !important;
  border-width: 0px !important;
  border-style: none !important;
  -webkit-background-clip: none !important;
          background-clip: none !important;
  -webkit-box-sizing: none !important;
     -moz-box-sizing: none !important;
          box-sizing: none !important;
}

.wrap_HeroHeader-title {
    border-color: #ffffff !important;
}

.wrap_HeroHeader-logo {
  color: transparent !important;
}

.wrap_HeroHeader-logo {
  background-color: transparent !important;
}

.HeroHeader-logo {
    height: 114% !important;
}

.HeroHeader-splitter {
    opacity: 0 !important;
}
/*=======================================*/
/*        Logo menu de navegação         */
/*=======================================*/


.Navbar-logo a {
    height: 70px !important;
}


/*=======================================*/
/*     Social Icons Banner Principal     */
/*=======================================*/

.HeroHeader-socialsList-displayNone {
  display: none !important;
}



/*=======================================*/
/*     Separador dos Título da home      */
/*=======================================*/

.Line--thick{
  background-color: #a38570 !important;

}



/*=======================================*/
/*    Texto de Apresentação Das Áreas    */
/*=======================================*/

.celula--85 {
    width: 85% !important;
}

.celula--80 {
    width: 80% !important;
}

.celula--75 {
    width: 75% !important;
}

.celula--70 {
    width: 70% !important;
}

.celula--65 {
    width: 65% !important;
}

.celula--60 {
    width: 60% !important;
}

.celula--55 {
    width: 55% !important;
}

.celula--50 {
    width: 50% !important;
}

.celula--45 {
    width: 45% !important;
}

.celula--40 {
    width: 40% !important;
}

.celula--35 {
    width: 35% !important;
}

.celula--30 {
    width: 30% !important;
}

.celula--25 {
    width: 25% !important;
}

.celula--20 {
    width: 20% !important;
}

.celula--15 {
    width: 15% !important;
}

.celula--10 {
    width: 10% !important;
}

.celula--text {
    font-size: 16px !important;
    text-align: center !important;
}

.SectionTitle-describe {
    /*color: #dfd3cc !important;*/
    color: #b2a6a6 !important;
    font-style: normal !important;
    /*font-weight: bold !important;*/
}

.u-lg-up-size1of3 {
  /*text-align: center !important;*/
  hyphens: none !important;
}

.u-lg-up-size1of3 p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: none;
}

.SectionTitle--inverted .SectionTitle-describe {
    /* opacity: .65;*/
    opacity: 1 !important;
}

/*=======================================*/
/*  Separador Galeria de Projetos HOME   */
/*=======================================*/

.separador--galeria {
  background-color: #a38570 !important;
  display: inline-block;
  position: relative;
  font-size: .9em;
  letter-spacing: .025em;       /* [1] */
  line-height: normal;          /* [2] */
  text-align: center;
  text-transform: capitalize;
  padding: 1em 1.618em;
  text-decoration: none;
  white-space: normal;          /* [3] */
  /*cursor: pointer;*/
  -webkit-appearance: none;     /* [4] */
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;  /* [5] */  
}

/**
 * Remove sobras de padding e border no Firefox 4+
 */

.separador--galeria::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Remove o outline quando o botão estiver em focus.
 */

.separador--galeria:focus { outline: 0; }

/**
 * @UI states
 * ----------
 */

.separador--galeria:hover,
.separador--galeria:focus,
.separador--galeria:active {
  text-decoration: none;
}

.separador--galeria:disabled,
.separador--galeria.is-disabled {
  cursor: default;
  opacity: .4;
}

/**
 * @Modificadores
 * ----------
 *
 * 1. Use esta classe paracriar botão pequeno.
 * 2. Use esta classe paracriar botão grande.
 * 3. Use esta classe paracriar botão tamanho completo.
 * 4. Use esta classe paracriar botão vazado.
 * 5. Use esta classe paracriar botão em raio.
 */

/* [1] */
.separador--galeria--small { font-size: 0.75em; }

/* [2] */
.separador--galeria--large { font-size: 1.05em; }

/* [3] */
.separador--galeria--full {
  display: block;
  width: 100%;
  padding: 1.5em 2.427em;
}

/* [4] */
.separador--galeria.separador--galeria--hollow {
  background: transparent;
  -webkit-box-shadow: inset 0 0 0 2px;
          box-shadow: inset 0 0 0 2px;
}

.separador--galeria.separador--galeria--hollow:hover {
  -webkit-box-shadow: inset 0 0 0 2px transparent;
          box-shadow: inset 0 0 0 2px transparent;
}

/* [5] */
.separador--galeria--radius {
  -webkit-border-radius: 2px;
          border-radius: 2px;
}

/* [6] */
.separador--galeria--icon {
  padding: .25em
}



/*=======================================*/
/*    BG Topo detalhamento do projeto    */
/*=======================================*/

.belin_sec__blog-bg-color {
  /*background-color: #BFBFBF !important;*/
  background-color: #ffffff !important;
}

.icon--detalhamento--voltar {
    float: right !important;
    padding-top: 33px !important;
    padding-left: 24px !important;
    margin-right: -33px !important;
}

.belin_sec__detalhamento-projetos {
    background-image: url(http://madriart.com.br/qa/wp-content/themes/belinda-wt/media/images/logo-projetos-02.png);
}

.belin_sec__detalhamento-logo {
    max-height: 250px !important;
}


@media (min-width: 60em){
  .titulo--min-width__35 {
      width: 35% !important;
  }

  .HeroHeader-content--projetos {
    padding: 1em 0 1em;
  }
}

@media (max-width: 48em) {
  .Project-nav--logo {
    background-position: initial !important;
    height: 135% !important;
  }
  .Project-nav--voltar-home {
    color: #ffffff !important;
  }
/*  .Project-nav--logo-mobile {
    margin: 40px 0 0 -100px;
  }*/

}

.Icon--diamond {
  -webkit-transform: rotate(-45deg) scale(0.707);
      -ms-transform: rotate(-45deg) scale(0.707);
          transform: rotate(-45deg) scale(0.707);
  width: 8.3em !important;
  height: 2.288em !important;
}

/*@media (min-width: 75em) {
  .Container {
    padding-right: 0em;
  }
}*/


/*=======================================*/
/*    Botão | Detalhamento do projeto    */
/*=======================================*/


@media (max-width: 28em) {
  .Project-nav--home {
    display: inherit !important;
    text-align: center !important;
    padding-left: 25px !important;
  }

  .Button--color_weight_projeto {
    font-weight: 700 !important;
  }

  .FullProject-description > .Grid-cell {
    padding: 0em 0em 1em 3em;
  }
}

  .Button--top-position {
    padding: 18px 33px 0px 0px;
  }

/*=======================================*/
/*        Botões Área de Contato         */
/*=======================================*/

blockquote::before, .Button, [type="submit"], .Button.Button--hollow:hover, .Bars:hover .Bar, .FeatureBox-icon, .Work-category .Icon, .Line--thick, .NavbarList a:not(.u-ir):hover:after, .NavbarList a.is-active:not(.u-ir):after, .Loader-bullet, .Skill-meter, .post.sticky::before, .wp_widget_tag_cloud a:hover {
   background-color: #a38570 !important;
}

.Button, [type="submit"], .Button.Button--hollow:hover, .FeatureBox-icon, .Work-category .Icon, .Thumbnail-caption .Thumbnail-title, .post.sticky::before, .wp_widget_tag_cloud a:hover {
    color: #ffffff !important;
}

.ContactInfo-describe {
      color: #a1a1a1 !important;
}    

.Attention {
    color: #a1a1a1 !important;
}


/*=======================================*/
/*          Social Icons Footer          */
/*=======================================*/

.Icon--diamond-social {
  -webkit-transform: rotate(-45deg) scale(0.707);
      -ms-transform: rotate(-45deg) scale(0.707);
          transform: rotate(-45deg) scale(0.707);
  width: 2.288em;
  height: 2.288em;
  line-height: 2.288em;
}

  .Icon--diamond-social::before,
  .Icon--diamondReset {
    display: inline-block;
    -webkit-transform: rotate(45deg) scale(1.414);
        -ms-transform: rotate(45deg) scale(1.414);
            transform: rotate(45deg) scale(1.414);
  }