@charset "utf-8";

/* Theme Name: Newzletter - StPauls */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body { font-size:14px; font-family: 'Open Sans', sans-serif; color:#747474; font-weight:400; background-repeat:no-repeat; background-position:top center; background-size:cover;background-attachment:fixed;}

img { max-width:100%; height:auto; vertical-align:middle; }

hr { clear:both; margin:30px 0; border:0;}

a { outline:none; text-decoration:none;}

a:hover { text-decoration:none; }

p {line-height:25px; margin:0 0 25px; }

li { list-style:none outside none; }

.clear { clear:both; height:0; font-size:0; }

strong, b { font-weight: 700; }
em, i { font-style: italic;}
em strong, strong em{font-weight: 700;font-style: italic; }

h1, h2, h3, h4, h5, h6 { line-height:1; font-weight:300; font-style:normal; margin-bottom:25px; }
h1 { font-size:36px; font-weight:300;}
h2 { font-size:30px; font-weight:300;}
h3 { font-size:22px; font-weight:300;}
h4 { font-size:17px; font-weight:300;}
h5 { font-size:14px; font-weight:700;}
h6 { font-size:13px; font-weight:400;}

button{ cursor:pointer;}

select,
input, 
button,
textarea{font-family: 'Open Sans', sans-serif;}

blockquote { margin:0 0 50px; display:block;  padding:40px 0 50px;}
blockquote p { font-size:20px; line-height:28px; margin:0;text-align:center; }
blockquote cite { display:block; text-align:right; font-size:18px; padding-top:10px;font-style:normal;}
img { max-width:100%; height:auto; vertical-align:middle; }
hr { clear:both; margin:30px 0; border:0;}

.alignleft {display: inline; float: left; margin:0 20px 20px 0;}
.alignright { display: inline; float: right; margin:0 0 20px 20px;}
.aligncenter { clear: both; display: block; margin:0 auto 20px;}
.alignnone{ clear: both; display: block; margin:0 auto 20px;}

.post_content .wp-caption,
.single_content .wp-caption{ max-width:100%; margin-bottom:20px; font-style:italic;}
.post_content h5,
.single_content h5{ line-height:24px;}
.post_content dl,
.single_content dl{ margin-bottom:20px;}
.post_content dl dt,
.single_content dl dt{ font-weight:700; display:block; margin-bottom:10px;}
.post_content dl dd,
.single_content dl dd{ padding-left:30px; display:block; margin-bottom:15px;}
.post_content > table,
.single_content > table{ margin-bottom:20px;}
.post_content ul,
.single_content ul{ margin-bottom:20px;}
.post_content ul li,
.single_content ul li{ list-style:disc; margin-left:25px; margin-bottom:10px; line-height:24px;}
.post_content ul li ul,
.single_content  ul li ul{ padding-top:10px;}
.post_content ol,
.single_content ol{ margin-bottom:20px;}
.post_content ol li,
.single_content ol li{ list-style:decimal; margin-left:25px; margin-bottom:10px; line-height:24px;}
.post_content ol li ol,
.single_content ol li ol{ padding-top:10px;}
.post_content address,
.single_content address{ line-height:24px; font-size:15px; margin-bottom:20px;}

table { border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; margin:0 0 20px; color:#666666; }
table td { border-right:1px solid #d9d9d9; background:#ffffff;font-weight: 400;}
table th, table td { padding:10px 15px; text-align:left; font-size:14px; line-height:22px; }
table th { color:#ffffff; font-weight: 700; border-right:1px solid #FFF; background:#6798bd; text-transform:uppercase;}
table tr:nth-child(2n) td {background:#f0f0f0;}

.button, a.button { font-size:18px; display:inline-block;padding:15px 30px; color:#FFF !important; cursor:pointer; box-shadow:none; text-shadow:none; border:1px solid #FFF; }
.button:hover, a.button:hover{ text-decoration:none;}

.container{ max-width:1238px; margin:0px auto; position:relative;}
.container:after{ content:""; display:table; clear:both;}

#header{ position:relative; z-index:5; border-width:0; border-top-width:10px; border-style:solid; padding-top:38px;}
#logo{ display:block; float:left;}
.mobileLogo{ display:none;}
.header_right{ float:right;}
.header_right span{ color:#fff;}
.menu_button{ border:0; background:none; color:#fff; font-size:16px; font-weight:300; margin-top:11px; padding:0;}
.menu_button i.Hamburger{ font-size:24px; margin-left:20px; display:inline-block; vertical-align:middle;}
.menu_button i.Hamburger i{ width:25px; background:#fff; height:3px; margin:5px 0px; display:block;}
.menu_button span{ display:inline-block; vertical-align:middle;}
.menu_button:hover{ color:#747474;}
.menu_button:hover i.Hamburger i{ background:#747474;}

/*.overlay{ background:url(images/body_overlay.png) repeat-x top;}*/
.overlay{ background:url(images/overlay_bg.png) no-repeat bottom center; background-attachment:fixed; background-size:cover;}

h1.page_title{ font-size:60px; font-weight:300; color:#fff;}

.scroll-pane{ 
  height: -moz-calc(100% - 118px);
  height: -webkit-calc(100% - 118px);
  height: calc(100% - 118px); 
}

.scroll-pane .jspPane{ width:100% !important;}

/* .demo-gallery{ margin-top:0px; width:auto; margin-left:-24px; margin-right:-24px; overflow:hidden;}
.demo-gallery > a{ width:25% !important; margin:0 0 64px 0; padding-left:24px; padding-right:24px; float:left; display: block; overflow:hidden; overflow:hidden;}
.demo-gallery > a img{ width:100%;}
.demo-gallery > a .thumbnail_box{ display:block; position:relative;}
.demo-gallery > a .shadow{ display:block; position:absolute; width:100%; height:100%; left:0px; top:0px; opacity:0; background:rgba(0,0,0,0.3); background-image:url(images/shadow_icon.png); background-position: center center; background-repeat:no-repeat;}
.demo-gallery > a:hover .shadow{ opacity:1;} */

@media screen and (max-width:960px){
  body{ background-size:cover;}
}

@media screen and (max-width:960px){
  .main_menu{ margin-left:-20px;}
  .main_menu a{ padding:0px 12px; font-size:14px;}
}

@media screen and (max-width:767px) {
  .alignleft{ float:none; margin-left:auto; margin-right:auto; display:block;}
  .alignright{ float:none; margin-left:auto; margin-right:auto; display:block;}	
}

@media screen and (max-width:570px) {

}

.categories_list ul { display: flex; flex-wrap: wrap; }
.categories_list .item_box { display: flex; flex-flow: column; height: 100%; }
.categories_list .item_box .cat_text_box { flex: 2; }

/* .post_list .list_row { display: flex; flex-wrap: wrap; } */

.single .mfp-content { display: block; }

.header_right { font-size: 18px; }
.header_right > *:not(:nth-last-child(-n+2)) { margin-right: 20px; }
.header_right .search-toggle { margin-right: 5px; }
.header_right a { color: #fff; }

.view-page .container { text-align: center; }
.view-page .page_title { color: #fff; }

.view-page .mfp-content { z-index: initial; width: 100%; }

.view-page .single_head a { display: inline-block; background: none; color: #fff; }
.view-page .single_head a:hover { background: none; }

.mfp-content .single_body table { width: 100%; }
.mfp-content .single_body a:hover { text-decoration: underline; }

/* PRINT CSS */
.print { display: none; }

.list { color: #fff; }
.list:hover { text-decoration: underline; }
/* .print-all:before { content: " | " } */

.print-page { background-color: rgb(255, 255, 255); border-radius: 10px; padding: 60px; }

.print-page .post_list { margin-left: 0; margin-right: 0; }

.post_list .post_item.full_width_item { width: 100%; float: none; padding-left: 0; padding-right: 0; }

.post_list .post_item .post_cat a { display: inline-block; color: inherit; }
.post_list .post_item .post_cat a:hover { background: none; }

/* .post_list .post_item .post_featured_img img { width: auto; } */
.post_list .post_item .post_inner { margin-top: 30px; }
.post_list .post_item .post_inner .divider_box { position: relative; margin-top: 40px; text-align: center; }
.post_list .post_item .post_inner .divider_box span { position: relative; background-color: #fff; padding: 0 10px; z-index: 11; }
.post_list .post_item .post_inner .divider_box hr { position: absolute; border-bottom: 1px solid; margin: 0; top: 50%; width: 100%; }

/* SEARCH FORM */
.search-form.hidden { opacity: 0; z-index: 0; }
.search-form { position: fixed; height: 100%; width: 100%; z-index: 9999; padding: 30px; opacity: 1; transition: ease 0.3s all; }

.search-form .close { position: absolute; right: 20px; top: 20px; font-size: 36px; color: #fff; }
.search-form .close:hover { cursor: pointer; }

.search-form .form-wrapper { display: flex; font-size: inherit; height: 100%; width: 100%; justify-content: center; align-items: center; }
.search-form form { position: relative; max-width: 700px; width: 100%; }
.search-form form input, .search-form form .submit { padding: 10px 15px; border: 0; border-radius: 5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.search-form form input[type="text"] { width: 100%; }
.search-form form .submit { background: none; position: absolute; top: 0; right: 0; transition: 0.3s ease all; }
.search-form form .submit:hover { cursor: pointer; color: #fff; }

.search .page_title_wrapper { color: #fff; }
.search .page_title_wrapper .search_query { margin-bottom: 19px; }

.search .post_list { display: flex; flex-wrap: wrap; }
.search .post_list .post_item { width: 25%; }
.search .post_list .post_item .post_item_inner { background: #fff; display: flex; flex-flow: column; height: 100%; transition: all ease 0.3s; }
.search .post_list .post_item .post_item_inner:hover { background: #dbdbdb; cursor: pointer; }
.search .post_list .post_item .post_item_inner:hover img { transform: scale(1.05); }
.search .post_list .post_item .post_item_inner a { background: none; color: inherit; }
.search .post_list .post_item .post_item_inner .post_content { padding: 15px; flex: 2; }

.search .post_list .post_item .post_item_inner .post_more { padding: 15px; color: #fff; width: 100%; margin: 0; position: relative; left: 0; }

.search .pagenav_back_top { text-align: center; }
.search .pagenav_back_top a { color: #fff; }

@media only screen and ( max-width: 1024px ) {
  .search .post_list .post_item { width: 33.3333%; }
}

@media only screen and ( max-width: 768px ) {
  .search .post_list .post_item { width: 50%; }
}