/*
Theme Name: dioceseofbrooklyn
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dioceseofbrooklyn
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 dioceseofbrooklyn is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Posts and pages
	10.2 - Asides
	10.3 - Comments
11.0 - Infinite scroll
12.0 - Media
	12.1 - Captions
	12.2 - Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #666666;
	font-family: sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 16px;
  line-height: 1.6rem;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
p {
	margin-bottom: 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #4f0303;
}


/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation li.current-menu-parent, .main-navigation li:hover { background: transparent url("/wp-content/themes/dioceseofbrooklyn/images/nav-hover-bg.jpg") repeat-x right top;}
.main-navigation li.current-menu-parent a, .main-navigation li:hover a {color:#fff;}

.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul ul {
  background:#6b6b6b;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	left: 0;
  padding: 10px 0;
	position: absolute;
	top: 3.3em;
	z-index: 99999;
}
.main-navigation ul li.menu-item-10211 ul { left: -106px; }

.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
  color: #fff;
	width: 188px;
}

.main-navigation ul li ul a, .main-navigation ul li.short ul a { padding:5px; }

.main-navigation ul ul li {
  text-align:left;
  width: auto;
  
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
  color: #333;
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
}
/* Small menu */
.menu-toggle {
	display: none;
}
@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
 /* GDPR */
        .gdpr-popup .accept {   background: #edd93a;
            line-height: 14px;
            color: #000;
            padding: 8px;
            border-radius: 6px;
            margin-left: 30px;
            text-align: center;
            right: 15px;
            top: 14px;
            font-size: 14px;}
        .gdpr-popup { 
            display:none;
            font-size: 14px;
            font-weight: bold;
            background: #222222;
            color: #fff;
            padding: 20px 15px;
            line-height: 18px;
            position: relative;
            text-align:center;
        }
