/*
Theme Name: Diocese V4
Text Domain: diocese
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://tiagorafaell.com
*/
/* vietnamese */
@font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/bevietnampro/v8/QdVMSTAyLFyeg_IDWvOJmVES_HSMIG86Rb0JcBaoUUU.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/bevietnampro/v8/QdVMSTAyLFyeg_IDWvOJmVES_HSMIG87Rb0JcBaoUUU.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/bevietnampro/v8/QdVMSTAyLFyeg_IDWvOJmVES_HSMIG81Rb0JcBao.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  @font-face {
    font-family: 'diocesepatos';
    src: url('webfonts/diocesepatos.ttf') format('truetype');font-weight: normal;
    font-style: normal;
    font-display: block;
  }

  [class^="diocesepatos-"], [class*=" diocesepatos-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'diocesepatos' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .diocesepatos-logo:before {
    content: "\e900";
  }
  .diocesepatos-home:before {
    content: "\e901";
  }
  .diocesepatos-facebook:before {
    content: "\e902";
  }
  .diocesepatos-instagram:before {
    content: "\e903";
  }
  .diocesepatos-youtube:before {
    content: "\e904";
  }
  .diocesepatos-busca:before {
    content: "\e905";
  }
  .diocesepatos-seta-baixo:before {
    content: "\e906";
  }
  .diocesepatos-seta-esquerda:before {
    content: "\e907";
  }
  .diocesepatos-seta-direita:before {
    content: "\e908";
  }
  .diocesepatos-calendario:before {
    content: "\e909";
  }
  .diocesepatos-clero:before {
    content: "\e90a";
  }
  .diocesepatos-paroquias:before {
    content: "\e90b";
  }
  .diocesepatos-normas:before {
    content: "\e90c";
  }
  .diocesepatos-notas:before {
    content: "\e90d";
  }
  .diocesepatos-conselho:before {
    content: "\e90e";
  }
  .diocesepatos-aniversario:before {
    content: "\e90f";
  }
  .diocesepatos-liturgia:before {
    content: "\e910";
  }
  .diocesepatos-santo:before {
    content: "\e927";
  }
  .diocesepatos-formacao:before {
    content: "\e926";
  }
  .diocesepatos-downloads:before {
    content: "\e911";
  }
  .diocesepatos-oracoes:before {
    content: "\e912";
  }
  .diocesepatos-pedidos:before {
    content: "\e913";
  }
  .diocesepatos-palavra:before {
    content: "\e914";
  }
  .diocesepatos-mais:before {
    content: "\e915";
  }
  .diocesepatos-whatsapp:before {
    content: "\e916";
  }

body{
    margin: 0;
}
button {
    border: 0;
    padding: 0;
}

p, div, span {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

a {
    color: #4d5daa;
}

#links-igreja {
    background-color: #555;
    display: flex;
    color: #fff;
    flex-direction: row;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

#links-igreja a, #menu-principal a{
    text-decoration: none;
}

.links-container {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.welcome {
    padding: 5px;
}
.text-follow {
    display: none;
}

#menu-igreja, #menu-igreja li, #main-menu, #main-menu li {
    list-style-type: none;
}

#menu-igreja, #main-menu {
    background-color: #fff;
    margin: 0;
    width: 100%;
    padding: 0;
}

#menu-igreja li, #main-menu li{
    display: flex;
}

#menu-igreja a, #main-menu a{
    color: #494c4f;
    font-family: Roboto, san-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
    line-height: 20px;
    letter-spacing: 2px;
}

.menu-menu-igreja-container, .menu-main-menu-container {
    width: 100%;
}

/*MENU SANDUICHE*/

