<!DOCTYPE html>

<html style='overflow-x:hidden; margin-top:0em !important;'>

<head>

    <meta charset="utf-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>IAP - Instituto dos Advogados de Pernambuco</title>

    <link rel="icon" href="<?php echo get_bloginfo('template_url')?>/img/favicon.png">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

    <link rel="stylesheet" href="<?php echo get_bloginfo('template_url') ?>/css/slick.css">

    <link rel="stylesheet" type="text/css" href="<?php bloginfo( 'stylesheet_url' ); ?>">

    <?php wp_head(); ?>




</head>

<body>
<style>
        .backgroundModal {
  display: none;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  z-index: 999;
  opacity: 0.3;
  transition: 0.3s ease-out; }
  .modalStatus {
  position: fixed;
  background: #efefef;
  width: 30%;
  top:6em;
height: 62%;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 999999;
  border-radius: 17px;
  box-shadow: -1px 9px 60px -13px rgba(0, 0, 0, 0.75);
  align-items: center;
  justify-content: center;
  display: none;
  opacity: 0;
  transition: 0.3s ease-out;
  flex-direction: column; 
  overflow: hidden;
  }
  .modalStatus .bgmodal {
    position: absolute;
    max-width: 56em;
    left: -30em;
    opacity: 0.1;}
  .modalStatus h3 {
    font-size: 1.4em;
    margin-top: 1em;
    color: #06234a }
  .modalStatus i {
    position: absolute;
    z-index: 9999;
    right: 1%;
    top: 0%;
    padding: 1em;
    cursor: pointer; }

.mensagemDesucesso {
  display: none; }
        </style>
<div class='backgroundModal'></div>
<div class='modalStatus'>
<img src="<?php echo get_bloginfo('template_url')?>/img/footerbg.png" class='bgmodal'>
<img src="<?php echo get_bloginfo('template_url')?>/img/favicon.png" class='pictureModal'>
<h3 class='mensagemDesucesso'>Email enviado com sucesso!</h3>
<i class="material-icons closemodal"> close </i>
</div>
    <div class='gray'>

        

    </div>

    <div class='Modal'>

        <i class="material-icons">close</i>

        <img src=''>

    </div>

    <header>

        <a href="/" alt='Link para a página inicial' class='HeaderLogo'>

            <img src="<?php echo get_bloginfo('template_url') ?>/img/logo.png" alt="Logomarca da IAP">

        </a>

        

        <?php

        query_posts( array( 'post_type' => 'informacoes', 'showposts' => 1 ));

        if(have_posts()):

        while (have_posts () ): the_post () ;

        $telefone_para_contato        = get_field('telefone_para_contato');

        $email_para_contato        = get_field('email_para_contato');

        $endereco        = get_field('email_para_contato');

        $instagram        = get_field('instagram');

        $facebook        = get_field('facebook');

        ?>

        <div class='HeaderInfos'>

            <div class='ContactBar'>

                

                <div class='ContacToggle'>

                    <div class='ContactToggleHeader'>

                        <p>Contato</p>

                        <i class="material-icons"> arrow_drop_up </i>

                    </div>

                    

                    <div class='CToggleContent'>

                        <a href="/contato/">Fale Conosco</a>

                        <a href="/seja-um-associado/">Seja um associado</a>

                    </div>

                </div>

                <a href="<?php echo $facebook; ?>" class='social face' title='Facebook' alt='Facebook IAP'>

                    <img src="<?php echo get_bloginfo('template_url') ?>/img/facebook-copy.png" alt="">

                </a>

                <a href="<?php echo $instagram; ?>" class='social' title='Instagram' alt='Instagram IAP'>

                    <img src="<?php echo get_bloginfo('template_url') ?>/img/instagram-copy.png" alt="">

                </a>

                <p>

                    <img src="<?php echo get_bloginfo('template_url') ?>/img/mail-copy.png" alt="">

                    <?php echo $email_para_contato; ?>

                </p>

                <p>

                    <img src="<?php echo get_bloginfo('template_url') ?>/img/phone-copy.png" alt="">

                    <?php echo $telefone_para_contato; ?>

                </p>

                

                

                

            </div>

            

            <nav>

                <?php  wp_nav_menu( array('menu' => 'Menu Header', )); ?>

                

                <span class="mobile-btn"></span>

                <div class="overleyMenu"></div>

                <ul class="menu-mobile">

                    <span class="mobile-btn mobile-btn2"></span>

                    <?php  wp_nav_menu( array('menu' => 'Menu Header', )); ?>



                </ul>                    

                </nav>

            </div>

            

            

            <?php 

            endwhile;

            endif;

            wp_reset_query();

            ?>

            

            

            

        </header>

        

        