.gdpr { display:block; margin: 7px 0; }
.gdpr a:hover {text-decoration: underline;}
.gdpr-popup a:hover {color: #edda3a;}
        .gdpr-popup a {
            text-decoration:none;
			color:#9299a2;
        }
        @media (max-width: 600px) { 
            .gdpr-popup { 
            display:none;
            font-size: 14px;
            font-weight: bold;
            background: #222222;
            color: #fff;
            padding: 20px 15px;
            line-height: 18px;
            position: relative;
            text-align:left;
        }
            .gdpr-popup .accept {   background: #edd93a;
            line-height: 16px;
            color: #000;
            padding: 8px;
            border-radius: 6px;
            text-align: center;
            width:100px;
            margin-left:0;
            margin-top:20px;
            display:block;
            font-size: 14px;}
        }
.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {}

/*--------------------------------------------------------------
DOB Styles
--------------------------------------------------------------*/
:focus {outline: -webkit-focus-ring-color auto 0px;}
body {background: #fcf0d6;}
.page-bg {background: transparent url("/wp-content/themes/dioceseofbrooklyn/images/page-bg.jpg") repeat-x center top; }
.page-bg.lang {background: transparent ; }
.site-header { background-color: #1e427f;  } 
.language-toggle { float: right; margin-top: 14px; margin-right: 20px; } 
.language-toggle a { color: #3283c3; font-family: "museo-sans",sans-serif; text-decoration:none; text-transform:uppercase; }
#page { background-color: #fff;margin: 0 auto; width:940px; }
.lang #page { background-color: transparent; width:auto;}
header .search-form { clear: right; float:right; position: relative; }
header .search-field { width:153px; }
header input[type="search"] { background-color: #5270a4; border: 1px solid #3f557a; border-radius: 0px; color:#999999 !important; }
input.search-submit { background: transparent url("/wp-content/themes/dioceseofbrooklyn/images/search-button.png") no-repeat center center; border: none; border-color: #fff; border-radius: 0px; box-shadow: none; color: transparent; height: 17px;padding: 0; position:absolute; right:5px; text-shadow: none; top:5px; width: 17px;}
h1.site-title { clear:none; float:left; margin-top:30px; }
h1.site-title span { display: inline-block; text-indent:-9999px; }


.languages .header-right {color:#ffffff; float:right;font-size:11px; height:75px; margin-top:0px; position:relative;}
.languages .header-right a {color:#ffffff;}
.languages .header-right a:hover, .header-right a:focus, .header-right a:active {color:#ececec;}
.languages .header-right .search-hide {display:none;position: relative;
    float: left;
    padding-top: 27px;
    margin-right: 10px;
}
.languages header input[type="search"] {background-color:#ffffff;}
.languages .header-right .sm-header {float:right; margin-top: 25px;padding:5px; }
.languages .header-right .sm-header .fa-2x {font-size:1.7em;}
.languages .header-right .sm-header:hover, .header-right .sm-header:focus, .header-right .sm-header:active {color:#ececec;}
.languages .header-right .bottom-links {clear:both; float:right; font-family: "museo-sans",sans-serif; text-transform:uppercase;}
.languages .header-right .bottom-links a {text-decoration:none;}
.languages .header-right .bottom-links a:hover, .header-right .bottom-links a:active, .header-right .languages .bottom-links a:focus {text-decoration:underline;}
.languages a.portal-link { background: transparent url("/wp-content/themes/dioceseofbrooklyn/images/church-white.png") no-repeat 0px 9px; background-size: 25px; float:right; font-family: "museo-sans",sans-serif; font-weight:500; font-size:12px; height:40px; line-height:12px; padding-left:0px; position:relative; text-align:right; text-decoration:none; text-transform:uppercase; width:125px; }
.languages a.portal-link span { bottom:0px; color: #ffffff; position:absolute; right: 0; }
.languages a.portal-link span:hover {text-decoration:underline;}
.languages .alert {background:transparent; color:#ffcc00; font-family: "museo-sans",sans-serif; font-size:15px; font-weight:500;  text-align:center;}
.languages a.alert-link { color:#ffcc00; font-size:15px; }
.languages .main-navigation {border-top:0px;border-bottom: 1px solid #cccccc; margin-bottom:0px;}
.languages h1.site-title { height:50px; margin-top: 20px;}
.lang .site-header, .lang .site-footer {background-color:#1e427f;}
.lang .site-footer {border-top:0px;}
.lang .header-container, .lang #content, .lang .site-footer .site-info  { margin: 0 auto; max-width: 940px; width:96%;}
.lang .menu-lower-menu-container  {margin: 0 auto; max-width: 990px; width:96%;}
.lang #content {background-color: #fff; }
.page-template-home-php .lang #content, .page-id-22204 .lang #content {background-color: transparent; }
.main-image {display:block; margin:0px auto;}

.portal-link { background: transparent url("/wp-content/themes/dioceseofbrooklyn/images/church.png") no-repeat center left; color:#3283c3; float:right; font-family: "museo-sans",sans-serif; font-weight:500; font-size:12px; margin-bottom:5px; margin-top: 10px; padding-left:35px; padding-top: 5px; text-align: center; text-decoration:none; text-transform:uppercase; width:160px;}
a.portal-link span { color:#ffd559; font-size:11px; }
.main-navigation { background-color:#fff; border-top: 5px solid #ffd559; font-size:12px; line-height:12px; margin: 10px 0;}
.home .main-navigation {margin: 10px 0 0 0;}
.main-navigation li { background: transparent url("/wp-content/themes/dioceseofbrooklyn/images/nav-bg.jpg") no-repeat right top; text-align: center; width: 99px;}
.lang .main-navigation ul ul li {width:auto;}
.lang .main-navigation li { background: transparent; width: 98px; }
.lang .main-navigation li.current-menu-parent, .lang .main-navigation li:hover {
    background: transparent url(/wp-content/themes/dioceseofbrooklyn/images/nav-hover-bg.jpg) repeat-x right top;}
.main-navigation li li {background:none; }
.main-navigation a {color:#666;font-family: "museo-sans",sans-serif; font-weight:500px; padding: 9px 7px 7px 7px;}
.main-navigation li.short a {padding:14px 7px; }

#secondary { border-right: 2px solid #cccccc; float:left; width:25%; }
#primary { float:right; width:75%; }
#primary.full-width {width:100%;}
.home #page {background-color:transparent; }
.home #primary {width:100%; }
.home #primary main { margin:0 0 0 0; }
.home .home-block { border: 1px solid #cccccc; float: left; height: 220px; margin:10px 11px 10px 0; padding: 0px 0px 0px 0px; width:306px; }
.home .home-block p, .home .home-block h3 { margin:10px;}
.home .home-block p { font-size:12px;}
.home .home-block h3 { color: #1e427f; font-size:18px;}
.home .home-block a, .home .home-block a p, .home .home-block a h3 {  text-decoration:none; width:50%;}
.home-block a p  {color:#666666; }
.home .home-block a a {text-decoration:underline;  }
.home .home-block a.box { display:block; height:100%; width:100%;}
.home .home-block.last {margin-right:0; }
.home h6 { color:#1e427f;  padding: 10px 0 5px 0; text-align:center; text-transform:uppercase;}
#new-royalslider-1 { margin: 0 auto; }
#slider-next, #slider-prev { border:0px; box-shadow:none; display:inline-block; height:50px; margin: -75px 10px 0 10px; text-indent:-9999px; width:28px;  }


.affiliate-organizations button:hover, .affiliate-organizations input[type="button"]:hover, .affiliate-organizations input[type="reset"]:hover, .affiliate-organizations  input[type="submit"]:hover, .affiliate-organizations button:focus {border:0px; box-shadow:none;}


.alert { background: #ffd379; font-weight: bold; margin: 5px 0 0px 0; position: relative; width: 100%;}
.alert .alert-button { background-color: #cccccc; color: #1e427f; display: inline-block; margin: 0 15px 0 0; padding: 10px 20px; text-decoration: none; text-transform: uppercase;}
a.alert-link { color: #000; text-decoration: none; }
.alert .alert-arrow { padding: 10px; position: absolute; }

#slider-next { background: url(/wp-content/plugins/new-royalslider/lib/royalslider/skins/default-inverted/royal-arrows.png) no-repeat center right #ffffff; float:right; }
#slider-prev { background: url(/wp-content/plugins/new-royalslider/lib/royalslider/skins/default-inverted/royal-arrows.png) no-repeat center left #ffffff; float:left; }
.home .affiliate-organizations {background-color:#ffffff; border:1px solid #ccc; clear: both; margin:10px 0; position:relative; }


footer.site-footer { background-color: #1e427f; border-top: 5px solid #ffd559; color:#ffffff; padding:20px; }
footer.site-footer a { color:#fff; text-decoration:none; }
footer.site-footer span { font-size:11px; margin: 0 5px 0 20px; }
footer.site-footer .sm-footer {display:block; float:right; height:31px; margin-top: -8px; text-indent:-9999px; width:20px; }
footer.site-footer .facebook { background:url(/wp-content/themes/dioceseofbrooklyn/images/social-media.png) no-repeat -5px center transparent; width:15px;}
footer.site-footer .twitter {background:url(/wp-content/themes/dioceseofbrooklyn/images/social-media.png) no-repeat center right transparent;}
footer.site-footer .copyright {clear:both; font-size:11px; margin-top: 20px; }
footer ul { margin:0 0 0 0; padding: 0 0 0 0; }
footer li { border-right:1px solid #ffffff; float:left; font-size:11px; list-style-type:none; padding: 0 21px; }
footer li:first-child { padding-left: 0px;} 

#text-11 {
    background:none;
  	width:305px;
  	margin: 30px auto;
    padding:0;
}
#text-11 h1.widget-title {
    color: #FFF;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
    margin-top: 0;
}
#text-11 input[type="email"] {
    border: none;
    padding: 8px;
    border-radius:0;
    width: 210px;
    color:#333;
    height: 30px;
}
#text-11 .field-group { margin-left:15px; }
#text-11 input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style:italic;
  color:#9E9E9E;
}
#text-11 input[type="email"]::-moz-placeholder { /* Firefox 19+ */
  font-style:italic;
  color:#9E9E9E;
}
#text-11 input[type="email"]:-ms-input-placeholder { /* IE 10+ */
  font-style:italic;
  color:#9E9E9E;
}
#text-11 input[type="email"]:-moz-placeholder { /* Firefox 18- */
  font-style:italic;
  color:#9E9E9E;
}
#text-11 .field-shift, #text-11 .hidden { display:none; }
#text-11 input[type="submit"] {
    background: #ffd65a;
    border: 0px;
    box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.5), inset 0 0px 0px rgba(255, 255, 255, 0.5), inset 0 0px 0px rgba(0, 0, 0, 0.05);
    color: #000000;
    float: right;
    font-size: 10px;
    padding: 0;
    text-transform: uppercase;
    text-shadow: 0 0px 0;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    float:left;
    width:60px;
    text-align:center;
    height:30px;
    border-radius:0;
}


/*--------------------------------------------------------------
Interior Page Styles
--------------------------------------------------------------*/

h1 { font-family: "museo-sans",sans-serif; font-weight:500; font-size:24px; line-height:28px; text-transform:uppercase;}
h2 { font-family: "museo-sans",sans-serif; font-weight:500; font-size:20px; line-height:24px; text-transform:uppercase; }
h3 { font-family: "museo-sans",sans-serif; font-weight:500; font-size:20px; }
h4 { font-family: "museo-sans",sans-serif; font-weight:500; font-size:18px; text-transform:uppercase; }
h5 { font-family: "museo-sans",sans-serif; font-weight:500; font-size:16px; }
h6 { font-family: "museo-sans",sans-serif; font-weight:500; font-size:14px; text-transform:uppercase; }
.entry-content li {padding-bottom:5px;}
.entry-content {color:#333333;}
#primary main { margin:30px 5%; }

ul.aside-menu, ul#menu-about-us-submenu, ul#menu-school-sub-menu, ul#menu-giving-submenu { font-family: "museo-sans",sans-serif; font-weight:500px; margin: 0 0 0 0; padding:0 0 0 0;  }
ul.aside-menu li, ul#menu-about-us-submenu li, ul#menu-school-sub-menu li, ul#menu-giving-submenu li { border-bottom: 1px solid #cccccc; list-style-type: none; padding: 5px 20px; }
ul.aside-menu li li, ul#menu-about-us-submenu li li, ul#menu-school-sub-menu li li { border-bottom: 0px;}
ul.aside-menu li a, ul#menu-about-us-submenu li a, ul#menu-school-sub-menu li a, ul#menu-giving-submenu li a { color:#666666; text-decoration:none; }
ul.aside-menu li.current_page_item a, ul#menu-about-us-submenu li.current_page_item a, ul#menu-school-sub-menu li.current_page_item a, ul#menu-giving-submenu li.currnet_page_item a, .single-employment .menu-about-us-submenu-container ul#menu-about-us-submenu li#menu-item-10309 a { color:#4f0303; }

.archive h2 { margin-bottom:10px; }
.archive h2 a { font-size: 20px; line-height:24px; text-decoration:none; }
.archives-list h2 a{font-family: sans-serif; font-kerning: auto;font-size: 13px;font-style: normal; line-height:15px; text-decoration:underline; padding:0; margin:0;}
.archives-list h2{margin:0;}
.archive .hentry {border-bottom: 1px solid #cccccc; padding-bottom: 15px; }
.entry-meta {font-style:italic; }
.archive header.entry-header { margin:20px 0;}
.toggle-show {cursor:pointer; padding:10px 20px; }
ul.dynamic-sidebar {border-bottom: 1px solid #cccccc; margin: 0 0 0 0;}
ul.dynamic-sidebar li { list-style-type:none; margin: 0 0 0 0; }
.post-9902 h1.entry-title { display:none;}
ul.archives-list {list-style-type:none; margin:10px 20px; }
ul.archives-list h2 { display:none; }
ul.archives-list h2:nth-child(1), ul.archives-list h2:nth-child(3), ul.archives-list h2:nth-child(5), ul.archives-list h2:nth-child(7), ul.archives-list h2:nth-child(9) {display:block; }
.widget_text, .archives-title { padding:5px 20px; }
#secondary h2.widgettitle {margin-top:25px;}
.page-id-11170 #secondary h2.widgettitle {margin-top:27px;}
.category-bishops img.attachment-post-thumbnail { float:left; margin-right: 1.5em; margin-bottom: 1.5em;width:155px; }
.search #primary {float:left; }
.search h1.page-title {margin-bottom:15px; }
.archive-list { display:none}

@media screen and (max-width: 600px) {
.languages .header-right .mobile-hide {display:none;}
.languages header .search-form, .languages .header-right {margin-right:10px;} 
.languages .header-right {height: 60px;margin-top:0px;} 
.languages a.portal-link {margin-bottom: 0px;margin-right: 0px;margin-top:2px;padding-left: 23px;width:auto;}
.languages .main-navigation li { clear:both; float:none; height: auto; text-align:left; width:100%;}   
.languages .header-right .sm-header {margin-top:15px;}  
.main-navigation ul ul { position:relative; top:0px; width:100%;}
#page { width:auto; }  
.lang h1.site-title {float: none; height:50px; margin: 10px auto 0 auto; width:95%; }
h1.site-title {float: none; height:50px; margin: 10px auto; width:95%; }
header .search-form, .portal-link {margin-right:10px;}  
.menu-toggle {background: transparent url("/wp-content/themes/dioceseofbrooklyn/images/menu-toggle.png") no-repeat center right; border: 0px; box-shadow: none; color: #fff; float: left; font-size: 12px; font-weight:bold; margin-top:-40px; padding-right: 25px; text-shadow: none;}
button.menu-toggle:hover, button.menu-toggle:focus, button.menu-toggle:active { border:0px; box-shadow: none; }
.main-navigation li { clear:both; text-align:left; width:100%;}  
.main-navigation li.short a { padding: 9px 7px 7px 7px; }
ul.aside-menu li, ul#menu-about-us-submenu li, ul#menu-school-sub-menu li, ul#menu-giving-submenu li, .widget_text, .archives-title {padding:5px; }
.archive h2 {font-size:14px; line-height:16px; }
.toggle-show {display:block; }  
footer li:first-child, footer li {padding: 0px 8px; margin-bottom:10px; }
footer li:last-child{ border-right:0px;}
footer.site-footer span { clear:both; display:block; float:left; margin: 10px 5px 10px 0px;}
footer.site-footer .sm-footer {display:inline-block; float:left; margin-right:5px; margin-top:0px ; }
footer ul {margin-left:-8px ;}
.main-navigation ul ul a, .main-navigation ul ul li  {display:block; width:100%; }
.new-royalslider-1, .home .home-block {width:98% !important;}
.home .home-block {height:auto; min-height: 200px;background:#FFF;}
.home .home-block.img-only { text-align:center; }
.page-id-11170 #primary, .category-news #primary, .single-post #primary, .category-press-releases #primary {display:block; float:none; margin:0px auto; width:90%; } 
.page-id-11170 #secondary, .category-news #secondary, .single-post #secondary, .category-press-releases #secondary { border-right: 0px; border-top: 2px solid #cccccc; clear:both; display:block; float:none; margin:0px auto; width:90%;}  
.alert .alert-arrow {padding: 0 0 0 10px;}  
}  
.issuuembed {margin:0 auto;}

/*--------------------------------------------------------------
Prayer Module
--------------------------------------------------------------*/
.prayer-form {float:left; margin-bottom: 50px; padding-right:3%; width: 47%; }
.prayers { float:left; margin-left:1%; border-left:solid thin #E2E2E2; padding-left:3%; height:700px;width:52%;}
.language {display:none; float:left;}
.prayer-form h3, .prayers h3 {color:#1e427f; text-transform:uppercase;}
#prayer-request {margin:23px 0px;}
#prayer-request .half {margin-bottom:10px; margin-right:3%; width:45%;}
#prayer-request input[type="submit"] {background: #1e427f;color:#fff; text-shadow: 0 0px 0 rgba(255, 255, 255, 0.8); border:0px; display:block; border-radius:5px; box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.5), inset 0 0px 0px rgba(255, 255, 255, 0.5), inset 0 0px 0px rgba(0, 0, 0, 0.05);     margin: 10px 0;}
#prayer-request .checkbox {margin-bottom:10px;}

.prayer-items{margin-top:20px; }
.prayer-name{float: left; font-weight:bold; padding-right:5%; }
.prayer-message{float:left; margin-bottom:30px; width: 72%;  }
.prayer-button{border-radius:5px; width: 23%; cursor:pointer; float:right; background:#1e427f; color:#FFF; padding:5px; text-align:center;}
#prayer-request .captcha {clear:both;display:block;margin-top:2px;}
.prayer-button:hover{background:#3283c3;}
.prayers{overflow:hidden;}
.no-prayers{display:none;}
.prayer{display:none;}
.prayer:first-child, .prayer:nth-child(3), .prayer:nth-child(5), .prayer:nth-child(7), .prayer:nth-child(9), .prayer:nth-child(11) {display:block;}
.prayer-thanks {display:none; width: 100%; float:left; height:500px;}
.prayer-form .recipient-input{display:none;}
.page-template-prayer-module-php .view {margin:10px 0px;}
.page-template-prayer-module-php .view a.current {text-decoration:none;}

@media screen and (max-width: 550px) {
.wp-image-17686{ display: block; float:none;  margin: 10px auto; }
.prayer-button { border-radius: 5px; width: 25%; cursor: pointer; float: right; background: #1e427f; color: #FFF; padding: 2px; text-align: center; }
.prayer-form, .prayers, #prayer-request .half  {width:100%; }   
.prayers {border-left: 0px;float: none;padding-left:0px; margin-bottom: 20px; margin-left:0px;}
.prayer-form {margin-bottom: 20px;}    
}

.ticker li, .ticker a{
    color: #ffcc00;
    font-size: 15px;
  font-family: "museo-sans",sans-serif;
  font-weight: 500;
}
.handicap{
	background-image: url("/wp-content/themes/dioceseofbrooklyn/images/Artboard 1.png");
	display:inline-block;
	margin-left:5px;
	width:20px;
	height:20px;
	vertical-align:bottom;
	background-size:contain;
}
@media screen and (max-width: 800px) {
.page-id-3376 #content #secondary {
	display:none;
}
.page-id-3376 #content #primary {
	width:100%;
	float:none;
}
}
/* Bootstrap
 ----------------------------------------------- */
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal:hover {
  color: #fff;

}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.fade .modal-dialog .close {
    background: #000;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    padding: 0;
    color: #fff;
    font-size: 25px;
    float: right;
    padding-right: 0px;
    box-shadow: none;
    border: 1px solid #FFF;
    margin-top: 14px;
    margin-right: -10px;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  width: 475px;
}
.modal-dialog .padding iframe {
  padding: 10px;
  background: #fff;
}
.modal-content {
  position: relative;
  background: none;
  max-width: 530px;
  margin: auto;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
	height:140px;
  background:#1d4380;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857;
}
.modal-body {
  position: relative;
  padding: 15px;
  max-width:530px;
  width: 95%;
}
.modal-body .modal-content-area.mobile { display:none; }

.modal-body .modal-content-area {
    background: white;
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 500px;
	width: 95%;
    min-height: 300px;
    margin-top: 28px;
  	font-family: "museo-sans",sans-serif;
	text-align: left;
	color:#000;
}
.modal-body .poppaper {
	height: 180px;
    margin: 10px 0 0 10px;
	float:left;
}
.modal-body .poplogo {
	margin: -45px auto 0 auto;
    padding: 50px;
}
.modal-body input {
	padding: 3px;
    display: block;
    width: 75%;
    margin: auto;
    height: 32px;
}
.modal-body .modal-content-area .pop-header {
 background: #1d4380;
  width:100%;
  height:150px;
  display:block;
  color:#FFF;
  font-size:24px;
  padding-left:40px;
  padding-top: 15px;
  padding-right: 40px;
}
.modal-body .modal-content-area .pop-text {
  clear:both;
  font-size:18px;
  color:#000000;
  padding: 10px 25px;
  display:block;
  margin-top: 15px;
  margin-bottom:10px;
line-height: normal;
  text-align:center;
  font-family: "museo-sans",sans-serif;
}
.modal-body .modal-content-area .form span {
    font-family: "museo-sans",sans-serif;
    margin-left: 13%;
    padding: 20px 0 5px 0;
    display: block;
    font-size: 18px;
}
.modal-body .modal-content-area .form span:first-child {
padding-top:10px;
}
.modal-body .modal-content-area .pop-text .thanks{ margin-bottom: -8px; display: block;}
.modal-body .modal-content-area .pop-text .blue {
 color:#7a1f16; font-weight:bold; padding-top:5px; display:block;
}
.modal-body .modal-content-area #MERGE10 {
  height:40px;
  max-width:250px;
  background:#fff;
  border-color:#e3e3e3;
  margin:auto;
  display:block;
  margin-top:20px;
  font-size:14px;
  padding:10px;
  color:#000; font-style: normal;
  width:90%;
}
.modal-body .modal-content-area #MERGE10::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-style: italic;
}
.modal-body .modal-content-area #MERGE10::-moz-placeholder { /* Firefox 19+ */
font-style: italic;
}
.modal-body .modal-content-area #MERGE10:-ms-input-placeholder { /* IE 10+ */
font-style: italic;
}
.modal-body .modal-content-area #MERGE10:-moz-placeholder { /* Firefox 18- */
font-style: italic;
} 
.modal-body .modal-content-area .button {
background: #2ea7de;
    text-decoration: none;
    width: 195px;
    height: 38px;
    display: block;
    margin: 0px auto 20px auto;
    color: #FFF;
    font-size: 18px;
    font-family: "museo-sans",sans-serif;
    box-shadow: none;
    border: none;
       padding: 11px 0px 3px 0px;
    border-radius: 5px;
    text-shadow: none;
    cursor: pointer;
	text-align:center;
}
.modal-body .modal-content-area .no{
background:#fdf0d7;
 font-size:12px;
 font-family: helvetica;
 text-decoration:underline;
  color:#1d4380;
    display:block;
  margin:auto;
  cursor:pointer;
  margin-top: 20px;
 text-align:center;
	padding: 10px 0;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    margin: 30px auto;
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
@media (max-width: 768px) {
  .modal-dialog {
    width: 95%;
  }
}
.clearfix:before, .clearfix:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after, .modal-header:after, .modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
.clickable {
  cursor: pointer;
}
div[data-toggle="modal"] {
  cursor: pointer;
}
div[data-toggle="modal"]:hover {
  color: #fff;
  opacity: 0.8;
}
.modal-error {     font-size: 10px;
    color: red;
    display: none;
    font-style: italic;
    position: absolute;
    left: 0;
    right: 0;
    width: 245px;
  margin: auto;
}

.page-id-25926 td, .page-id-25770 td {
	    border-bottom: 1px solid black;
		padding:10px 0;
}
.page-id-25926 #secondary, .page-id-25770 #secondary {
	display:none;
}
.page-id-25926 #primary, .page-id-25770 #primary {
	width:100%;
	float:none;
}
.modal-gdpr{
	    clear: both;
    font-size: 12px;
    color: #000000;
    padding: 10px 30px 0px 30px;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: normal;
    text-align: center;
    font-family: "museo-sans",sans-serif;
}
@media (max-width: 768px) {
	.page-id-25926 table, .page-id-25770 table {
		table-layout:fixed;
	}
	.page-id-25926 td, .page-id-25770 td{
		width:20px;
	}
	.modal-body .poplogo {
    margin: -30px auto 0 auto;
    padding: 25px;
	}
	.modal-header {
    padding: 15px;
    height: 115px;
    background: #1d4380;
	}
	.modal-body{
		width:100%;
	}
	.modal.fade .modal-dialog .close {
		margin-right:0;
	}
}