@charset "UTF-8";
/* CSS Document */

html {
    height: 100%;
}
body {
    min-height: 100%;
}

img.alignleft {
    float: left;
    padding: 8px;
}

img.alignright {
    float: right;
    padding: 8px;
}

#commentform label {
    float: left;
    width: 75px;
}

#commentform .required {
    color: red;
}

#commentform p {
    width: 100%;
}

ol.commentlist li {
    list-style: none;
}

.comment-body {
    clear: left;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
}

.comment-author .fn, .says {
    float: left;
    padding-top: 25px;
    padding-right: 12px;
	color:#6b889f;
}

.comment-author img {
    float: left;
    padding-right: 5px;
    margin: 0px 0px 20px 20px;
}

.feeditem, .odd {
    background-color: #ededed;
    padding: 6px 0 12px 0;
}

.feeditemalt, .even {
    background-color: #dedede;
    padding: 6px 0 12px 0;
}


body {
    margin: 0px;
    padding: 0px;
    behavior: url(js/csshover3.htc);
    font-size:16px;
    line-height:18px;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    color: #252525;
    background: #fff;
}

img {
    border: 0px;
}

.page-header {
    background: url(/wp-content/themes/archdiocese/includes/images/internal-border.png) no-repeat;
    padding: 5px;
}

a {
    cursor:pointer;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

p, td, li {
    color:#002121;
    font-size:16px;
    line-height:30px;
    font-family: 'Lato', sans-serif;
    font-weight:400;
}

ol, ul {
    margin-bottom:25px;
}

li {
    margin-bottom: 10px;
}

p {
    margin-bottom: 25px;
}

.entry p {
    margin: 20px 5px;
}

p a, td a, li a {
    color: #077cc0;
}

p a:hover, td a:hover, li a:hover {
    color: #e3b647;
    text-decoration: underline;
}

h1 {
    color:#212121;
    font-size:45px;
    line-height:55px;
    font-family: 'Droid Serif', serif;
	font-weight:500;
    text-transform:uppercase;
}

#main_content_container h1 {
    margin: 0 0 5px 0;
    font-weight:590;
}

.message-alert{
    background-image: repeating-linear-gradient(
        -45deg,
        #ECB340,
        #ECB340 70px,
        #F5B83D 70px,
        #F5B83D 140px
        );
    background-position-x: 0%;
    animation: backgroundmove 60s linear infinite;
    -webkit-animation: backgroundmove 60s linear infinite;
    -moz-animation: backgroundmove 60s linear infinite;
    -o-animation: backgroundmove 60s linear infinite;
    background-repeat: repeat-x;
    background-size: 200px 100%;
    // background: #ECB340;
    min-height: 80px;
    height: auto;
    display:flex;
    justify-content:center;
    align-items:center;
    // padding-top: 15px;
    // padding-bottom: 15px;
    color: #fff;
}
    
.message-alert .alert-container{
    font-size:14px;
    width:70%;
    padding-top: 21px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 21px;
    // border-left:solid;
    // border-left-width: 6px;
    // border-left-color: #ECB340;
    // outline-style:solid;
    // outline-color: rgba(0, 0, 0, 0.04);
    // outline-width: 1px;
    line-height:19px;
}

.message-alert .alert-container .message{
    // display:flex;
    // align-items:center;
    color: #fff;
    text-align: center;
}

.message-alert .alert-container .message p{
    padding: 0;
    margin: 0;
    color: #fff;
    display: inline-block;
}

.message-alert .alert-container .message i{
    display:inline;
    padding-left: 0;
    padding-right: 20px;
    font-size: 24px;
    color: #fff;
    vertical-align: middle;
}


@keyframes backgroundmove{
    from {
        background-position: 0px 0px; 
    }
    to {
        background-position: 100% 0px; 
    } 
}

@-webkit-keyframes backgroundmove{
    from {
        background-position: 0px 0px; 
    }
    to {
        background-position: 100% 0px; 
    } 
}

@media only screen and (max-width: 767px){
    .alert-container{
        max-height: 90%;
        min-width: 95%;
    }

    .message-alert .alert-container .message i{
        padding-left: 20px;
    }
}

@media screen and (max-width: 768px){
    h1.red {
        padding-left: 20px !important;
        font-size: 40px;
    }
    .page-ministries-offices #main_container p {
        padding-left: 20px;
    }

    .page-ministries-offices table h2 {
        font-size: 2.2em;
        line-height: normal;
    }
    .page-ministries-offices talbe ul li a {
        font-size: 1em;
    }

    #main_container h3 {
        padding-left: 20px;
    }
}