.navbar-toggle {
    /*border-color: #ffffff;*/
    /*background-color: transparent;*/
    background-color: rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 10px;
    padding-top: 5px;
    margin-top: 8px;
    /*border: 1px solid #ccc;*/
    /*width: 53px;*/
    margin-bottom: 8px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.navbar-toggle .icon-bar {
    background-color: #cccccc;
}
.collapsed .icon-bar {
    display: block;
    /*width: 32px;*/
    width: 25px;
    height: 3px;
    border-radius: 1px;
    margin-top: 4px;
}

.navbar-toggle i {
    font-size: 32px;
    color: #cccccc;
}

.legend {
    font-size: 8px;
    color: #ddd;
    margin-top: 7px;
    /*display: block;*/
    display: none;
}

.collapse {
    display: none;
}
.in {
    display: block;
}

/* HEADER */

.header-content, .header-content-container {
    /*background-color: #ECA849;
    background-image: linear-gradient(to bottom, #ffc675 0%, #ECA849 50%);*/
    min-height: 200px;
    display: flex;
    flex-flow: column;
}

#marca {
    margin: 10px;
}

#marca, #marca img {
    width: 200px;
    margin: 10px auto;
}

#data {
    /*color: #fff;*/
    margin: 10px;
    display: flex;
    flex-flow: row;
    justify-content: center;
}
#data p {
    font-family: Roboto, san-serif;
    margin: 4px;
}
#data i {
    margin-top: 2px;
}
#midias {
    margin: 10px;
    display: flex;
    align-items: center;
}
#midias a {
    color: #fff;
    text-decoration: none;
    margin: 5px;
}

#midias a i{
    font-style: normal;
    font-size: 24px;
}

.search-form {
    margin: 10px;
    font-family: Roboto, san-serif;
    color: #fff;
    width: 93%;
}

.search-form__container {
    border: 1px solid #ddd;
    min-height: 37px;
    border-radius: 3px;
    display: flex;
    width: 100%;
    background: #fff;
}

.search-form__icon {
    color: #55595c;
    margin: 10px;
}

.search-form input {
    border: 0 solid transparent;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
}

#menu-principal {
    /*background-color: #da9433;*/
    background-color: #ECA849;
    display: flex;
    color: #fff;
    flex-direction: column;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

#menu-principal .navbar-toggle {
    /*border-color: #ffffff;
    border: 1px solid #fff;*/
}
#menu-principal .navbar-toggle .icon-bar {
    background-color: #fff;
}

#menu-principal .navbar-toggle i {
    font-size: 32px;
    color: #fff;
}

#menu-principal .legend {
    font-size: 8px;
    color: #fff;
    margin-top: 7px;
    /*display: block;*/
    display: none;
}

#main-menu {
    box-shadow: 0 6px 6px rgb(0 0 0 / 20%);
    height: 60px;
    align-items: center;
}

#main-menu li{
    flex-flow: column;
}

#main-menu a {
    text-align: center;
}

.highlighted {
    background-color: #c39870 /*#dec9b1*/;
    color: #fff;
}

.sub-menu {
    border-bottom: 1px solid #ddd;
    padding: 0;
}

/*Destaque 01*/
body.home ul li {
    list-style: none;
}
#container-featured {
    padding: 15px;
    background-color: #efefef;
    display: flex;
    justify-content: center;
}

#container-featured .container{
    max-width: 100%;
    width: 100%;
}

#destaque-01 {
    display: flex;
    margin: 0;
    padding: 0;
}

#featured, #destaques-2 ul, #multimedia ul {
    width: 100%;
    max-width: initial;
    margin: 0 auto;
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

#destaques-2, #area-widget-1, #multimedia, .bloco-eventos {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    margin-top: 10px;
    padding-top: 20px;
}

#destaques-2 {
    background-color:  rgba(0,148,115, 0.20);
    padding-bottom: 70px;
}

#destaques-2 ul, #multimedia ul {
    justify-content: center;
}

.highlight, .medium-item {
    display: table;
    position: relative;
}
.image-wrapper {
    overflow: hidden;
}
.entry-item img {
    transition: all 0.7s ease;
    max-width: 100%;
    height: auto;
}
img {
    vertical-align: middle;
    border: 0;
}
.image-wrapper::after {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.85) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.85) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.85) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d9000000', GradientType=0);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70%;
}
.entry-item header {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    padding: 5% 8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-shadow: inset 0 0 0 4px white;
}
.text-content {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    max-height: 100%;
    overflow: hidden;
}
.content-container h1, .content-container h2, .content-container h3, .content-container h4, .content-container h5, .content-container h6 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    padding: 20px 0 0 0;
}
.entry-item header h3.entry-title {
    padding: 0px;
    margin: 0px;
}
.entry-item header h3.entry-title {
    color: white;
    text-shadow: 0 2px 1px rgb(0 0 0 / 70%);
    font-size: 19px;
}
.entry-item .category-name {
    padding: 0.5em 0.4em;
    border-radius: 2px;
    display: inline-block;
    background-color: white;
    font-size: 16px;
    color: #684A85;
}

#banner-01 {
    width: 100%;
    max-width: initial;
    margin: 25px auto;
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#banner-01 img {
    width: 100%;
    height: auto;
}

.bloco-eventos .esquerda .titulo {
    font-size: 18px;
    line-height: 24px;
    font-weight: 800;
    font-style: italic;
    text-align: center;
    margin-bottom: 7px;
    color: #4d5daa;
}
.btn-mais {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    background-color: #faa519;
    padding: 1px 25px 3px;
    border-radius: 15px;
    margin: 0 auto;
    display: table;
    text-decoration: none;
}

#eventos, .bloco-eventos .evento-container  {
    display: flex;
    flex-flow: row;
}

.evento-container {
    border-top: solid #eee 1px;
}

#eventos {
    height: 107px;
}

#eventos li {
    width: 210px;
    margin: 0 40px;
}

.bloco-eventos .data span {
    color: #4d5daa;
    font-weight: 600;
}
.bloco-eventos span {
    float: left;
    font-size: 17px;
    line-height: 16px;
}
.bloco-eventos .data {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.bloco-eventos i {
    float: left;
    color: #faa519;
    font-size: 17px;
    margin: 0 10px 0 0;
}
.bloco-eventos .data span:nth-of-type(2) {
    width: 5px;
    height: 5px;
    background-color: #faa519;
    float: left;
    margin: 6px 10px 0;
    border-radius: 50%;
}
.bloco-eventos .titulo-evento {
    width: 100%;
    max-height: 40px;
    overflow: hidden;
    float: left;
    font-weight: 600;
    font-size: 15px;
    line-height: unset;
    margin-bottom: 5px;
}
.bloco-eventos .local span {
    width: 100%;
    float: left;
    font-size: 12px;
}

.icones {
    width: 100%;
    margin: 75px 0 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icones-blocos {
    float: left;
    width: 150px;
    text-align: center;
    margin: 0 20px;
}
.icones-blocos i {
    color: #d1d2d4;
    font-size: 68px;
    margin-bottom: 15px;
    display: block;
    transition: all linear 0.2s;
}
.icones-blocos span {
    width: 100%;
    float: left;
    color: #4d5daa;
    font-size: 16px;
    font-weight: 800;
    font-style: italic;
    text-align: center;
}
#pre-footer {
    background-color:  rgba(236, 168, 73, 0.20);
    padding: 70px;
    margin-top: 100px;
    min-height: 100px;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
}

#pre-footer .contato{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
footer {
    display: flex;
    flex-flow: row;
    padding: 70px;
    padding-top: 20px;
    padding-bottom: 10px;
    justify-content: space-around;
    margin-top: 10px;
    min-height: 100px;
}

footer .titulo {
    font-size: 19px;
    margin-bottom: 20px;
    color: #4d5daa;
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 800;
    letter-spacing: 1px;
}

footer .esquerda a {
    float: left;
    margin-right: 50px;
}

footer .esquerda img {
    height: 75px;
    float: left;
}

footer #midias a{
    color: #4d5daa;
}

footer .direita {
    display: flex;
    align-items: center;
}

.single #content, .page #content {
    margin: 0 auto;
    margin-top: 50px;
}

.single article, .page article {
    width: 90%;
    margin: 0 auto;
}

