/*********************************************************************************************
0.  FONT-FACE
*********************************************************************************************/
@font-face { font-family: 'open_sansextrabold'; src: url('font/butler_black-webfont.woff2') format('woff2'), url('font/butler_black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansextrabold'; src: url('font/butler_bold-webfont.woff2') format('woff2'), url('font/butler_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'butlerextrabold'; src: url('font/butler_extrabold-webfont.woff2') format('woff2'), url('font/butler_extrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'butlerlight'; src: url('font/butler_light-webfont.woff2') format('woff2'), url('font/butler_light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'butlermedium'; src: url('font/butler_medium-webfont.woff2') format('woff2'), url('font/butler_medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansregular'; src: url('font/butler_regular-webfont.woff2') format('woff2'), url('font/butler_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'butlerultralight'; src: url('font/butler_ultra_light-webfont.w off2') format('woff2'), url('font/butler_ultra_light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'open_sansregular'; src: url('dustismo_roman-webfont.woff2') format('woff2'), url('dustismo_roman-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sansextrabold'; src: url('dustismo_roman_bold-webfont.woff2') format('woff2'),url('dustismo_roman_bold-webfont.woff') format('woff'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'calendas'; src: url('calendas_plus_0-webfont.woff2') format('woff2'), url('calendas_plus_0-webfont.woff') format('woff');    font-weight: normal;    font-style: normal;}
@font-face {font-family: 'open_sansregular';src: url('opensans-regular-webfont.woff2') format('woff2'),url('opensans-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face { font-family: 'open_sansextrabold'; src: url('opensans-extrabold-webfont.woff2') format('woff2'), url('opensans-extrabold-webfont.woff') format('woff');  font-weight: normal; font-style: normal;}

/*********************************************************************************************
**********************************************************************************************
1. RWD GRID :: Github URI: https://github.com/gsvineeth/rwdgrid/
**********************************************************************************************
*********************************************************************************************/
*, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
[class*='grid-'] { float: left; padding: 10px; }
.clear-grid { display: block; width: 100%; clear: both; float: inherit; }
.container, article, header { margin: 0%; width: 100%; }
.container:after, article:after, header:after, .container:before, article:before, header:before { display: table; clear: both; content: " "; }
.nest { margin: 0 -10px; padding: 0; width: auto; }

/* == GRID == */
.grid-12 { width: 100%; }
.grid-11 { width: 91.666663%; }
.grid-10 { width: 83.33%; }
.grid-9 { width: 74%; }
.grid-8 { width: 66.66666664%; }
.grid-7 { width: 58.333%; }
.grid-6 { width: 50%; }
.grid-5 { width: 41.6665%; }
.grid-4 { width: 33.33%; }
.grid-3 { width: 24.99%; }
.grid-2 { width: 16.66666%; }
.grid-1 { width: 8.33%; }
.grid-no { display: none; height: 0; width: 0; }
@media (max-width:719px) {
	.grid-m-12 { width: 100%; }
	.grid-m-11 { width: 91.666663%; }
	.grid-m-10 { width: 83.33%; }
	.grid-m-9 { width: 74.999997%; }
	.grid-m-8 { width: 66.66666664%; }
	.grid-m-7 { width: 58.333%; }
	.grid-m-6 { width: 50%; }
	.grid-m-5 { width: 41.6665%; }
	.grid-m-4 { width: 33.33%; }
	.grid-m-3 { width: 24.99%; }
	.grid-m-2 { width: 16.66666%; }
	.grid-m-1 { width: 8.33%; }
	.grid-m-no { display: none; height: 0; width: 0; }
	.grid-12 { width: 100%; padding: 0; }
	.grid-11 { width: 100%; padding: 0; }
	.grid-10 { width: 100%; padding: 0; }
	.grid-9 { width: 100%; padding: 0; }
	.grid-8 { width: 100%; padding: 0; }
	.grid-7 { width: 100%; padding: 0; }
	.grid-6 { width: 100%; padding: 0; }
	.grid-5 { width: 100%; padding: 0; }
	.grid-4 { width: 100%; padding: 0; }
	.grid-3 { width: 100%; padding: 0; }
	.grid-2 { width: 100%; padding: 0; }
	.grid-1 { width: 100%; padding: 0; }
}
@media (min-width:720px) {
	.grid-t-12 { display: block; width: 100%; }
	.grid-t-11 { display: block; width: 91.666663%; }
	.grid-t-10 { display: block; width: 83.33%; }
	.grid-t-9 { display: block; width: 74.999997%; }
	.grid-t-8 { display: block; width: 66.66666664%; }
	.grid-t-7 { display: block; width: 58.333%; }
	.grid-t-6 { display: block; width: 50%; }
	.grid-t-5 { display: block; width: 41.6665%; }
	.grid-t-4 { display: block; width: 33.33%; }
	.grid-t-3 { display: block; width: 24.99%; }
	.grid-t-2 { display: block; width: 16.66666%; }
	.grid-t-1 { display: block; width: 8.33%; }
	.grid-t-no { display: none; height: 0; width: 0; }
}
@media only screen and (min-width:1024px) {
	.grid-tl-12 { display: block; width: 100%; }
	.grid-tl-11 { display: block; width: 91.666663%; }
	.grid-tl-10 { display: block; width: 83.33%; }
	.grid-tl-9 { display: block; width: 74.999997%; }
	.grid-tl-8 { display: block; width: 66.66666664%; }
	.grid-tl-7 { display: block; width: 58.333%; }
	.grid-tl-6 { display: block; width: 50%; }
	.grid-tl-5 { display: block; width: 41.6665%; }
	.grid-tl-4 { display: block; width: 33.33%; }
	.grid-tl-3 { display: block; width: 24.99%; }
	.grid-tl-2 { display: block; width: 16.66666%; }
	.grid-tl-1 { display: block; width: 8.33%; }
	.grid-tl-no { display: none; height: 0; width: 0; }
}
@media only screen and (min-width:1200px) {
	.container, article { max-width: 1180px; margin: 0 auto; }
	.container-fluid { max-width: 90%; margin: 0 5%; }
	.grid-d-12 { display: block; width: 100%; }
	.grid-d-11 { display: block; width: 91.666663%; }
	.grid-d-10 { display: block; width: 83.33%; }
	.grid-d-9 { display: block; width: 74.999997%; }
	.grid-d-8 { display: block; width: 66.66666664%; }
	.grid-d-7 { display: block; width: 58.333%; }
	.grid-d-6 { display: block; width: 50%; }
	.grid-d-5 { display: block; width: 41.6665%; }
	.grid-d-4 { display: block; width: 33.33%; }
	.grid-d-3 { display: block; width: 24.99%; }
	.grid-d-2 { display: block; width: 16.66666%; }
	.grid-d-1 { display: block; width: 8.33%; }
	.grid-d-no { display: none; height: 0; width: 0; }
}

/*********************************************************************************************
**********************************************************************************************
2. TIPOGRAFIA

:: MENSAGEM PAZ CALENDÁRIO LITÚRGICO ::
branco 		->	d1d1d1
verde 		->	79c97d
roxo 		->	8662bf
vermelho 	->	b25252

:: CORES COMPLEMENTARES CALENDÁRIO LITÚRGICO ::
branco 		->	283024
verde 		->	6fa794
roxo 		->	8b6fa3
vermelho 	->	a06e6e

:: HOVER
hover 		->	734543

**********************************************************************************************
*********************************************************************************************/
body { font-family: 'open_sansregular'; }

/* == TAGS == */
a { color: #49a994; text-decoration: none; -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; }
a:hover { color: #734543; text-decoration: none; -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; }
h1 { margin: 0; }
h2 { font-family: 'open_sansextrabold'; font-size: 24px; color: #333; line-height: 38px; text-align: left; font-weight: normal; }
h3 { margin-top: 20px; font-family: 'open_sansextrabold'; font-size: 20px; color: #464f42; line-height: 48px; text-align: left; font-weight: normal; }
h4 { margin: 10px; font-family: 'open_sansextrabold'; font-size: 22px; color: #734543; line-height: 1.2; text-align: left; font-weight: normal; }

/* == CLASSES == */
a.maisinfo { display: block; width: 300px; margin: 30px auto; background: #734543; color: #FFF; line-height: 4; font-family: 'open_sansregular'; font-size: 16px; text-align: center; text-transform: uppercase; }
a.maisinfo:hover { background: #49A994; text-decoration: none; }
.p-center, .align-center { text-align: center; }
.textindent { text-indent: -999999px; }
.ap-mobile { display: none; }

/* ========================
===== RESPONSIVE -> ITEM 2
=========================== */
@media only screen and (max-width:719px) {
	a.maisinfo { margin: 15px auto; }
}

/*********************************************************************************************
**********************************************************************************************
3. GERAL
**********************************************************************************************
*********************************************************************************************/

/* == IMG STYLES == */
img.scale, img.responsive { max-width: 100%; height: auto; }
.img-l { margin-right: 20px; float: left; position: relative; }
.img-r { margin-left: 20px; float: right; position: relative; }

/* == PAGINAÇÃO == */
.paginacao { margin-bottom: 20px; padding: 5px; background: #ededed; }
.paginacao ul { display: table; float: right; list-style: none; }
.paginacao ul li { display: table-cell; padding: 0 5px; }
.paginacao ul li a { display: block; padding: 10px 15px; line-height: 20px; color: #fff; font-family: 'open_sansextrabold'; font-size: 18px; text-align: center; }
body.branco .paginacao ul li a { background: #283024; }
body.verde .paginacao ul li a { background: #6fa794; }
body.roxo .paginacao ul li a { background: #8b6fa3; }
body.vermelho .paginacao ul li a { background: #a06e6e; }
body .paginacao ul li a:hover { background: #734543; }
body .paginacao ul li.active a { background: #666; }
.paginacao ul li.prev a, .paginacao ul li.next a { font-family: 'open_sansextrabold'; }
@media only screen and (max-width:719px) {
	.paginacao { padding: 10px 5px; }
}

/*********************************************************************************************
**********************************************************************************************
4.  FORMULÁRIOS
**********************************************************************************************
*********************************************************************************************/
form label { display: block; color: #464f42; font-family: 'open_sansregular'; font-size: 16px; }
form input { width: 100%; height: 40px; padding: 2px 8px; border: 1px solid #464f42; color: #464f42; font-family: 'open_sansregular'; font-size: 16px; }
form input[type=submit] { display: block; width: 200px; height: 40px; float: right; background: #734543; border: none; color: #FFF; font-family: 'open_sansregular'; font-size: 16px; text-align: center; text-transform: uppercase; }
form input[type=submit]:hover { background: #49A994; text-decoration: none; }
form input[type=submit]:hover, form input[type=submit]:focus { }
form select { width: 100%; height: 40px; padding: 2px 8px; border: 1px solid #464f42; color: #464f42; font-family: 'open_sansregular'; font-size: 16px; }
form textarea { width: 100%; padding: 8px; border: 1px solid #464f42; color: #464f42; font-family: 'open_sansregular'; font-size: 16px; }

/* == VALIDAÇÃO == */
input.parsley-error, select.parsley-error, textarea.parsley-error { border: 1px solid #b30000; }
ul.parsley-error-list { list-style: none; }
ul.parsley-error-list li { color: #b30000; font-family: 'open_sansextrabold'; font-size: 16px; line-height: 1.5; }

/*********************************************************************************************
**********************************************************************************************
5. TOPO E RODAPÉ
**********************************************************************************************
*********************************************************************************************/

/* == HEADER == */
header > div.bgtopo { border-bottom: solid 28px #dadad8; }
body.branco header { background: url('../imgs/bg-topo-branco.png') top center repeat; }
body.verde header { background: url('../imgs/bg-topo-verde.png') top center repeat; }
body.roxo header { background: url('../imgs/bg-topo-roxo.png') top center repeat; }
body.vermelho header { background: url('../imgs/bg-topo-vermelho.png') top center repeat; }
header div > div.container { }

/* == LOGO == */
header .logo { margin:0; }
header .paroquia h1, header .paroquia h2 { margin-bottom: 8px; font-weight:normal; text-transform: uppercase; color: #fff;}
header .paroquia h1 { font-family: 'open_sansextrabold';  }
header .paroquia h2 { font-family: 'open_sansregular'; }
header .paroquia h3 { display: inline; margin-top: 12px; border: 1px solid #fff; padding: 0 15px; font-family: 'open_sansregular'; text-transform: uppercase; color: #fff; line-height:0;}
body.branco header > div.bgtopo h1, body.branco header > div.bgtopo h2, body.branco header > div.bgtopo h3 { color: #744543; }
body.branco header > div.bgtopo h3 { background: rgba(255, 255, 255, 0.7); border-color: #744543; }
.brasao { position: absolute; margin-top: 5px; z-index: 1000; }
header .paroquia .tempo { margin:10px 0 0; }
header .paroquia .tempo h2 { line-height:30px; }

/* == FORM PESQUISA == */
header .buscar { float: right; width: 100%; margin-top: 80px; }
header .buscar  input[type=text] { background: #fff; border: 1px solid #744543; float: left; width: 80%; height: 36px; padding-left: 15px; color: #acaeaa; font-family: 'open_sansregular'; font-size: 16px; }
header .buscar  button { background: #734543; width: 20%; height: 36px; border: none; color: #fff; cursor: pointer; }

/* == MENU == */
header .bg-menu { background:#464f42; min-height: 45px; }
header .bg-menu div { padding-top: 0; padding-bottom: 0; }
nav.menu > ul { display: table; width: 100%; margin: 0 auto; padding: 0; background: #464f42; font-size: 14px; }
nav.menu ul li { display: table-cell; position: relative; text-align: center; vertical-align: middle; }
nav.menu ul li:last-child {  }
nav.menu a, nav.menu span { display: block; color: #fff; cursor: pointer; font-family: 'open_sansregular'; text-transform:uppercase; line-height: 15px; text-decoration: none; padding:10px 0;}
nav.menu a:hover, nav.menu span.up, nav.menu span:hover { background: #283024; }
nav.menu ul ul { display: none; visibility: hidden; height: 0; opacity: 0; z-index: 1000; -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; }
nav.menu ul ul.show { display: block; visibility: visible; width: 150%; min-width: 200px; height: auto; position: absolute; background: rgb(35, 35, 35); opacity: 1; -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; }
nav.menu ul ul.show > li { display: block; width: 100%; clear: both; background: #283024; border-bottom: 1px solid rgb(175, 175, 175); text-align: left; }
nav.menu ul ul.show > li a { padding: 10px; line-height: 1; }
nav.menu ul ul.show > li a:hover { background: #734543; }
button.toggle { display: none; }
.sem-sub { color:#464f42; }

/* == INFORMATIVOS == */
#informativos { height: 145px; padding: 20px 10px; background: #e5e5e5; }
#informativos .form-news p { font-family: 'open_sansregular'; color: #464f42; font-size: 18px; }
#informativos .form-news form input[type=text] { height: 60px; margin: 15px 15px 15px 0; padding-left: 15px; float: left; background: #fff; border: none; font-family: 'open_sansregular'; font-size: 14px; }
#informativos .form-news form input[type=submit] { width: 30%; height: 60px; margin: 15px 0; float: left; background: #464f42; border: none; color: #fff; font-family: 'open_sansregular'; font-size: 14px; text-transform: uppercase; }

/* == FOOTER == */
footer { background: #464f42; height: 165px; text-align: center; padding-top: 30px; }
footer a { font-family: 'open_sansregular'; color: #fff; font-size: 18px; text-transform: uppercase; }
footer a:hover { color: #fff; }
footer p { font-family: 'open_sansregular'; color: #fff; font-size: 16px; line-height: 28px; }
.border-full { border: 1px solid #fff; }
.site-arquidiocese { padding: 5px 10px; }

/* ========================
===== RESPONSIVE -> ITEM 5
=========================== */
@media only screen and (max-width:719px) {
	header { height: 250px; }
	header > div.bgtopo { padding-top: 10px; border: none; }

	/* == LOGO == */
	header .logo { display: block; width: 20%; margin: 0; float: left; position: relative; margin-left: 5%; }
	header .paroquia { width: 75%; }
	header .paroquia h1, header .paroquia h2 { padding-left: 15px; margin-bottom: 0; font-family: 'butlermedium'; font-size: 20px; line-height: 1.5; text-transform: uppercase; font-weight: normal; color: #fff; }
	header .paroquia h2 { margin: 0 0 20px 0; }
	header .paroquia h3 { display: none; }
	.brasao { display: none; }
	header .paroquia .tempo h2 { padding-left:0; }

	/* == FORM PESQUISA == */
	.pesq-box { padding: 10px 0; margin: 10px 0 0 0; background: #dadad8; }
	header .buscar { width: 80%; margin: 0 auto; float: none; text-align: center; padding: 0px; }

	/* == MENU == */
	.bg-menu>div>div { padding: 0; }
	nav.menu { padding: 0; }
	nav.menu > ul { display: none; width: 100%; }
	nav.menu > ul > li { display: block; width: 100%; }
	nav.menu ul li:last-child { background: none; }
	nav.menu ul li { height: auto; min-height: 2em; position: relative; border-bottom: 1px solid rgb(132, 132, 132); text-align: center; vertical-align: middle; }
	nav.menu ul ul.show { width: 100%; position: relative; background: rgb(132, 132, 132); }
	nav.menu ul ul.show > li { text-align: center; }
	button.toggle { display: block; width: 100%; margin: 0 auto; background: #734543; border: none; color: #FFF; cursor: pointer; font-family: 'open_sansregular'; font-size: 14px; line-height: 45px; text-decoration: none; }
	button.toggle:after, button.toggle:before { content: "\f0d7"; padding: 0 8px; font-family: 'FontAwesome'; font-size: 1em; }
	button.toggle.fecha { background: rgb(152, 28, 31); color: rgb(255, 255, 255); }
	button.toggle.fecha:after, button.toggle.fecha:before { content: "\f0d8"; padding: 0 8px; font-family: 'FontAwesome'; font-size: 1em; }

	/* == INFORMATIVOS == */
	#informativos { height: 250px; padding-top: 30px 0 0 20px; }
	#informativos .form-news p { font-size: 14px; }
	#informativos .form-news form input[type=text] { width: 90%; height: 40px; margin: 7px auto; padding-left: 8px; float: none; }
	#informativos .form-news form input[type=submit] { width: 90%; height: 40px; margin: 7px auto; }

	/* == FOOTER == */
	footer { height: 200px; margin-top: 30px; }
}
@media only screen and (min-width:720px) {
	header { height: 240px; }
	header > div.bgtopo { height: 200px; }

	/* == LOGO == */
	header .paroquia h1 { font-size: 24px; margin: 0px; }
	header .paroquia h2 { font-size: 18px; margin: 0; }
	header .paroquia h3 { font-size: 14px; margin: 0; }
}
@media only screen and (min-width:800px) {
	header { height: 240px; }
	header > div.bgtopo { height: 200px; }

	/* == LOGO == */
	header .paroquia h1 { font-size: 24px; margin: 0px; }
	header .paroquia h2 { font-size: 18px; margin: 0; }
	header .paroquia h3 { font-size: 14px; margin: 0; }
}
@media only screen and (min-width:1024px) {
	header { height: 280px; }
	header > div.bgtopo { height: 255px; }

	/* == LOGO == */
	header .paroquia h1 { font-size: 34px; margin: 0; }
	header .paroquia h2 { font-size: 26px; margin: 0; }
	header .paroquia h3 { font-size: 16px; margin: 0; }
}
@media only screen and (min-width:1200px) {

	/* == LOGO == */
	header .paroquia h1 { font-size: 36px; margin: 0; }
	header .paroquia h2 { font-size: 27px; margin: 0; }
	header .paroquia h3 { font-size: 16px; margin:15px 0 0 0; }
}

/*********************************************************************************************
**********************************************************************************************
6. PÁGINA INICIAL
**********************************************************************************************
*********************************************************************************************/

/* == BANNER SLIDE == */
.ban-prin .item { height: 330px; position: relative; }
.ban-prin .item a > span { display: block; width: 100%; padding: 10px; bottom: 0; position: absolute; color: #fff; font-family: 'open_sansextrabold'; font-size: 36px; font-weight: normal; -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; }
.ban-prin .item a > span > em { display: block; color: #fff; font-family: 'open_sansregular'; font-size: 14px; font-style: normal; font-weight: normal; }
body.branco .ban-prin .item a > span { background: #283024; }
body.verde .ban-prin .item a > span { background: #6fa794; }
body.roxo .ban-prin .item a > span { background: #8b6fa3; }
body.vermelho .ban-prin .item a > span { background: #a06e6e; }
body .ban-prin .item a:hover > span { background: #744543; -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; }
.ban-prin .owl-carousel .owl-controls { position: absolute; bottom: 20px; right: 20px; }
.ban-prin .owl-carousel .owl-controls .owl-dot { width: 12px; height: 12px; margin: 4px; background: #FFF; border: none; }
.ban-prin .owl-carousel .owl-controls .owl-dot:hover { background: #FFF; }
.ban-prin .owl-carousel .owl-controls .active { background: #ccc !important; }

/* == NOTÍCIAS HOME == */
.noticias-home div a { display: block; min-height: 330px; color: #FFF; }
body.branco .noticias-home div a { background: #283024; }
body.verde .noticias-home div a { background: #6fa794; }
body.roxo .noticias-home div a { background: #8b6fa3; }
body.vermelho .noticias-home div a { background: #a06e6e; }
body .noticias-home div a:hover { background: #744543; text-decoration: none; }
.noticias-home div a > span { display: block; padding: 5px 15px; }
.noticias-home div .titulo { font-family: "open_sansextrabold"; font-size: 18px; }
.noticias-home div .link { font-family: "open_sansregular"; font-size: 12px; text-transform: uppercase; }
.noticias-home .owl-controls { display: none; }
.noticias-home .owl-carousel .owl-stage .item img { max-height:210px; }

.noticias-home h2 { font-family: "open_sansextrabold"; font-weight:normal; font-size: 18px; margin-bottom:10px;}
.noticias-home .arquicvel h2 { color:#a04600; border-bottom:3px solid #a04600;}
.noticias-home .brasil h2 { color:#146e0a; border-bottom:3px solid #146e0a;}
.noticias-home .internacional h2 { color:#1450aa; border-bottom:3px solid #1450aa;}

/* == PODCAST == */
.mensagem-paz { min-height: 300px; padding: 30px 0 20px 0; }
body.branco .mensagem-paz { background: #d1d1d1; }
body.verde .mensagem-paz { background: #79c97d; }
body.roxo .mensagem-paz { background: #8662bf; }
body.vermelho .mensagem-paz { background: #b25252; }
.mensagem-paz h1 { display: block; width: 90%; margin: 0 0 15px 0; border-bottom: 1px #FFF solid; color: #fff; font-family: 'open_sansextrabold'; font-size: 36px; font-weight: normal; text-transform: uppercase; }
.mensagem-paz h2 { display: block; margin: 0 0 15px 0; color: #fff; font-family: 'butlerextrabold'; font-weight: normal; }
.mensagem-paz p { font-family: 'open_sansregular'; color: #fff; font-size: 16px; }
.mensagem-paz a { color: #fff; font-family: 'open_sansregular'; font-size: 14px; text-transform: uppercase; }
body.branco .mensagem-paz h1, body.branco .mensagem-paz h2, body.branco .mensagem-paz p, body.branco .mensagem-paz a { color: #283024; }
.home-podcast { width: 100%; margin: 0 0 20px 0; }
.home-pod-button { width: 100px; height: 100px; margin: 0 20px 0 0; float: left; position: relative; }
.home-pod-info { float: left; position: relative; }
.home-podcast button { width: 100px; height: 100px; color: #fff; font-size: 80px; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; border: none; outline: none; }
body.branco .home-podcast button { background: #283024; }
body.verde .home-podcast button { background: #6fa794; }
body.roxo .home-podcast button { background: #8b6fa3; }
body.vermelho .home-podcast button { background: #a06e6e; }
#timeline { width: 100%; height: 24px; margin-top: 20px; padding: 2px 4px; float: left; border-radius: 15px; background: rgba(255, 255, 255, .4); }
#playhead { width: 18px; height: 18px; border-radius: 50%; margin-top: 1px; background: #744543; }
body.branco #playhead { background: #283024; }
body.verde #playhead { background: #6fa794; }
body.roxo #playhead { background: #8b6fa3; }
body.vermelho #playhead { background: #a06e6e; }

/* == BANNERS SECUNDÁRIOS == */
.ban-sec-1 { display: table; height: 330px; }
.ban-sec-1 a { display: table-cell; width: 100%; height: 330px; padding: 0 10px; background: url('../imgs/bg-btn-ban-sec-1.jpg') no-repeat 50% 50%; background-size: cover; color: #fff; font-family: 'open_sansextrabold'; font-size: 42px; vertical-align: middle; text-align: center; }
.ban-sec-1 a span { display: block; width: 80%; padding: 5px; margin: 20px auto 0 auto; border: 1px solid #fff; font-family: 'open_sansregular'; font-size: 14px; text-transform: uppercase; }
.ban-sec-1 a:hover span { background: #744543; }
.ban-sec-2>a>div { height: 245px; position: relative; background: url('../imgs/bg-btn-ban-sec-2.jpg') no-repeat center center; background-size: cover; }
.ban-sec-2>a>div>div { width: 75%; height: 50%; margin: 12.5%; padding-top: 3%; position: absolute; border: 1px solid #FFF; -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; }
.ban-sec-2>a:hover>div>div { width: 85%; height: 58%; margin: 11% 7.5%; padding-top: 6%; position: absolute; -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; }
.ban-sec-3>a>div { height: 245px; position: relative; background: url('../imgs/bg-btn-ban-sec-3.jpg') no-repeat center center; background-size: cover; }
.ban-sec-3>a>div>div { width: 75%; height: 65%; margin: 6.5% 12.5%; position: absolute; }
.ban-sec-3>a>div>div>.font-bg, .ban-sec-2>a>div>div>.font-bg { display: block; color: #FFF; font-family: 'open_sansextrabold'; font-size: 48px; text-align: center; }
.ban-sec-3>a>div>div>.font-sm, .ban-sec-2>a>div>div>.font-sm { display: block; color: #FFF; font-family: 'open_sansregular'; font-size: 21px; text-align: center; }
.ban-sec-3>a>div>div>.font-btn { display: block; width: 50%; margin: 10px auto; padding: 16px 0; background: #744543; color: #FFF; font-family: 'open_sansregular'; font-size: 14px; text-align: center; text-transform: uppercase; -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; }
.ban-sec-3>a:hover>div>div>.font-btn { background: #6fa794; -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; }

/* ========================
===== RESPONSIVE -> ITEM 6
=========================== */
@media only screen and (min-width:1200px) {

	/* == PODCAST == */
	.mensagem-paz h1 { font-size: 48px; }
	.mensagem-paz h2 { font-size: 40px; }
}
@media only screen and (max-width:1199px) {

	/* == PODCAST == */
	.mensagem-paz h1 { font-size: 48px; }
	.mensagem-paz h2 { font-size: 32px; }
}
@media only screen and (max-width:1023px) {

	/* == PODCAST == */
	.mensagem-paz { padding-left: 15px; }
	.mensagem-paz h1 { font-size: 32px; }
	.mensagem-paz h2 { font-size: 32px; }

	/* == BANNERS SECUNDÁRIOS == */
	.ban-sec-2>a>div>div { margin: 7% 12.5%; padding-top: 1.5%; }
	.ban-sec-2>a:hover>div>div { margin: 6% 7%; padding-top: 3%; }
}
@media only screen and (max-width:719px) {

	/* == BANNER SLIDE == */
	.ban-prin .item { height: 170px; }
	.ban-prin .item a > span { font-family: 'butlermedium'; font-size: 18px; font-weight: normal; }
	.ban-prin .owl-carousel .owl-controls { position: absolute; top: 10px; right: 10px; }
	.ban-prin .owl-carousel .owl-controls .owl-dot { width: 12px; height: 12px; margin: 4px; background: #ccc; border: none; }
	.ban-prin .owl-carousel .owl-controls .owl-dot:hover { background: #333; }
	.ban-prin .owl-carousel .owl-controls .active { background: #666 !important; }

	/* == NOTÍCIAS HOME == */
	.noticias-home .owl-controls { margin: auto; width: 40%; }
	.noticias-home .owl-carousel .owl-controls .owl-dot { background: #d1ffb8; }
	.noticias-home .owl-carousel .owl-controls .owl-dot:hover { background: #333; }
	.noticias-home .owl-carousel .owl-controls .active { background: #666 !important; }

	/* == PODCAST == */
	.mensagem-paz { height: 350px; padding-top: 30px; }
	.mensagem-paz h1 { font-family: 'butlermedium'; font-size: 28px; width: 90%; text-align: center; margin: auto; font-weight: normal; }
	.mensagem-paz h2 { font-family: 'open_sansregular'; font-size: 22px; width: 90%; text-align: center; margin: auto; font-weight: normal; }
	.mensagem-paz p { display: none; }

	/* == BANNERS SECUNDÁRIOS == */
	.ban-sec-2>a>div { margin-bottom: 20px; }
	.ban-sec-2>a>div>div { margin: 19% 12.5%; padding-top: 7.5%; }
	.ban-sec-2>a:hover>div>div { margin: 14% 7.5%; padding-top: 11.5%; }
	.ban-sec-3>a>div { margin-bottom: 20px; }
	.ban-sec-3>a>div>div { margin: 18% 12.5%; }
	.ban-sec-3>a>div>div>.font-bg, .ban-sec-2>a>div>div>.font-bg { font-size: 32px; line-height: 1.5; }
	.ban-sec-3>a>div>div>.font-sm, .ban-sec-2>a>div>div>.font-sm { font-size: 16px; line-height: 1.5; }
}

/*********************************************************************************************
**********************************************************************************************
7. INTERNAS
**********************************************************************************************
*********************************************************************************************/

/* == PÁGINAS == */
.conteudo .titulo { margin-bottom: 30px; }
.conteudo .titulo h1 { font-family: 'open_sansextrabold'; text-transform: uppercase; font-size: 38px; color: #734543; line-height: 46px; text-align: center; }
.conteudo .titulo h2 { padding-bottom: 20px; font-family: 'open_sansextrabold'; font-size: 22px; border-bottom: solid 2px #734543; color: #734543; line-height: 48px; text-align: center; }
.conteudo p { margin: 15px 0; padding: 0 20px; color: #464f42; font-family: 'open_sansregular'; font-size: 16px; line-height: 1.5; }

/* == GALERIA PADRES == */
.padres { padding: 40px 0; background: #DBDBD9; }
.d-table { display: table; width: 100%; }
.paroco { display: table-cell; height: 135px; vertical-align: middle; }
.paroco > img { float: left; position: relative; margin: 0 15px 0 0; }
.paroco > .nome { display: block; font-family: 'butlermedium'; font-size: 24px; }
.paroco > .datas { display: block; font-family: 'open_sansregular'; font-size: 14px; }

/* == CONTATO == */
.dados-contato { float: right; border: 1px solid #464f42; padding: 35px 15px; margin-top: 60px; }
.dados-contato p { font-size: 21px; }

/* == PASTORAIS == */
div.pastoral a { display: table; width: 100%; height: 234px; background-size: cover; background-position: 50% 50%; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; }
div.pastoral span { display: table-cell; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; font-family: 'open_sansextrabold'; font-size: 28px; text-align: center; text-transform: uppercase; vertical-align: middle; }
div.pastoral a:hover { text-decoration: none; transform: scale(1.15); -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.15, M12=0, M21=0, M22=1.15, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.15, M12=0, M21=0, M22=1.15, SizingMethod='auto expand'); /* IE6 and 7 */ }

/* == MENU LATERAL ban-sec-2 == */
.m-moves { margin: 15px 0; }
.m-moves ul { list-style: none; }
.m-moves ul li a { display: block; padding: 10px; border-bottom: #fff 1px solid; font-family: 'open_sansregular'; font-size: 18px; line-height: 1.2; }
.m-moves ul li a:hover { border-bottom: #734543 1px solid; border-left: #734543 8px solid; }

/* ========================
===== RESPONSIVE -> ITEM 7
=========================== */
@media only screen and (max-width:719px) {
	.conteudo { padding: 0 10px; }

	/* == PÁGINAS == */
	.conteudo .titulo { margin-bottom: 0px; }
	.conteudo .titulo h1 { margin-top: 30px; font-size: 32px; line-height: 1.2; text-align: center; }
	.conteudo .titulo h2 { padding: 20px 0; font-size: 14px; line-height: 1.2; }
	.conteudo p { padding: 0; line-height: 1.8; text-align: justify; }

	/* == GALERIA PADRES == */
	.paroco { height: 210px; margin-top: 10px; text-align: center; }
	.paroco > img { float: none; position: relative; margin: 0; }
	.paroco > .nome { font-size: 20px; }
	.paroco > .datas { font-size: 12px; }

	/* == CONTATO == */
	.dados-contato { margin: 10px; }

	/* == PASTORAIS == */
	div.pastoral a { margin-bottom: 20px; }
}

/*********************************************************************************************
**********************************************************************************************
8. MÓDULOS
**********************************************************************************************
*********************************************************************************************/

/* == NOTICIAS == */
.noticia { margin: 20px 0; }
.noticia .titulo-noticia { background: #6fa794; min-height: 192px; }
.noticia .titulo-noticia h1 { font-family: 'open_sansregular'; text-transform: uppercase; font-size: 60px; color: #fff; line-height: 192px; }
img.img-noticia { float: right; max-width: 375px; padding-top: 30px; }
.conteudo .noticia img { width: 100%; height: auto; }
div.not-lista > div { position: relative; }
div.not-lista > div h3 { padding: 0px; line-height: 1.2; }
div.not-lista > div a { padding: 10px 20px; background: #4CA994; color: #fff; }
div.not-lista > div a:hover { background: #754543; }
div.not-lista > div h3 a { padding: 0px 10px; line-height: 1.2; background: none; color: #734543; }
div.not-lista > div h3 a:hover { background: none; }
div.not-lista > div .grid-4 a { padding: 0px; background: none; }
div.not-lista > div .grid-4 a:hover { background: none; }



/* == GALERIA == */
.galeria { margin-bottom: 10px; padding: 10px; text-align: center; }
.galeria:hover { background: #ededed; }
.galeria a { display: block; min-height: 280px; }
.galeria span { display: block; padding: 5px 0; font-family: 'butlermedium'; font-size: 18px; }
.f-galeria { text-align: center; }

/* == PESQUISA == */
.resultado-pesquisa a { display: block; padding: 10px; }
.resultado-pesquisa a:hover { background: #ededed; }
.resultado-pesquisa img { float: left; margin: 0 10px 0 0; }

/* == PODCASTS == */
.list-podcast>div { padding: 45px 0 25px 0; border-bottom: 1px solid #ccc; }
.list-podcast .categoria-podcast { text-align: right; }
.list-podcast h2 { margin: 0; }
.list-podcast .audio { padding: 5px; background: #ededed; }
.list-podcast audio { width: 100%; }

/* ========================
===== RESPONSIVE -> ITEM 8
=========================== */
@media only screen and (max-width:719px) {

	/* == NOTICIAS == */
	div.not-lista > div { padding: 20px 0; }
	div.not-lista > div h3 { text-align: center; }
	div.not-lista > div h3 a { padding: 0px; }

	/* == PESQUISA == */

	
	/* == PESQUISA == */
	.resultado-pesquisa { padding: 10px 10px 20px 10px; margin-bottom: 20px; border-bottom: 1px solid #CCC; }
	.resultado-pesquisa a { text-align: center; }
	.resultado-pesquisa a small { display: block; }
	.resultado-pesquisa a h4 { padding: 5px 0; text-align: center; }
	.resultado-pesquisa a img { display: none; }
}

.informativo { float:left; margin:15px 40px; max-width:14%; text-align:center;}
.informativo a { font-family: 'open_sansregular'; font-size:18px; color:#000000; }

.agenda-categories > ul {
  display: table;
  width: 100%;
}
.agenda-categories > ul > li {
  display: table-cell;
  vertical-align: middle;
}
.agenda-categories > ul > li > a {
  display: block;
  background-color: #FBE9D5;
  text-align: center;
  padding: 10px 5px;
  font-weight: bold;
  text-transform: uppercase;
  border-right: 1px solid #f4c48f;
  color: #695746;
}
.agenda-categories > ul > li > a.active {
  background-color: #695746;
  color: white;
}
.agenda-categories > ul > li:last-child > a {
  border-right: 0 none;
}
@media (max-width: 640px) {
  .agenda-categories > ul {
    display: block;
  }
  .agenda-categories > ul > li {
    display: block;
  }
}
.agenda-legend {
  list-style: none;
  margin-top: 10px;
  font-size: 0;
}
.agenda-legend > li {
  display: inline-block;
  font-size: 14px;
  margin-right: 15px;
}
.agenda-legend > li a {
  color: #000000;
}
.agenda-legend > li span {
  display: inline-block;
  width: 20px;
  height: 11px;
  margin-right: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.agenda-details {
  font-size: 14px;
  line-height: 25px;
}
.agenda-details .ad-details {
  width: 70%;
  overflow: hidden;
}
.agenda-details .ad-details > div {
  width: 33.33333333%;
  float: left;
}

.sacerdotes-categories > ul {
  display: table;
  width: 100%;
}
.sacerdotes-categories > ul > li {
  display: table-cell;
  vertical-align: middle;
}
.sacerdotes-categories > ul > li > a {
  display: block;
  background-color: #FBE9D5;
  text-align: center;
  padding: 10px 5px;
  font-weight: bold;
  text-transform: uppercase;
  border-right: 1px solid #f4c48f;
  color: #695746;
}
.sacerdotes-categories > ul > li > a.active {
  background-color: #695746;
  color: white;
}
.sacerdotes-categories > ul > li:last-child > a {
  border-right: 0 none;
}
.sacerdotes-listing h3 {
  font-size: 16px;
}
.sacerdotes-listing .sl-item {
  text-align: center;
  margin-bottom: 20px;
}
.sacerdotes-listing .sl-item img {
  margin: 0 auto 15px;
}
.sacerdotes-listing .sl-item h4 {
  font-size: 14px;
  margin-bottom: 5px;
}

.padre  { min-height:350px; text-align:center; }
.padre h4 { font-size:14px; line-height:20px; margin:15px 0 0; text-align:center; }
.padre p { font-size:14px;  margin:0;  }

article.conteudo { min-height:400px }

.success { background:#10b214; padding:20px 0;  }
.success h2 { color:#fff; text-align:center;}