/* Theme Name: The Ecclesiological Society Author: Considered Creative Author URI: http://consideredcreative.com/ */ /* resets -------------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .lt-ie8 * { behavior: url(/ie/boxsizing.php); } html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-y: scroll; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } .lt-ie8 audio, .lt-ie8 canvas, .lt-ie8 video { display: inline; zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } svg:not(:root) { overflow: hidden; } img, iframe { border: 0; vertical-align: middle; } .lt-ie8 img { -ms-interpolation-mode: bicubic; } strong { font-weight: bold; } em { font-style: italic; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; line-height: normal; vertical-align: baseline; color: inherit; outline: 0; border-radius: 0; -webkit-font-smoothing: inherit; } .lt-ie8 button, .lt-ie8 input, .lt-ie8 select, .lt-ie8 textarea { vertical-align: middle; } textarea { overflow: auto; vertical-align: top; resize: vertical; } legend { white-space: normal; } .lt-ie8 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } input[type="checkbox"], input[type="radio"] { padding: 0; } .lt-ie7 input[type="checkbox"], .lt-ie7 input[type="radio"] { height: 13px; width: 13px; } .lt-ie8 input[type="checkbox"] { vertical-align: baseline; } label, button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; } .lt-ie8 button, .lt-ie8 input[type="button"], .lt-ie8 input[type="reset"], .lt-ie8 input[type="submit"] { overflow: visible; } button[disabled], input[disabled] { cursor: default; } button { width: auto; overflow: visible; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="search"] { -webkit-appearance: none; border-radius: 0; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } table { border-collapse: collapse; border-spacing: 0; } th, td { vertical-align: top; } th { font-weight: normal; text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } ul, ol { list-style: none; } li { display: list-item; } a { color: #000; background: transparent; text-decoration: none; cursor: pointer; -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -ms-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } .hide { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* global -------------------------------------------------------------------------- */ body { font: 62.5%/1 'Open Sans', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif; background: #000; color: #000; text-align: center; } /* header */ body > header { background: #fff; position: relative; z-index: 999; } body > header a.toggle, body > header a.mobile-twitter { display: none; } body > header > div { width: 940px; margin: 0 auto; position: relative; text-align: left; } body > header > div > div { position: absolute; top: 10px; right: 0; z-index: 2; } body > header form { float: left; } body > header form span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } body > header form input { width: 118px; padding: 0 9px; height: 2.583em; line-height: 2.583em; float: left; border: 1px solid #ccc; border-right: 0; font-size: 1.2em; font-weight: 600; color: #666; -webkit-transition: width .4s ease; -moz-transition: width .4s ease; -ms-transition: width .4s ease; -o-transition: width .4s ease; transition: width .4s ease; } body > header form input:focus { width: 178px; } body > header form input::-webkit-input-placeholder { color: #666; -webkit-transition: color .4s ease; } body > header form input:-moz-placeholder { color: #666; -moz-transition: color .4s ease; } body > header form input::-moz-placeholder { color: #666; -moz-transition: color .4s ease; } body > header form input:-ms-input-placeholder { color: #666; -ms-transition: color .4s ease; } body > header form input:focus::-webkit-input-placeholder { color: #ccc; } body > header form input:focus:-moz-placeholder { color: #ccc; } body > header form input:focus::-moz-placeholder { color: #ccc; } body > header form input:focus:-ms-input-placeholder { color: #ccc; } body > header form button { width: 2.583em; height: 0; line-height: 2.583em; font-size: 1.2em; padding: 2.583em 0 0; overflow: hidden; background: #e6b300 url(images/hdr-search.png) no-repeat 50% 50%; border: 0; float: left; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } body > header form button:hover { background-color: #74736e; } body > header > div ul { float: left; } body > header > div ul li { margin: 0 0 0 10px; float: left; } body > header > div ul li.signup a { padding: 0 38px 0 10px; font-size: 1.4em; font-weight: 600; color: #fff; height: 2.214em; line-height: 2.214em; background: #e6b300 url(images/hdr-signup.png) no-repeat 100% 50%; float: left; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } body > header > div ul li.signup a:hover { background-color: #74736e; } body > header > div ul li.twitter a { width: 2.214em; padding: 2.214em 0 0; font-size: 1.4em; height: 0; line-height: 2.214em; overflow: hidden; background: #5ea9dd url(images/hdr-twitter.png) no-repeat 50% 50%; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } body > header > div ul li.twitter a:hover { background-color: #74736e; } body > header h1 { position: relative; padding: 86px 0 0 176px; font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; font-size: 3.4em; color: #333; text-transform: uppercase; } body > header h1 a { float: left; position: relative; color: #333; } body > header h1 a:hover { color: #e6b300; } body > header h1 a img { position: absolute; top: -66px; left: -176px; } body > header h2 { padding: 0 0 72px 176px; font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; font-size: 3.6em; color: #74736e; } body > header nav { background: #e6b300; } body > header nav > ul { font-size: 0; } body > header nav > ul > li { position: relative; font-size: 10px; display: inline-block; } body > header nav > ul > li > a { padding: 4px 26px 0; font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; font-size: 2.2em; line-height: 1.773em; color: #fff; background: #e6b300; display: inline-block; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } body > header nav > ul > li:hover > a { background: #000; } body > header nav > ul > li.current-menu-item a, body > header nav > ul > li.current-page-ancestor a, body > header nav > ul > li.current-menu-parent a, body.single-post > header nav > ul > li.menu-item-77 a, body.tag > header nav > ul > li.menu-item-77 a, body.tax-event-categories > header nav > ul > li.menu-item-598 a, body.tax-publication-categories > header nav > ul > li.menu-item-78 a, body.tax-links-categories > header nav > ul > li.menu-item-78 a { background: #000; } body > header nav > ul > li > ul { position: absolute; top: 4.3em; left: 0; text-align: left; display: none; } body > header nav > ul > li > ul li a { white-space: nowrap; padding: 0 18px; font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; font-size: 2em; line-height: 2em; color: #fff; background: #000; display: block; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } body > header nav > ul > li > ul li.current-menu-item a, body.tax-publication-categories > header nav > ul > li.menu-item-78 > ul li.menu-item-267 a, body.tax-links-categories > header nav > ul > li.menu-item-78 > ul li.menu-item-293 a { background: #666; } body > header nav > ul > li > ul li a:hover { background: #333; } /* main */ body > div { background: url(images/mainbg.jpg) no-repeat fixed 50% 50%; background-size: cover; } #breadcrumb { width: 940px; margin: 0 auto; padding: 1.2em 14px 1.1em; background: #000; background: rgba(0,0,0,.3); } #breadcrumb ul { font-size: 1.4em; line-height: 120%; color: #fff; float: left; } #breadcrumb ul li { display: inline-block; vertical-align: middle; } #breadcrumb ul li + li { margin: 0 0 0 10px; padding: 0 0 0 8px; border-left: 1px solid #fff; } #breadcrumb ul li a { color: #fff; border-bottom: 1px solid #fff; float: left; -webkit-transition: border-color .4s ease; -moz-transition: border-color .4s ease; -ms-transition: border-color .4s ease; -o-transition: border-color .4s ease; transition: border-color .4s ease; } #breadcrumb ul li a:hover { border-color: #000; } #ecclsoc { width: 940px; margin: 0 auto; padding: 38px 40px 40px; background: #fff; text-align: left; } #ecclsoc a { border-bottom: 1px solid #000; display: inline-block; -webkit-transition: border-color .4s ease; -moz-transition: border-color .4s ease; -ms-transition: border-color .4s ease; -o-transition: border-color .4s ease; transition: border-color .4s ease; } #ecclsoc a:hover { border-color: #fff; } #ecclsoc hr { width: 100%; height: 1px; border: 0; margin: 2em 0 0; display: block; background: #ccc; } #ecclsoc h1 { font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; font-size: 4em; line-height: 120%; } #ecclsoc h1 strong { font-weight: 400; } #ecclsoc h2 { font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; font-size: 3em; line-height: 120%; } #ecclsoc h2 strong { font-weight: 400; } #ecclsoc h1 ~ h2, #ecclsoc p ~ h2, #ecclsoc h1 ~ .content h2 { margin: .667em 0 0; } #ecclsoc h3 { font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; font-size: 2em; line-height: 120%; color: #666; } #ecclsoc h3 strong { font-weight: 400; } #ecclsoc h1 a, #ecclsoc h2 a, #ecclsoc h3 a { display: inline; border-bottom-color: #fff; } #ecclsoc h1 a:hover, #ecclsoc h2 a:hover { border-bottom-color: #000; } #ecclsoc h3 a { color: #666; } #ecclsoc h3 a:hover { border-bottom-color: #666; } #ecclsoc p { margin: 1.143em 0 0; font-size: 1.4em; line-height: 120%; word-wrap:break-word; } #ecclsoc ul { margin: 1.143em 0 0 20px; font-size: 1.4em; line-height: 120%; list-style: disc; } #ecclsoc ul ul { font-size: 1em; margin-bottom: 1.143em; } #ecclsoc p:first-child { margin-top: 0; } #ecclsoc time + .content p:first-child { margin-top: 1.143em; } #ecclsoc h1 + p { margin-top: .143em; } #ecclsoc h1 + p.image { margin-top: 1.143em; } #ecclsoc p.image a { border: 0; } #ecclsoc p.event-image { margin-top: 1.143em; } #ecclsoc p.button { margin: 1.6em 0 0; font-size: 1em; line-height: normal; overflow: hidden; } #ecclsoc p.button-right { margin: 0; float: right; } #ecclsoc p.button a, #ecclsoc p.button span { margin: 0 20px 0 0; font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; border-bottom: 0; padding: 2px 19px 0; color: #fff; height: 1.864em; line-height: 1.864em; font-size: 2.2em; background: #e6b300; border: 0; float: left; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } #ecclsoc p.button a.grey, #ecclsoc p.button span.grey { background: #acaba3; } #ecclsoc p.button-right a, #ecclsoc p.button-right span { margin: 0 0 0 20px; } #ecclsoc p.button span { background-color: #ccc; } #ecclsoc p.button-pdf a, #ecclsoc p.button a.pdf { padding-left: 48px; background-image: url(images/button-pdf.png); background-repeat: no-repeat; background-position: 15px 50%; } #ecclsoc p.button .map { padding-left: 40px; background-image: url(images/button-map.png); background-repeat: no-repeat; background-position: 0 50%; } #ecclsoc p.button .list { padding-left: 40px; background-image: url(images/button-list.png); background-repeat: no-repeat; background-position: 0 50%; } #ecclsoc p.button a:hover { background-color: #74736e; } #ecclsoc p.button a.grey:hover, #ecclsoc p.button span.grey:hover { background: #74736e; } #ecclsoc time { margin: 1.143em 0 0; font-size: 1.4em; line-height: 120%; display: block; } #ecclsoc time:first-child { margin-top: 0; } #ecclsoc h1 + time { margin-top: .143em; } #ecclsoc img.alignleft { margin: 0 30px 20px 0; float: left; } #ecclsoc img.alignright { margin: 0 0 20px 30px; float: right; } #ecclsoc p.events-buttons { margin: 0; text-align: right; } #ecclsoc p.events-buttons a { margin: 0 0 0 10px; float: none; display: inline-block; } #ecclsoc p.events-buttons a.pdf { margin: 0; float: left; } #ecclsoc table { margin: 1.143em 0 0; font-size: 1.4em; line-height: 120%; } #ecclsoc table th { padding-right: 40px; font-weight: bold; } #ecclsoc table tr + tr th, #ecclsoc table tr + tr td { padding-top: .143em; } #ecclsoc table tr.break th, #ecclsoc table tr.break td { padding-top: 1em; } #ecclsoc .table-wrap { overflow: auto; } #ecclsoc .table-wrap table { width: 100%; margin: 1.6em 0 0; font-size: 1em; line-height: 100%; border: 1px solid #74736e; } #ecclsoc .table-wrap table thead th { padding: .364em 18px .318em; font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; font-weight: normal; font-size: 2.2em; line-height: 120%; color: #fff; background: #e6b300; border-right: 1px solid #74736e; } #ecclsoc .table-wrap table tbody th, #ecclsoc .table-wrap table tbody td { font-weight: normal; padding: 1.4em 18px 1.6em; background: #edeae4; border-right: 1px solid #74736e; } #ecclsoc .table-wrap table tbody tr:nth-of-type(even) th, #ecclsoc .table-wrap table tbody tr:nth-of-type(even) td { background: #dddad5; } #ecclsoc .table-wrap table tbody th a { border: 0; } #ecclsoc .table-wrap table tbody a { display: inline; } #ecclsoc .table-wrap table tbody a:hover { border-color: #edeae4; } #ecclsoc .box { margin: 40px 0 0; padding: 34px 0 0; border-top: 1px solid #c1c0ba; width: 100%; float: left; clear: both; } #ecclsoc .box-smaller { margin-top: 20px; padding-top: 20px; } #ecclsoc .box p.image:first-child + p { margin-top: 0; } #ecclsoc .box-events h2 { margin-top: 0; margin-bottom: .667em; } #ecclsoc .col { width: 50%; padding: 0 20px 0 0; position: relative; float: left; border-right: 1px solid #c1c0ba; } #ecclsoc > .col { margin-top: 1.6em; } #ecclsoc > .slideshow ~ .col { margin-top: 4em; } #ecclsoc .col-wide { width: 580px; } #ecclsoc .col-short { width: 280px; } #ecclsoc .col + .col { margin-left: -1px; padding: 0 0 0 20px; border-right: 0; border-left: 1px solid #c1c0ba; } #ecclsoc .col .box { margin-top: 20px; padding-top: 20px; } #ecclsoc .col .box:first-child { margin-top: 0; padding-top: 0; border-top: 0; } #ecclsoc .image-caption { margin: 1.6em 0 10px 20px; background: #edeae4; text-align: center; float: right; } #ecclsoc .image-caption-left { margin: 1.6em 20px 0 0; float: left; } #ecclsoc .image-caption img { display: block; } #ecclsoc .image-caption p { margin: 0; padding: 1em 10px 1.167em; font-size: 1.2em; display: inline-block; } #ecclsoc article.home-news { margin: 1.8em 0 0; } #ecclsoc article.home-news + article.home-news { margin-top: 4em; } #ecclsoc article.home-news h1 { font-size: 2.2em; } #ecclsoc article.home-news h1 img { width: 170px; height: 150px; border-right: 20px solid #fff; float: left; margin-bottom:10px;} #ecclsoc article.home-news h1 a { display: inline; } #ecclsoc article.home-news p { margin-top: .714em; } #ecclsoc form.search { margin: 1.6em 0 0; float: right; } #ecclsoc form.search span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #ecclsoc form.search input { width: 168px; padding: 0 9px; height: 2.929em; line-height: 2.929em; float: left; border: 1px solid #ccc; border-right: 0; font-size: 1.4em; font-weight: 600; color: #666; -webkit-transition: width .4s ease; -moz-transition: width .4s ease; -ms-transition: width .4s ease; -o-transition: width .4s ease; transition: width .4s ease; } #ecclsoc form.search input:focus { width: 228px; } #ecclsoc form.search input::-webkit-input-placeholder { color: #666; -webkit-transition: color .4s ease; } #ecclsoc form.search input:-moz-placeholder { color: #666; -moz-transition: color .4s ease; } #ecclsoc form.search input::-moz-placeholder { color: #666; -moz-transition: color .4s ease; } #ecclsoc form.search input:-ms-input-placeholder { color: #666; -ms-transition: color .4s ease; } #ecclsoc form.search input:focus::-webkit-input-placeholder { color: #ccc; } #ecclsoc form.search input:focus:-moz-placeholder { color: #ccc; } #ecclsoc form.search input:focus::-moz-placeholder { color: #ccc; } #ecclsoc form.search input:focus:-ms-input-placeholder { color: #ccc; } #ecclsoc form.search button { width: 2.929em; height: 0; line-height: 2.583em; font-size: 1.4em; padding: 2.929em 0 0; overflow: hidden; background: #e6b300 url(images/hdr-search.png) no-repeat 50% 50%; border: 0; float: left; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } #ecclsoc form.search button:hover { background-color: #74736e; } #ecclsoc select { font-size: 22px; cursor: pointer; vertical-align: middle; } #ecclsoc .customSelect { max-width: 100%; margin: 0 10px 10px 0; font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; font-size: 2.2em; line-height: 41px; height: 41px; background: #edeae4 url(images/customselect.png) no-repeat 100% 50%; vertical-align: middle; } #ecclsoc .customSelectInner { padding: 2px 60px 0 20px; } #ecclsoc .customSelectInner, #ecclsoc .customSelectInner:before, #ecclsoc .customSelectInner:after { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .lt-ie8 #ecclsoc .customSelectInner { behavior: none; } #ecclsoc form.filters { margin: 1.6em 0 0; } #ecclsoc form.filters p.button { margin: 0 10px 10px 0; vertical-align: middle; float: none; display: inline-block; } #ecclsoc form.filters p.button a { margin: 0; } #ecclsoc .file-download { margin: 1.6em 0 0; position: relative; } #ecclsoc .file-download select { max-width: 100%; } #ecclsoc .file-download p.button { margin: 0 0 10px; display: inline-block; vertical-align: middle; } #ecclsoc .people { margin: .4em 0 0; } #ecclsoc p.button + .people { margin-top: 2em; padding-top: 2em; border-top: 1px solid #c1c0ba; } #ecclsoc .people + .people { margin-top: 2em; } #ecclsoc .people p.role { margin-top: 0; font-weight: 600; color: #74736e; } #ecclsoc article.listing { width: 280px; margin: 2em 0 0 -1px; padding: 0 0 0 20px; position: relative; border-left: 1px solid #c1c0ba; float: left; } #ecclsoc article.listing .search-type { padding: 4px; font-size: 1em; font-weight: 800; text-transform: uppercase; position: absolute; top: 0; left: 20px; background: #e6b300; color: #fff; z-index: 3; } #ecclsoc .box-smaller article.listing:nth-of-type(-n+3) { margin-top: 0; } #ecclsoc .box-smaller .filters ~ article.listing:nth-of-type(-n+3) { margin-top: 2em; } #ecclsoc .col-wide article.listing:nth-of-type(2n-1), #ecclsoc > .box > article.listing:nth-of-type(3n-2), #ecclsoc > .content > article.listing:nth-of-type(3n-2) { margin-left: 0; padding: 0 20px 0 0; border-left: 0; border-right: 1px solid #c1c0ba; clear: left; } #ecclsoc .col-wide article.listing:nth-of-type(2n-1) .search-type, #ecclsoc > .box > article.listing:nth-of-type(3n-2) .search-type, #ecclsoc > .content > article.listing:nth-of-type(3n-2) .search-type { left: 0; } #ecclsoc > .content > article.listing:nth-of-type(3n-1), #ecclsoc > .box > article.listing:nth-of-type(3n-1) { width: 300px; padding-right: 20px; } #ecclsoc article.listing h1 { font-size: 2.6em; } #ecclsoc > .box > article.listing h1 { font-size: 2.6em; } #ecclsoc article.listing h1 img { margin: 0 auto 16px; display: block; } #ecclsoc article.listing time { font-size: 1.2em; color: #666; } #ecclsoc p.paging { width: 100%; padding: 4em 0 0; float: left; clear: both; text-align: center; } #ecclsoc p.paging a { margin: 0; float: none; display: inline-block; } #ecclsoc .wp-pagenavi { width: 100%; margin: 4em 0 0; padding: 4em 0 0; border-top: 1px solid #c1c0ba; float: left; clear: both; text-align: center; } #ecclsoc .wp-pagenavi a { border: 0; color: #fff; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } #ecclsoc .wp-pagenavi .page { font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; margin: 0 4px 0; font-size: 2.2em; padding: 2px 0 0; width: 1.864em; height: 1.864em; background: #e6b300; line-height: 1.864em; display: inline-block; } #ecclsoc .wp-pagenavi .current { font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; margin: 0 4px 0; font-size: 2.2em; padding: 2px 0 0; width: 1.864em; height: 1.864em; color: #fff; background: #000; line-height: 1.864em; display: inline-block; } #ecclsoc .wp-pagenavi .extend { font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; margin: 0 4px 0; font-size: 2.2em; padding: 2px 0 0; width: 1.864em; height: 1.864em; color: #333; line-height: 1.864em; display: inline-block; } #ecclsoc .wp-pagenavi .previouspostslink, #ecclsoc .wp-pagenavi .nextpostslink { font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; padding: 2px 19px 0; height: 1.864em; line-height: 1.864em; font-size: 2.2em; background: #e6b300; border: 0; float: left; } #ecclsoc .wp-pagenavi .nextpostslink { float: right; } #ecclsoc .wp-pagenavi a:hover { background-color: #74736e; } #ecclsoc .wp-pagenavi + p.button { width: 100%; float: left; clear: both; text-align: center; } #ecclsoc .wp-pagenavi + p.button a { margin: 0; float: none; display: inline-block; } #ecclsoc .tags { font-style: italic; } #ecclsoc .tags h2 { font-family: 'Open Sans', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif; font-weight: 600; margin: 1.143em .5em 0 0; font-size: 1.4em; display: inline-block; } #ecclsoc .tags p { display: inline-block; } #ecclsoc .slideshow { margin: 1.6em 0 0; background: #000; clear: both; } #ecclsoc .slideshow .slide { width: 100%; } #ecclsoc .slideshow a { border: 0; display: block; text-align: center; } #ecclsoc .slideshow span { padding: .929em 14px; font-size: 1.4em; line-height: 120%; background: #e6b300; color: #fff; text-align: left; display: block; } #ecclsoc .slideshow .cycle-prev, #ecclsoc .slideshow .cycle-next { width: 40px; height: 0; padding: 40px 0 0; overflow: hidden; display: block; position: absolute; top: 190px; left: 0; background: #e6b300 url(images/slideshow-prev.png) no-repeat 50% 50%; z-index: 101; cursor: pointer; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } #ecclsoc .slideshow .cycle-next { left: auto; right: 0; background-image: url(images/slideshow-next.png); } #ecclsoc .slideshow .cycle-prev:hover, #ecclsoc .slideshow .cycle-next:hover { background-color: #74736e; } #ecclsoc .church-map { margin: 2em 0 0; width: 100%; height: 806px; } #ecclsoc .church-map div[class^=' _ibani'] { margin-top: 24px; } #ecclsoc .church-map a.overlay { border: 0; display: block; padding: 10px; overflow: hidden; } #ecclsoc .church-map a.overlay img { margin: 0 10px 0 0; float: left; } #ecclsoc .church-map a.overlay span { display: block; font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; font-size: 18px; line-height: 120%; color: #fff; } #ecclsoc .church-map a.overlay:hover span { text-decoration: underline; } #ecclsoc .church-map a.overlay span + span { margin: 6px 0 0; font-family: 'Open Sans', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif; font-size: 14px; } #ecclsoc .church-info { padding: 0 0 2em; border-bottom: 1px solid #c1c0ba; } #ecclsoc .church-info h2 { font-family: 'Open Sans', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif; margin: 1.143em .5em 0 0; font-size: 1.4em; display: inline-block; } #ecclsoc .church-info ul { margin-left: 0; list-style: none; display: inline-block; } #ecclsoc .church-info ul li { display: inline-block; } #ecclsoc .church-info ul li ~ li { margin: 0 0 0 5px; padding: 0 0 0 8px; border-left: 1px solid #000; } #ecclsoc .accordion { margin: 1.6em 0 0; } #ecclsoc .accordion > h2, #ecclsoc .content .accordion > h2 { margin: 1px 0 0; padding: .409em 18px .182em; font-size: 2.2em; color: #fff; background: #74736e url(images/accordion.png) no-repeat 100% 50%; cursor: pointer; } #ecclsoc .accordion > h2.open { background-image: url(images/accordion-open.png); } #ecclsoc .accordion > section { padding: 1.8em 18px 2em; position: relative; background: #edeae4; display: none; } #ecclsoc article.contact { margin: 4em 0 0; } #ecclsoc article.contact + article.contact { margin-top: 2em; } #ecclsoc article.contact h2 { margin: 0; font-size: 2.2em; } #ecclsoc article.contact p { margin: 0; color: #2f1b0e; } #ecclsoc article.contact a { color: #2f1b0e; border-color: #2f1b0e; } #ecclsoc article.contact a:hover { border-color: #fff; } #ecclsoc form.links-filter { padding: 2em 0 1em; border-top: 1px solid #c1c0ba; border-bottom: 1px solid #c1c0ba; } #ecclsoc form.subscribe { margin: 1.6em 0 0; font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; } #ecclsoc form.subscribe label { width: 100%; display: block; } #ecclsoc form.subscribe label + label { margin-top: 10px; } #ecclsoc form.subscribe label span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #ecclsoc form.subscribe label input { width: 100%; padding: 2px 19px 0; height: 1.864em; line-height: 1.864em; font-size: 2.2em; color: #000; border: 0; background: #edeae4; } #ecclsoc form.subscribe label input::-webkit-input-placeholder { color: #000; -webkit-transition: color .4s ease; } #ecclsoc form.subscribe label input:-moz-placeholder { color: #000; -moz-transition: color .4s ease; } #ecclsoc form.subscribe label input::-moz-placeholder { color: #000; -moz-transition: color .4s ease; } #ecclsoc form.subscribe label input:-ms-input-placeholder { color: #000; -ms-transition: color .4s ease; } #ecclsoc form.subscribe label input:focus::-webkit-input-placeholder { color: #bcbab5; } #ecclsoc form.subscribe label input:focus:-moz-placeholder { color: #bcbab5; } #ecclsoc form.subscribe label input:focus::-moz-placeholder { color: #bcbab5; } #ecclsoc form.subscribe label input:focus:-ms-input-placeholder { color: #bcbab5; } #ecclsoc form.subscribe label.error input { border: 1px solid #f00; } #ecclsoc form.subscribe button { margin: 10px 0 0; padding: 2px 19px 0; color: #fff; height: 1.864em; line-height: 1.864em; font-size: 2.2em; background: #e6b300; border: 0; float: left; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } #ecclsoc form.subscribe button:hover { background-color: #74736e; } #ecclsoc .cf_info { font-size: 1.4em; line-height: 120%; } #ecclsoc .cf_info.failure, #ecclsoc .cf_info.waiting { margin: 1.143em 0 0; } .page-id-26 #ecclsoc .cf_info.failure, .page-id-26 #ecclsoc .cf_info.waiting { margin: 0 0 1.143em; } #ecclsoc form.cform { margin: 1.8em 0 0; font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; } #ecclsoc .cf_info:first-child + form.cform { margin-top: 0; } #ecclsoc form.cform li { position: relative; } #ecclsoc form.cform li + li { margin: 10px 0 0; } #ecclsoc form.cform label { width: 100%; padding: 2px 19px 0; height: 1.864em; line-height: 1.864em; font-size: 2.2em; color: #000; display: block; position: absolute; top: 0; left: 0; -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -ms-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; } #ecclsoc form.cform li.focus label { color: #bcbab5; } #ecclsoc form.cform input.single, #ecclsoc form.cform textarea { width: 100%; padding: 2px 19px 0; height: 1.864em; line-height: 1.864em; font-size: 2.2em; color: #000; border: 0; background: #edeae4; } #ecclsoc form.cform input.single.cf_error, #ecclsoc form.cform textarea.cf_error { border: 1px solid #f00; } #ecclsoc form.cform textarea { height: 124px; padding: 3px 19px; } line-height: 120%; } #ecclsoc form.cform input.cf-box-a { float: left; } #ecclsoc form.cform label.cf-after { width: 390px; float: right; padding: 0; height: auto; line-height: 120%; font-size: 1.4em; position: static; top: auto; left: auto; font-family: 'Open Sans', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif; } #ecclsoc form.cform .cf_hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #ecclsoc form.cform .cf-sb { margin: 2em 0 0; font-size: 1em; line-height: 100%; } #ecclsoc form.cform .cf-sb input { padding: 2px 19px 0; color: #fff; height: 1.864em; line-height: 1.864em; font-size: 2.2em; background: #e6b300; border: 0; float: left; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } #ecclsoc form.cform .cf-sb input:hover { background-color: #74736e; } #ecclsoc .events-listing { margin: 20px 0 0; border-top: 1px solid #c1c0ba; font-size: 0; text-align: center; } #ecclsoc .events-listing article { width: 280px; margin: 3em auto 0; background: #edeae4; font-size: 10px; display: inline-block; vertical-align: top; text-align: left; } #ecclsoc .events-listing article .map { border: 1px solid #edeae4; border-width: 20px 20px 0; height: 260px; } #ecclsoc .events-listing article figure a { padding: 20px 20px 0; border: 0; display: block; } #ecclsoc .events-listing article figure a img { width: 240px; height: 240px; } #ecclsoc .events-listing article > a { border: 0; } #ecclsoc .events-listing article time { margin: 0; padding: 18px 20px 0; font-weight: 1.6em; line-height: 100%; font-weight: 800; } #ecclsoc .events-listing article p { margin: 0; padding: 8px 20px 0; } #ecclsoc .events-listing article h2 { margin: 16px 20px 0; padding: 16px 0 14px; font-size: 2em; border-top: 1px solid #c1c0ba; min-height: 104px; } #ecclsoc .events-listing.other article { background: #fff; } #ecclsoc .events-listing.other article .map { border-color: #fff; } @media only screen and (min-width: 630px) { #ecclsoc .events-listing article { margin-left: 10px; } #ecclsoc .events-listing article:nth-of-type(2n-1) { margin-left: 0; } } @media only screen and (min-width: 910px) { #ecclsoc .events-listing { text-align: left; } #ecclsoc .events-listing article:nth-of-type(2n-1) { margin-left: 10px; } #ecclsoc .events-listing article:nth-of-type(3n-2) { margin-left: 0; } } /* footer */ body > footer { width: 900px; margin: 0 auto; padding: 1.4em 0; text-align: left; } body > footer ul { font-size: 1.2em; line-height: 120%; color: #fff; float: left; } body > footer ul li { float: left; } body > footer ul li + li { margin: 0 0 0 9px; padding: 0 0 0 9px; border-left: 1px solid #fff; } body > footer ul li a { color: #fff; border-bottom: 1px solid #fff; float: left; -webkit-transition: border-color .4s ease; -moz-transition: border-color .4s ease; -ms-transition: border-color .4s ease; -o-transition: border-color .4s ease; transition: border-color .4s ease; } body > footer ul li a:hover { border-color: #000; } body > footer ul + ul { float: right; } /* mobile nav */ #mobile-nav { width: 320px; max-width: 100%; padding: 1em 10px 9999px; margin: 0 0 -9999px; position: absolute; top: 0; right: -320px; text-align: left; background: #000; display: none; z-index: 9998; -webkit-transition: right .4s ease; -moz-transition: right .4s ease; -ms-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; } body.nav-open #mobile-nav { right: 0; } #mobile-nav > header { position: relative; text-align: right; } #mobile-nav > header ul { margin: 0 120px 0 0; } #mobile-nav > header li { vertical-align: middle; display: inline-block; } #mobile-nav > header li.back { float: left; } #mobile-nav > header li.back a { width: 3.417em; height: 0; line-height: 3.417em; font-size: 1.2em; padding: 3.417em 0 0; overflow: hidden; background: #e6b300 url(images/mobile-back.png) no-repeat 50% 50%; border: 0; float: left; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } #mobile-nav > header li.back a:hover { background-color: #74736e; } #mobile-nav > header li.twitter a { width: 2.214em; padding: 2.214em 0 0; font-size: 1.4em; height: 0; line-height: 2.214em; overflow: hidden; background: #5ea9dd url(images/hdr-twitter.png) no-repeat 50% 50%; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } #mobile-nav > header li.twitter a:hover { background-color: #74736e; } #mobile-nav > header li.subscribe { margin: 0 0 0 8px; } #mobile-nav > header li.subscribe a { padding: 0 46px 0 10px; font-size: 1.2em; font-weight: 600; color: #fff; height: 3.417em; line-height: 3.417em; background: #e6b300 url(images/mobile-subscribe.png) no-repeat 100% 50%; float: left; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } #mobile-nav > header li.subscribe a:hover { background-color: #74736e; } #mobile-nav > header li.search { top: 0; right: 0; position: absolute; z-index: 2; } #mobile-nav > header li form { position: relative; } #mobile-nav > header li form span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #mobile-nav > header li form input { width: 70px; padding: 0 9px; height: 3.417em; line-height: 3.417em; float: left; border: 1px solid #ccc; border-right: 0; font-size: 1.2em; font-weight: 600; color: #666; -webkit-transition: width .4s ease; -moz-transition: width .4s ease; -ms-transition: width .4s ease; -o-transition: width .4s ease; transition: width .4s ease; } #mobile-nav > header li input:focus { width: 234px; } #mobile-nav > header li input::-webkit-input-placeholder { color: #666; -webkit-transition: color .4s ease; } #mobile-nav > header li input:-moz-placeholder { color: #666; -moz-transition: color .4s ease; } #mobile-nav > header li input::-moz-placeholder { color: #666; -moz-transition: color .4s ease; } #mobile-nav > header li input:-ms-input-placeholder { color: #666; -ms-transition: color .4s ease; } #mobile-nav > header li input:focus::-webkit-input-placeholder { color: #ccc; } #mobile-nav > header li input:focus:-moz-placeholder { color: #ccc; } #mobile-nav > header li input:focus::-moz-placeholder { color: #ccc; } #mobile-nav > header li input:focus:-ms-input-placeholder { color: #ccc; } #mobile-nav > header li button { width: 3.417em; height: 0; line-height: 3.417em; font-size: 1.2em; padding: 3.417em 0 0; overflow: hidden; background: #e6b300 url(images/mobile-search.png) no-repeat 50% 50%; border: 0; float: left; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } #mobile-nav > header li button:hover { background-color: #74736e; } #mobile-nav nav.main { margin: 1em 0 0; padding: 0 0 1em; border: 1px solid #4d4d4d; border-width: 1px 0; } #mobile-nav nav.main li { padding: 1em 0 0; display: block; } #mobile-nav nav.main li a { padding: 0 10px; font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; font-size: 2em; line-height: 2em; line-height: 2em; color: #fff; background: #e6b300; display: block; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } #mobile-nav nav.main li ul { display: none; } #mobile-nav nav.main li.current-menu-item a, #mobile-nav nav.main li.current-page-ancestor a, #mobile-nav nav.main li.current-menu-parent a, body.single-post #mobile-nav nav.main li.menu-item-77 a, body.tag #mobile-nav nav.main li.menu-item-77 a, body.tax-event-categories #mobile-nav nav.main li.menu-item-598 a, body.tax-publication-categories #mobile-nav nav.main li.menu-item-78 a, body.tax-links-categories #mobile-nav nav.main li.menu-item-78 a, #mobile-nav nav.main li a:hover { background: #454545; } #mobile-nav nav.sub { padding: 1em 10px; } #mobile-nav nav.sub ul { font-size: 1.2em; line-height: 1.5em; } #mobile-nav nav.sub ul a { color: #fff; text-decoration: underline; } #mobile-nav nav.sub ul a:hover { text-decoration: none; } /* sign up */ body > #signup { font-family: 'Aldine 401 Multilingual W01', 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: 300; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9999; display: none; } body > #signup .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; background: rgba(0,0,0,.8); cursor: pointer; } body > #signup .wrap { width: 390px; background: #edeae4; position: fixed; top: 50%; left: 50%; margin: -150px 0 0 -195px; text-align: left; padding: 36px 0 40px 40px; } body > #signup .wrap .close { width: 30px; height: 30px; position: absolute; top: 0; right: 0; display: block; background: #e6b300 url(images/signup-close.png) no-repeat 50% 50%; border: 0; float: left; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } body > #signup .wrap .close:hover { background-color: #74736e; } body > #signup .wrap h2 { font-size: 3em; line-height: 120%; color: #000; } body > #signup .wrap label { width: 260px; margin: 28px 0 0; display: block; } body > #signup .wrap label + label { margin-top: 18px; } body > #signup .wrap label span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } body > #signup .wrap input { width: 100%; padding: 2px 19px 0; height: 1.864em; line-height: 1.864em; font-size: 2.2em; color: #000; border: 0; } body > #signup .wrap input::-webkit-input-placeholder { color: #000; -webkit-transition: color .4s ease; } body > #signup .wrap input:-moz-placeholder { color: #000; -moz-transition: color .4s ease; } body > #signup .wrap input::-moz-placeholder { color: #000; -moz-transition: color .4s ease; } body > #signup .wrap input:-ms-input-placeholder { color: #000; -ms-transition: color .4s ease; } body > #signup .wrap input:focus::-webkit-input-placeholder { color: #ccc; } body > #signup .wrap input:focus:-moz-placeholder { color: #ccc; } body > #signup .wrap input:focus::-moz-placeholder { color: #ccc; } body > #signup .wrap input:focus:-ms-input-placeholder { color: #ccc; } body > #signup .wrap label.error input { border: 1px solid #f00; } body > #signup .wrap button { margin: 20px 0 0; padding: 2px 19px 0; color: #fff; height: 1.864em; line-height: 1.864em; font-size: 2.2em; background: #e6b300; border: 0; float: left; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } body > #signup form button:hover { background-color: #74736e; } /*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(images/swipebox/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(images/swipebox/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif} /* responsive -------------------------------------------------------------------------- */ @media only screen and (max-width: 960px) { body { position: relative; overflow: hidden; } body > header { padding: 2em 0 1.4em; } body > header a.toggle { width: 41px; height: 0; padding: 41px 0 0; background: #e6b300 url(images/mobile-toggle.png) no-repeat 50% 50%; position: absolute; top: 10px; right: 10px; display: block; z-index: 2; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } body > header a.toggle:hover { background-color: #74736e; } body > header a.mobile-twitter { width: 2.214em; padding: 2.214em 0 0; font-size: 1.4em; height: 0; line-height: 2.214em; overflow: hidden; background: #5ea9dd url(images/hdr-twitter.png) no-repeat 50% 50%; z-index: 2; position: absolute; top: 61px; right: 15px; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } body > header a.mobile-twitter:hover { background-color: #74736e; } body > header > div { width: auto; } body > header > div > div { display: none; } body > header h1 { padding: 0; font-size: 1.9em; line-height: 120%; text-align: center; } body > header h1 a { float: none; } body > header h1 a img { width: 99px; height: auto; margin: 0 auto 20px; position: relative; top: auto; left: auto; display: block; } body > header h2 { padding: 0; font-size: 2em; line-height: 120%; text-align: center; } body > header nav { display: none; } body > div { background: #e6b300; padding: 10px; } #breadcrumb { display: none; } #ecclsoc { width: auto; margin: 0 auto; padding: 20px; background: #fff; text-align: left; overflow: hidden; -moz-box-shadow: 0 6px 10px rgba(0,0,0,.5); -webkit-box-shadow: 0 6px 10px rgba(0,0,0,.5); box-shadow: 0 6px 10px rgba(0,0,0,.5); } #ecclsoc p.image { text-align: center; } #ecclsoc p.image a img { max-width: 100%; height: auto; margin: 0 auto; } #ecclsoc p.button a, #ecclsoc p.button span { margin-bottom: 10px; } #ecclsoc p.button-right { margin: 1.6em 0; float: none; } #ecclsoc p.button-right a, #ecclsoc p.button-right span { margin: 0 20px 10px 0; } #ecclsoc img.alignleft { max-width: 100%; height: auto; margin: 0 auto 20px; float: none; display: block; } #ecclsoc img.alignright { max-width: 100%; height: auto; margin: 0 auto 20px; float: none; display: block; } #ecclsoc .col { width: 100%; padding: 0; clear: both; border-right: 0; } #ecclsoc .col-wide { width: 100%; } #ecclsoc .col-short { width: 100%; } #ecclsoc .col + .col { margin-left: 0; margin-top: 2em; border-top: 1px solid #c1c0ba; padding: 2em 0 0; border-left: 0; } #ecclsoc p.events-buttons { text-align: left; } #ecclsoc p.events-buttons a { margin: 10px 0 0; } #ecclsoc p.events-buttons a.pdf { float: none; margin: 0; } #ecclsoc .image-caption { margin: 1.6em 0 0; float: none; } #ecclsoc .image-caption-left { margin: 1.6em 0 0; float: none; } #ecclsoc .image-caption img { max-width: 100%; height: auto; margin: 0 auto; } #ecclsoc article.home-news h1 img { width: 110px; height: 90px; margin-bottom: 10px; } #ecclsoc form.search { overflow: hidden; float: none; } #ecclsoc form.search input, #ecclsoc form.search input:focus { width: calc(100% - 2.929em); } #ecclsoc article.listing { width: 100%; margin: 2em 0 0; padding: 0; border-left: 0; float: none; } #ecclsoc .box-smaller article.listing:nth-of-type(-n+3) { margin-top: 2em; } #ecclsoc .box-smaller .filters ~ article.listing:nth-of-type(-n+3) { margin-top: 2em; } #ecclsoc .col-wide article.listing:nth-of-type(2n-1), #ecclsoc > .box > article.listing:nth-of-type(3n-2) { margin-left: 0; padding: 0; border-right: 0; } #ecclsoc > .box > article.listing:nth-of-type(3n-1) { width: 100%; padding-right: 0; } #ecclsoc .slideshow img { max-width: 100%; height: auto; } #ecclsoc .slideshow .cycle-prev, #ecclsoc .slideshow .cycle-next { width: 20px; padding: 20px 0 0; top: 50%; margin-top: -30px; background-size: 6px 9px; } #ecclsoc form.cform label.cf-after { width: calc(100% - 20px); } body > footer { width: auto; padding: 2em 0; } body > footer ul { text-align: center; float: none; display: none; } body > footer ul + ul { float: none; display: block; } body > footer ul li { float: none; display: block; } body > footer ul li + li { margin: 6px 0 0; padding: 0; border-left: 0; } #mobile-nav { display: block; } body > #signup .wrap { width: 90%; left: 0; margin-left: 5%; padding-right: 40px; } body > #signup .wrap label { width: 100%; } } /* clearfix -------------------------------------------------------------------------- */ .clearfix:before, .clearfix:after, div:before, div:after, header:before, header:after, section:before, section:after, article:before, article:after, nav:before, nav:after, ul:before, ul:after, ol:before, ol:after, body > header h1:before, body > header h1:after, #ecclsoc form.cform li:before, #ecclsoc form.cform li:after, footer:before, footer:after { content: ""; display: table; } .clearfix:after, div:after, header:after, section:after, article:after, nav:after, ul:after, ol:after, body > header h1:after, #ecclsoc form.cform li:after, footer:after { clear: both; } .lt-ie8 .clearfix, .lt-ie8 div, .lt-ie8 header, .lt-ie8 section, .lt-ie8 article, .lt-ie8 nav, .lt-ie8 ul, .lt-ie8 ol, .lt-ie8 body > header h1, .lt-ie8 #ecclsoc form.cform li, .lt-ie8 footer { zoom: 1; } /* print -------------------------------------------------------------------------- */ @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }