@-ms-viewport{width:device-width;zoom:1;}
@-o-viewport{width:device-width;zoom:1;}
@viewport{width:device-width;zoom:1;}
html{overflow-x:hidden;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:left;}
body{margin:0;font-size:62.5%;color:#606060;background-color:#faf7f0;}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1{font-size:1.75rem;margin:4px;}
h2{font-size:1.55rem;margin:4px;}
h3{font-size:1.15rem;margin:10px 4px 5px 8px;}
h4{font-size:1.02rem;margin:10px;}
h5{font-size:1rem;margin:8px 10px;}
h6{font-size:0.8rem;margin:4px;}
p{font-size:0.98rem;line-height:23px;padding:5px;margin:0 0 5px 0;word-wrap:break-word;}
p a{color:#222;border-bottom: 1px solid #dcdcdc;}
    p a:hover{text-decoration:none;border-bottom: 1px solid #222;}
label{font-size:1rem;}
a{text-decoration:none;color:#4f4f4f;}
    a:hover{color:#BA68C8;text-decoration:underline;}
img{border:0;max-width:100%;}
ul, ol{margin:0 0 20px 0;padding:0 0 0 25px;}
    li{font-size:0.98rem;margin:8px 0 18px 0;}
i{transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;}
hr{width:100%;background:#3fb0ea;border-width:0;height:2px;margin:15px 0 25px 0;display:inline-block;}
.large-line{height:4px;}
button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"]{cursor:pointer;}
select, input, textarea{font-size:0.9rem;border:1px solid #b6b7b7;color:#363b3f;outline:none;padding:15px;margin:5px 0;resize:none;-webkit-transition:border linear .1s,box-shadow linear .1s;transition:border linear .1s,box-shadow linear .1s;}
    input:focus, textarea:focus{border:1px solid #fbab5c;}
input[type="text"],input[type="password"]{width:100%;}
textarea {width:100%;min-height:30vh;resize:vertical;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;}
.grid:after {content:"";display:table;clear:both;}
[class*='col-'] {float:left;}
.col-1-2 {width: 50%;}
figure{margin:0;}
table{width:100%;}
#form-messages{border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background-color:#fff;padding:20px 20px 17px 20px;margin-bottom:20px;display:none;}
    .success{border-left: 5px solid #5bc0de;display:block !important;}
        #form-messages h3{font-weight:normal;margin:0;color:#5bc0de !important;font-size:1.3rem;padding-top:5px;}
    .error{border-left: 5px solid #f0ad4e;display:block !important;}
        #form-messages h4{font-size:1.3rem;margin:0;color:#f0ad4e !important;padding:2px 0 0 0;text-transform:none;}
        #form-messages p{font-size:1rem;margin:12px 0 0 0;color:#333;}
.grid:after {content:"";display:table;clear:both;}
[class*='col-'] {float:left;}
[class*='col-'] {padding-right:15px;}
[class*='col-']:last-of-type {padding-right:0;}
.col-1-2 {width: 50%;}
.col-1-4 {width: 25%;}
.col-3-4 {width: 75%;}

/*Menu*/
#menu{float:left;width:100%;padding:5px 10px;}
    #menu-container{max-width:1400px;margin:auto;}
        #menu-top{float:left;width:100%;}
            #menu-top-left{float:left;width:30%;}
            #menu-top-middle{float:left;width:60%;text-align:center;}
            #menu-top-right{float:left;width:10%;text-align:right;}
                #menu-top-right .welcome-message{margin-bottom:0;padding-bottom:0;}
            @media (max-width:749px){#menu-top-left{width:100%;}#menu-top-middle{display:none;}#menu-top-right{display:none;}}
        #menu-bottom{float:left;width:100%;margin:5px 0 5px 0;}
            #menu-bottom ul{list-style:none;margin:0;padding:0;}
                #menu-bottom li{display:inline-block;font-size:1rem;margin:10px 0 5px 0;position:relative;}
                    #menu-bottom a{padding:8px;}
                        #menu-bottom a:hover{color:#BA68C8;background-color:#fded60;}
                #menu-bottom ul ul{position:absolute;display:none;top:1.6em;left:0;line-height:25px;z-index:1;}
                    #menu-bottom ul ul li{display:block;}
                        #menu-bottom ul ul li a{width:255px;display:block;}
                        #menu-bottom ul > li:hover ul{display:block;}
    #menu-admin-footer{float:left;width:100%;}
        #menu-admin-footer-container{max-width:1400px;margin:auto;}
        #menu-admin-footer p{margin:7px 0 6px 15px;float:left;}
        #menu-admin-footer a{margin-top:7px;padding:5px;margin-right:10px;}
        .menu-right-spacer{margin-left:15px;}
        #menu-logout-button{float:right;}

#full-screen-overlay{max-width:350px;padding:20px;}
    #full-screen-overlay .button{float:right;}

/*Content*/
#content{float:left;width:100%;}
    #content-container{padding-left:220px;padding-right:220px;max-width:1400px;margin:auto;}
        #content-left-sidebar{float:left;width:220px;margin-top:15px;margin-left:-220px;padding:10px;border-right:2px solid #fbab5c;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
        #mobile-menu-toggle{display:none;position:absolute;right:-52px;height:46px;width:52px;cursor:pointer;margin-top:57px;border-radius:0px 2px 2px 0px;text-align:center;font-size:0.95rem;}
        #content-inner{float:left;width:100%;padding:20px;}
        #content-right-sidebar{float:left;width:220px;margin-top:15px;margin-right:-220px;padding:10px;border-left:2px solid #fbab5c;}
        @media (max-width:949px){#content-container{padding-right:0;}#content-right-sidebar{display:none;}}
        @media (max-width:749px){#content-container{padding-left:0;}#mobile-menu-toggle{display:block;}#content-left-sidebar{position:absolute;margin-left:0;margin-top:0;left:-220px;z-index:1;border-bottom:2px solid #fbab5c;}}
        @media print{#mobile-menu-toggle{display:none !important;}}

/*Sidebars*/
.sidebar-header{float:left;width:100%;margin-bottom:5px;}

/*Content - Left Sidebar*/
#search{float:left;width:100%;margin-bottom:25px;}
    #search-response{float:left;width:100%;text-align:center;}
        #search-response span{font-size:1rem;display:inline-block;padding:10px;}
#news-categories{float:left;width:100%;margin-bottom:15px;}
#saint-of-the-day{float:left;width:100%;margin-top:5px;margin-bottom:30px;}
        #saint-of-the-day-image{float:left;width:70px;height:70px;background-position:center center;background-size:cover;}
    #saint-of-the-day-text{float:left;display:block;font-size:1.1rem;margin:16px 0 12px 8px;font-weight:bold;max-width:120px;}
#newsletter-signup{float:left;width:100%;border-radius:4px;}
    #newsletter-signup h3{font-weight:300;color:#292F33;}
    #newsletter-signup input[type="text"]{margin-bottom:10px;}
    #newsletter-signup .button{width:100%;}
#pope-tweets{float:left;width:100%;margin-top:25px;}

/*Content - Right Sidebar*/
#social-links{float:left;width:100%;margin-bottom:15px;max-width:140px;}
    #social-links i{font-size:1.3rem;vertical-align:bottom;margin-right:5px;}
    #social-links p{margin:0;}
#donate{float:left;width:100%;margin-bottom:20px;}
#supporters{float:left;width:100%;}
    #supporters a{float:left;margin-bottom:10px;max-width:100%;}
    #supporters img{border: 1px solid #56d1c2;border-bottom:3px solid #56d1c2;}
        #supporters img:hover{border-bottom:3px solid #fbab5c;}

/*Supporter*/
#supporter{float:left;width:100%;}

/*Donate*/
#donate{float:left;width:100%;}

/*Policies*/
#policies{float:left;width:100%;}

/*Content - News*/
#news{float:left;width:100%;}
    #news-category-summary{float:left;width:100%;}
        #news-category-summary p{font-size:0.92rem;line-height:21px;}
    .news-post{float:left;width:100%;position:relative;}
        .news-header-meta{list-style:none;margin:10px 0 5px 0;padding:0;}
            .news-header-meta li{display:inline-block;padding:3px 8px;margin:0;}
            .news-header-meta li:nth-child(2){border-left: 2px solid #dcdcdc;}
                .news-header-meta a{color:#222;border-bottom: 1px solid #dcdcdc;}
                    .news-header-meta a:hover{text-decoration:none;border-bottom: 1px solid #222;}
            #news-header-meta-updated-date{font-size:0.96rem;}
        .news-post-preview p{display:inline;}
        .news-content-image-container{border:solid 1px #7a7878;padding:4px;text-align:center;}
            .news-content-image-container img{float:left;}
            .news-content-image-with-caption{margin-bottom:5px;}
        .news-content-image-container-left{float:left;margin-right:10px;}
        .news-content-image-container-middle{display:grid;margin:auto;}
        .news-content-image-container-right{float:right;margin-left:10px;}
            .news-content-image-caption{padding:0;margin:0;font-size:0.9rem;line-height:19px;}
        @media (min-width:450px){.news-content-image-container{max-width:48%;}
                                 .news-content-image-container img{max-height:260px;}
                                 .news-content-image-preview{max-width: 230px;}
                                 .news-content-image-preview img{max-height:160px;}}
        @media (max-width:449px){.news-content-image-container{width:100%;margin-bottom:20px;}
                                 .news-content-image-container img{width:100%;}}
        #news-share{float:left;width:100%;margin-top:10px;}
            .addthis_jumbo_share table{margin:auto;padding-top:10px;}
        .news-related{float:left;width:100%;margin:30px 0 15px 0}
            .news-related-item{float:left;width:48%;margin:0 1%;padding:5px;border:1px solid #56d1c2;border-bottom:3px solid #56d1c2;}
            @media (max-width:1200px){.news-related-item{width:98%;}.news-related-item:nth-of-type(2){display:none;}}
        #news-footer{float:left;width:100%;margin-top:20px;padding:5px;border:1px solid #56d1c2;border-bottom:3px solid #56d1c2;}
        #news-edit{position:absolute;top:5px;right:5px;}
            #news-view-count{font-size: 1.05rem;padding:14px;border-radius:2px;margin-right:20px;}
            #news-delete-button{margin-right:10px;}

/*Most popular*/
#most-popular-stories{float:left;width:96%;margin:35px 2% 35px 2%;padding:5px 10px;border:1px solid #56d1c2;border-bottom:3px solid #56d1c2;}
    .most-popular-stories-column{float:left;width:50%;}
            .most-popular-stories-column h4{margin-bottom:5px;}
            .most-popular-stories-column time{font-size:0.9rem;}
            .most-popular-stories-column hr{margin:0;width:90%;}
        @media (max-width:1200px){.most-popular-stories-column{width:100%;}.most-popular-stories-column hr{width:100%;}.most-popular-stories-story-second-column{display:none;}}

/*Contact*/
#contact-us{float:left;width:100%;}
    #contact-us form{max-width:935px;margin:auto;}
        #contact-us-form-inner input, #contact-form textarea{float:left;width:100%;margin-bottom:15px;}
        #contact-us-form-submit{margin:auto;margin-top:20px;display:block;}

/*Login*/
#login{float:left;width:100%;}
    #login form{width:327px;margin:auto;margin-top:100px;margin-bottom:100px;}

/*New article*/
#new-article{float:left;width:100%;}
    #new-article form{max-width:1000px;margin:auto;margin-top:5vh;}

/*Links*/
.links-navigation-spacer{margin-top:40px;}
#new-link{float:left;width:100%;}
    #new-link form{max-width:1000px;margin:auto;margin-top:5vh;}
#links{float:left;width:100%;}
    .links-link{float:left;width:100%;position:relative;margin-top:10px;}

/*Saints*/
#new-saint{float:left;width:100%;}
    #new-saint form{max-width:1000px;margin:auto;margin-top:5vh;}
#edit-saints{float:left;width:100%;}
    .edit-saints-saint{float:left;width:100%;position:relative;}
        .edit-saints-saint img {height:95px;float:left;margin-right:10px;}
        .edit-saints-saint-edit{position:absolute;top:15px;right:15px;}
        .edit-saints-saint-delete{position:absolute;top:15px;right:90px;}
        .edit-saints-saint-view-count{font-size: 1.05rem;padding:14px;border-radius:2px;position:absolute;top:15px;right:192px;}
#saints{float:left;width:100%;}
    .saint-post{float:left;width:100%;position:relative;}
        .saint-header-meta{list-style:none;margin:10px 0 5px 0;padding:0;}
            .saint-header-meta li{display:inline-block;padding:3px 8px;margin:0;}
            .saint-header-meta li:nth-child(2){border-left: 2px solid #dcdcdc;}
                .saint-header-meta a{color:#222;border-bottom: 1px solid #dcdcdc;}
                    .saint-header-meta a:hover{text-decoration:none;border-bottom: 1px solid #222;}
        .saint-post-preview p{display:inline;}
        .saint-content-image-container{border:solid 1px #7a7878;padding:4px;text-align:center;float:left;margin-right:10px;}
            .saint-content-image-container img{float:left;max-height:220px;}
            .saint-content-image-with-caption{margin-bottom:5px;}
            .saint-content-image-caption{padding:0;margin:0;font-size:0.9rem;line-height:19px;}
        @media (min-width:450px){.saint-content-image-container{max-width:48%;}
                                 .saint-content-image-container img{max-height:260px;}
                                 .saint-content-image-preview{max-width: 230px;}
                                 .saint-content-image-preview img{max-height:160px;}}
        @media (max-width:449px){.saint-content-image-container{width:100%;margin-bottom:20px;}
                                 .saint-content-image-container img{width:100%;}}
            #saint-share{float:left;width:100%;margin-top:10px;}

/*Search results*/
#search-results{float:left;width:100%;}
    .search-results-section{float:left;width:100%;}
    #search-results-news-ajax, #search-results-saints-ajax, #more-news-ajax{float:left;width:100%;margin-bottom:20px;}
    #search-results-news-ajax-button, #search-results-saints-ajax-button, #load-more-news-ajax-button{margin-bottom:30px;float:right;}

/*404*/
#fourohfour-container{float:left;width:100%;text-align:center;}
    #fourohfour-image{float:left;width:100%;padding:50px 20px;}
        #fourohfour-image img{width:1100px;max-width:100%;}
    #fourohfour-message{float:left;width:100%;}
        #fourohfour-message h1{font-size:3.5rem;}

/*Footer*/
#footer{float:left;width:100%;padding:0 20px;text-align:center;}
    #footer p{margin-top:8px;}

/*Common*/
.white{color:#fff;}
.purple{color:#BA68C8 !important;}
.dark-purple{color:#a35caf;}
.yellow{color:#fded60;}
.turquoise{color:#56d1c2;}
.orange{color:#fbab5c;}
.red{color:#e87262;}
.blue{color:#3fb0ea;}
.green{color:#7fc04c;}
.light-grey{color:#f2f2f2;}
.dark-grey{color:#4f4f4f;}

.white-background{background-color:#fff;}
.light-beige-background{background-color:#f9f6ed;}
.beige-background{background-color:#f0ebdc;}
.purple-background{background-color:#BA68C8;}
.dark-purple-background{background-color:#a35caf;}
.yellow-background{background-color:#fded60;}
.turquoise-background{background-color:#56d1c2;}
.orange-background{background-color:#fbab5c;}
.red-background{background-color:#e87262;}
.blue-background{background-color:#3fb0ea;}
.green-background{background-color:#7fc04c;}
.light-grey-background{background-color:#f2f2f2;}
.dark-grey-background{background-color:#4f4f4f;}

.white-border{border:solid 1px #fff;}
.purple-border{border:solid 1px #BA68C8;}
.yellow-border{border:solid 1px #fded60;}
.turquoise-border{border:solid 1px #56d1c2;}
.orange-border{border:solid 1px #fbab5c;}
.red-border{border:solid 1px #e87262;}
.blue-border{border:solid 1px #3fb0ea;}
.green-border{border:solid 1px #7fc04c;}
.light-grey-border{border:solid 1px #f2f2f2;}
.dark-grey-border{border:solid 1px #4f4f4f;}

.no-margin-bottom{margin-bottom:0 !important;}
.button{display:inline-block;padding:14px 15px 12px 15px;margin:5px 0;color:#fff;border-radius:2px;font-size:1.05rem;font-weight:bold;-webkit-transition:border linear .1s,box-shadow linear .1s;transition:border linear .1s,box-shadow linear .1s;text-align:center;}
    .button:hover{border:solid 1px #fff !important;cursor:pointer;color:#fff;}
.large-button{font-size:1.25rem;border:#fff 1px solid;}

.hidden{display:none !important;}