h1.red {
    /*color: #e10606;*/
	color: #000;
    padding: 15px 0px 0px 0px;
    display: block;
}

h2 {
    font-family: 'Droid Serif', serif;
    font-weight:400;
    font-size: 2.6em;
    margin: 20px 0;
    padding: 0px;
    color: #000;
}

.single_event h2 {
    margin: auto auto 5px auto;
}

h3 {
    font-family: 'Droid Serif', serif;
    font-weight:700;
    font-size: 1.6em;
    line-height: 36px;
    margin: 0px;
    padding: 0px;
    color: #000;
}

h4 {
    font-family: 'Droid Serif', serif;
    font-weight:400;
    font-size: 1.8em;
    font-weight: normal;
    font-style: italic;
    margin: 15px 0px;
    padding: 0px;
    color: #000;
}

hr {
    padding: 0px;
    height: 1px;
    background-color: #dedfe0;
    color: #dedfe0;
    border: none;
    margin: 15px 0px;
    clear: both;
}

#footer hr {
    padding: 0px;
    height: 1px;
    background-color: #777777;
    color: #777777;
    border: none;
    margin: 15px 0px;
    clear: both;
}

.note {
    font-size: 1.1em;
    font-style: italic;
}


/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    clear: both;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}
/* IE7 */


#main_container {
    width: 1250px;
    margin: 40px auto 0px auto;
    display: block;
    text-align: left;
    /*overflow:hidden;*/
}

.entry-title {
    padding: 10px 0;
}

#main_content_container form.form-container div.gform_body ul.gform_fields {
    margin: 0;
}

#main_content_container form.form-container div.gform_body ul.gform_fields li.gfield label {
    font-size: 12px;
}

#main_content_container form.form-container .gform_footer input {
    font-size: 12px;
}

#main_content_container form.form-container .gform_heading {
    font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif;
    font-size: 14px;
    line-height: 24px;
}

#main_content_container #suggestion-container div {
    padding-bottom: 10px;
    padding-top: 10px;
}

#main_content_container #suggestion-container #suggestions {
    height: 100px;
}

#pdf-attachment {
    list-style-image: url('/wp-content/themes/archdiocese/includes/images/icon_pdf.png');
}

.press_release_left {
    padding: 22px 0 0 0;
    float: left;
}

.press_release_right {
    float: left;
    width: 400px;
    padding: 0 0 0 10px;
}

.press_release_right span.red {
    color: #077cc0;
}

.single-video {
    margin-left: 25px;
}

ul.standard {
    list-style: circle;
    list-style-position: inside;
}

ul.standard li {
    font-size: 13px;
    line-height: 24px;
    padding-left: 15px;
}

.watermark {
    color: #CCC;
    font-style: italic;
}


#main_content_container h2 {
    font-size: 24px;
    padding: 10px 0 6px 0;
}

#main_content_container td h2 {
    padding: 8px 3px;
}

#main_content_container table.double_event td {
    margin: 10px 0px 0px 0px;
    font-size: 1.2em;
    text-align: left;
    line-height: 24px;
    font-size: 14px;
}

h3.table_red {
    font-size: 20px;
    color: #E40000;
    padding: 15px 0 5px 0;
    margin: 0;
}

.table_red h3 {
    font-size: 20px;
    color: #E40000;
    padding: 15px 0 5px 0;
    margin: 0;
}

h4.table_subtitle {
    font-size: 18px;
    color: #000000;
    padding: 0 0 5px 0;
    margin: 0;
}

.no_bot_pad {
    padding-bottom: 0;
}

table.triple_event td {
    padding-top: 10px;
}

div.heading6 {
    font-size: 18px;
    color: #000000;
    padding: 0 0 10px 0;
}

#main_content_container .triple_event div.heading6 a {
    background: url(/wp-content/themes/archdiocese/includes/images/double_arrow.jpg) no-repeat;
    background-position: 0px 2px;
    font-size: 18px;
    color: #000000;
    text-decoration: none;
    padding: 0 0 0 15px;
}

#main_content_container .triple_event div.heading6 a:hover {
    text-decoration: underline;
}

div.heading7 {
    padding: 3px 0 10px 15px;
    font-size: 16px;
    font-style: italic;
    color: #000000;
}

#main_content_container .triple_event div.heading7 a {
    font-size: 16px;
    font-style: italic;
    color: #000000;
    text-decoration: none;
}

div.no_pad_bot {
    padding-bottom: 0;
}

div.heading8 {
    padding: 0 0 10px 4px;
    font-size: 16px;
    font-style: italic;
    color: #000000;
    height: 30px;
}

#main_content_container .triple_event div.heading8 a {
    font-size: 16px;
    font-style: italic;
    color: #000000;
    text-decoration: none;
}

table.list_items td p {
    margin-top: 0;
}

div.left_image img {
    margin: 0 15px 0 0;
}

div.left_image p {
    padding: 25px 0 0 0;
}

div.two_col_right {
    font-size: 14px;
    padding: 25px 0 0 0;
}

.em {
    font-style: italic;
}

table.outlined_table,
table.outlined_table td {
    border: 1px solid black;
}

table.outlined_table2,
table.outlined_table2 td {
    border: 1px solid black;
    padding: 3px;
}

.wp-caption {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* optional rounded corners for browsers that support it */
    margin: 10px;
    padding-top: 4px;
    text-align: center;
}

.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
    text-align: center;
}

.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

table.black_border {
    border-width: 0px;
    border-spacing: 0px;
    border-style: none;
    border-color: gray;
    border-collapse: collapse;
    background-color: white;
}

table.black_border th {
    border-width: 1px;
    padding: 4px;
    border-style: inset;
    border-color: gray;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}

table.black_border td {
    border-width: 1px;
    padding: 4px;
    border-style: inset;
    border-color: gray;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}

#main_content_container #subForm td {
    padding: 6px 4px;
}

.red_title {
    color: #e3b647;
    margin-top: 20px;
    font-size: 15px;
    font-weight: bold;
    margin-left: 11px;
}

li:hover .red_title {
    background: none !important;
}

.cab-author {
    margin-top: 15px;
}

.comment_terms {
    color: #A5A8AA;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 4px;
}

#main_content_container .comment_terms a {
    font-size: 12px;
}

#main_content_container h2.tribe-events-list-event-title,
#main_content_container h2.tribe-events-list-event-title a {
    font-size: 18px;
    color: #077cc0;
	text-decoration:underline;
    padding-left: 0;
    margin-left: 0;
    vertical-align: top;
}

#main_container a.tribe-events-ical, #main_container a.tribe-events-gcal {
    display: none;
}

#tribe-events-content dt {
    float: left;
    padding-right: 8px;
}

#tribe-events-content dl {
    font-size: 14px;
    vertical-align: top;
}

#tribe-events-content dd {
    font-size: 14px;
    vertical-align: top;
}

#main_container .tribe-events-meta-group.tribe-events-meta-group-venue {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0 0 20px 0;
    width: 200px;
}

#main_container .tribe-events-meta-group.tribe-events-meta-group-details {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0 0 20px 0;
    width: 360px;
}

#main_container .tribe-events-meta-group.tribe-events-meta-group-gmap {
    display: block;
    width: 100%;
}

#main_container .tribe-events-user-recurrence-toggle {
    display: none;
}

a.button {
    display: inline-block;
    color: #92BBD6;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    border: 3px solid #F5E3B5;
    padding: 8px;
    text-decoration: none;
}

a.button:hover {
    color: #077BBF;
    border: 3px solid #E5B549;
    text-decoration:none;
}


@media screen and (max-width: 768px) {
    #main_container #recaptcha_table td a img {
        width: 25px !important;
        height: auto !important;
    }
    #main_container table td img#recaptcha_logo {
        width: 71px !important;
    }
    body {
    }
    #main_container {
        width:100%;
        margin-top:20px;
    }

    object, embed, iframe {
        display: block;
        width: 100%;
        height: 50vw;
    }

    
    #main_content_container h1 {
        font-size:32px;
        line-height:40px;
        margin-bottom:30px;
    }

    #main_content_container img {
        max-width:100%;
        height:auto;
    }
    #main_content_container table, #main_content_container tbody, #main_content_container tr, #main_content_container td, #main_content_container thead, #main_content_container th {
        width:100%;
        display:block;
        box-sizing: border-box;
    }

    #main_content_container td,
    #main_content_container th {
        margin-bottom: 25px;
    }

    p, td, li {
        font-size:14px;
        line-height:22px;
    }

    #main_container h1,
    #main_container h2,
    #main_container h3,
    #main_container h4,
    #main_conatiner h5,
    #main_container h6 {
        padding-left: 0px;
    }

    .blog-body img {
        width: 100% !important;
        box-sizing: border-box;
    }

    /* Blog Fancy Box */

    #main_container a.fancybox {
        box-sizing: border-box;
        display: block;
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 0px 0px 10px 10px !important;
        clear: none !important;
        margin-left: 0px !important;
    }

    #main_container a.fancybox img {
        box-sizing: border-box;
        width: 100%;
        height: auto;
    }

    #main_container table td img {
        width: 100% !important;
        height: auto;
        box-sizing: border-box;
    }

    .bread_crumbs_div {
        display: block !important;
        padding-top: 0px !important;
        margin: 0 auto 15px !important;
        width: 94% !important;
        float: none !important;
        text-align: left;
        background-color: #f6f6f6;
    }

    .bread_crumbs_div ul#bread_crumbs {
        margin: 0px !important;
        margin-left: 0px;
        text-align: left;
        float: none;
        display: block;
    }

    ul#bread_crumbs li a,
    ul#bread_crumbs > a
     {
        font-size: 10px;
    }
    #bread_crumbs li a:before,
    #bread_crumbs > a:before {
        color: #E5B549;
        margin-right: 2px;
    }

    ul#bread_crumbs li:last-of-type a,
    ul#bread_crumbs > a:last-of-type {
        font-weight: bold;
        color: #595959;
    }

    /*
     * Locations Pages
     */

    .locations-pages #left_container {
        display: block !important;
        padding: 0 15px;
    }

    #left_container hr,
    #left_container #side_callout {
        display: none;
    }

    #left_container #search-container {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
    }

    #left_container #search-container input[type=text] {
        display: block;
        width: 100%;
        box-sizing: border-box;
        background-image: none !important;
        background-color: #fff;
        border: 1px solid #333;
        border-radius: 4px;
        padding: 3px;
        box-shadow: none;
    }

    #left_container #search-container br {
        display: none;
    }

    #search-container #find {
        padding: 5px 15px;
        border-radius: 4px;
        margin: 10px 0;
        display: inline-block;
    }

    /*
     HomePage
     */
    .hidden-mobile {
        display: none !important;
    }

    /* Tables */
    table {
        height: auto !important;
    }
}

/*
Column Styling
*/

.clearfix {
    clear: both !important;
    content: '';
}

/*Single Column*/
.single-column,
.two-columns,
.three-columns,
.four-columns,
.five-columns,
.six-columns {
    width: 100%;
    box-sizing: border-box;
}

.single-column > br,
.two-columns > br,
.three-columns > br,
.four-columns > br,
.five-columns > br,
.six-columns > br {
    display: none;
}

.two-columns .single-column {
    width: 50%;
    float: left;
    display: block;
}

.three-columns .single-column {
    width: 33.33333%;
    float: left;
    display: block;
}

.four-columns .single-column {
    width: 25%;
    float: left;
    display: block;
}

.five-columns .single-column {
    width: 20%;
    float: left;
    display: block;
}

.six-columns .single-column {
    width: 16.66666%;
    float: left;
    display: block;
}

.two-columns .single-column img,
.three-columns .single-column img {
    display: block;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

.two-columns .single-column,
.three-columns .single-column,
.four-columns .single-column,
.five-columns .single-column,
.six-columns .single-column {
    padding-right: 10px;
}

.single-column h1,
.single-column h2,
.single-column h3,
.single-column h4,
.single-column h5,
.single-column h6 {
    margin-bottom: 10px;
    line-height: normal;
}

.single-column p {
    line-height: 1.5em;
}

#main_content_container h1,
#main_content_container h2,
#main_content_container h3,
#main_content_container h4,
#main_content_container h5,
#main_content_container h6 {
    line-height: normal;
}

/* Fixing the Table display for School and Parish Pages */

@media screen and (max-width: 768px){
    #parish-info td,
    #school-info td {
        margin-bottom: 10px;
    }
    #parish-info td span,
    #school-info td span {
        float: none !important;
    }
}


@media screen and (max-width: 768px){
    .single-column,
    .two-columns,
    .three-columns,
    .four-columns,
    .five-columns,
    .six-columns {
        width: 100% !important;
        padding: 0px !important;
    }
    .single-column img {
        width: 100%;
        height: auto;
        display: block;
    }
    #main_container {
        overflow: visible;
    }
}