.breadcrumbs {
    font-size: 14px;
    display: none;
}
.breadcrumbs a, h1 a{
    text-decoration: none;
    color: #4d5daa;
}
h1 {
    font-size: 32px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
h1 a{
    color: #ECA849
}
.single article p, .page article p {
    color: rgb(51, 51, 51);
}
#nav-below div {
    border-radius: 50px;
    border: 1px solid #eee;
    padding: 10px;
    color: #bbb;
    text-decoration: none;
    font-size: 12px;
    position: absolute;
    width: 300px;
    text-align: center;
}
#nav-below div:hover, #nav-below div:hover a {
    background-color: #4d5daa;
    color: #fff !important;
}
.nav-previous {
    left: 20px;
}
.nav-next {
    position: absolute;
    right: 20px;
}
.nav-previous a, .nav-next a{
    text-decoration: none;
}
iframe, embed {
    margin: 0 auto;
    text-align: center;  
    position: relative;
    width: 100%;
}

@media (max-width: 359px) {
    .links-container {
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .header-content {
        justify-content: center;
        flex-flow: row;
    }
    .header-content-container {
        flex-flow: row;
        align-content: center;
        width: 100%;
        justify-content: space-between;
    }
    .links-container {
        display: flex;
        flex-direction: row;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .text-follow {
        display: block;
    }
    #marca, #marca img, .header-content-container .info {
        align-self: center;
    }
    #marca {
        margin-left: 5%;
    }
    .header-content-container .info {
        margin-right: 5%;
    }

    #featured,  #destaques-2 ul, #multimedia ul, .bloco-eventos .evento-container {
        max-width: 720px;
        width: 720px;
        margin: 0;
    }

    #container-featured .container {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    #area-widget-1 #widget-area{
        flex-flow: row;
        display: flex;
    }

    .breadcrumbs {
        display: initial;
    }

    .single article, .page article {
        width: 700px;
    }
}

@media (min-width: 1024px) {
    #main-navbar-toggle, #primary-navbar-toggle {
        display: none;
    }
    .menu-main-menu-container .collapse, .menu-menu-igreja-container .collapse {
        display: flex;
    }
    #main-menu, #menu-igreja {
        background-color: transparent;
        justify-content: center;
    }
    #main-menu li a{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 13px;
        padding-bottom: 13px;
        white-space: nowrap;
        letter-spacing: normal;
        color: #fff;
        font-weight: 700;
    }
    #menu-igreja li a {
        color: #fff;
        padding-top: 13px;
        padding-bottom: 13px;
        font-weight: 500;
    }

    #main-menu {
        position: relative;
    }

    #main-menu > li:hover {
        background-color: rgba(255,255,255,0.15);
    }

    #main-menu > li:hover > ul{
        display: flex !important;
        background-color: #fff;
        flex-flow: column;
        position: absolute;
        top: 45;
        z-index: 3;
        min-width: 150px;
    }
    #main-menu li:hover > ul > li > a {
        color: #333;
    }

    #main-menu ul li:hover {
        background-color: #ddd;
    }

    #main-menu ul li:hover > ul{
        display: flex !important;
        background-color: #fff;
        flex-flow: column;
        position: absolute;
        left: 150;
        z-index: 3;
        min-width: 150px;
    }

    /*.entry-item header {
        box-shadow: initial;
    }*/
    .widget-container {
        margin-right: 23px;
        margin-top: 5px !important;
    }

    .bloco-eventos {
        flex-flow: row;
    }
    .bloco-eventos .esquerda {
        width: 16%;
    }

    #eventos {
        width: 84%;
    }
    .single article, .page article {
        width: 800px;
    }

}

@media (min-width: 1400px) {

    #links-igreja .links-container {
        max-width: 1100px;
    }
    .header-content-container {
        max-width: 1200px;
    }

    #container-featured .container,  #destaques-2 ul, #multimedia ul{
        max-width: 1120px;
        width: 1120px;
        display: flex;
        flex-wrap: wrap;
    }
    .bloco-eventos .evento-container  {
        max-width: 1120px;
        width: 1120px;
    }
    #container-featured .container {
        flex-direction: row;
    }

    #destaques-2 ul li, #multimedia ul li {
        margin-right: 23px;
        margin-top: 5px !important;
    }

    #banner-01 {
        max-width: 1120px;
    }

    #destaque-01 {
        flex-flow: column;
        margin: 0;
        padding-left: 30px;
    }

    .noticias-header {
        width: 100%;
        flex-basis: 100%;
    }

    #eventos {
        max-width: 880px;
        margin-left: 20px;
    }
}