/* Theme Name: CDJ Theme URI: http://madg.com/ Author: the Mad Genius team Author URI: http://madg.com/ Description: The Catholic Diocese of Jackson Theme. Version: 1.0 License: GNU General Public License */ /* Include Styles Below */ @import url("lib/shortcodes.css"); /* = !CONTENTS ---------------------------------------------------------------- */ /* * * Based on the work of: * Normalize - https://github.com/necolas/normalize.css * Bootstrap - http://twitter.github.com/bootstrap/ * * NORMALIZE.............Normalize our defaults * BASE..................Base typography & standard html elements * BUTTONS...............Button set * ICONS.................Icon set * CLEARS & HELPERS......Clears, Selection colors, Helpers * WP STYLES.............Basic WP styles, Gravity Forms overrides * GRID/COLUMN SYSTEM....The grid/column system * PAGE STRUCTURE........Define Page Structure * HEADER................Site Header styles * CONTENT...............Site Content area styles * FOOTER................Site Footer styles * RESPONSIVE............Site Responsive overrides * */ /* = !NORMALIZE ---------------------------------------------------------------- */ /* normalize.css v2.1.0 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address styling not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /** Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */ /* Moved H1 to style.scss */ /** Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { font-weight:700; border-bottom:none; } /** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ button, input { line-height: normal; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* = !BASE ---------------------------------------------------------------- */ /* * The Font-Size percentage is based on 16px. * (0.875 * 16px = 14px) * (0.75 * 16px = 12px) * Font-Size:87.5%; = 14px */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: 'PT Sans',Helmet,Freesans,sans-serif; } body { color: #212121; line-height: 1.25; } /* = Links */ a { position: relative; color: #a31a1a; text-decoration: none; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; -webkit-transition: border 0.2s ease-in; -moz-transition: border 0.2s ease-in; -ms-transition: border 0.2s ease-in; -o-transition: border 0.2s ease-in; transition: border 0.2s ease-in; } a:hover { color: #782b2d; text-decoration: underline; } a:active { top: 1px; color: #782b2d; text-decoration: underline; } /* = Headings */ /* h1 defined in normalize */ h1, .h1 { color: #2c457b; font-family: 'Vollkorn',serif; font-weight: normal; font-size: 2em; margin: 0.67em 0; } h2, .h2 { color: #2c457b; font-family: 'Vollkorn',serif; font-weight: normal; font-size: 1.5em; margin: 0.83em 0; } h3, .h3 { color: #2c457b; font-family: 'Vollkorn',serif; font-weight: normal; font-size: 1.17em; margin: 1em 0; } h4, .h4 { color: #2c457b; font-family: 'Vollkorn',serif; font-weight: normal; font-size: 1em; margin: 1.33em 0; } h5, .h5 { font-size: 0.83em; margin: 1.67em 0; } h6, .h6 { font-size: 0.83em; margin: 2.33em 0; text-transform: uppercase; color: #7f7f7f; } /* = Paragraphs */ p { margin: 0 0 0.938em; } /* = Text elements */ small { color: #7f7f7f; } code { background-color: #fee9cc; padding: 1px 3px; } pre { background-color: #f2f2f2; display: block; margin: 0 0 0.938em; padding: 8px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d0d0d0; border: 1px solid rgba(0, 0, 0, 0.15); } blockquote { background-color: #f2f2f2; border-left: 5px solid #cd892a; padding: 0.938em; } blockquote p { font-weight: 300; margin-bottom: 5px; } blockquote small:before { content: '\2014 \00A0'; } address { font-style: normal; } /* = Lists */ ul, ol, dl { margin: 1em 0; line-height: 1.75; } ol ol, ul ul { margin: 0.5em 0; } ul ul { list-style: circle; } ul ul ul { list-style: square; } ol ol { list-style: lower-alpha; } ol ol ol { list-style: lower-roman; } .circle { list-style-type: circle; } .square, .circle ul { list-style-type: square; } .upper-roman, .outline { list-style: upper-roman; } .outline ol { list-style: upper-alpha; } .outline ol ol { list-style: decimal; } .outline ol ol ol { list-style: lower-alpha; } .outline ol ol ol ol { list-style: lower-roman; } .lower-roman { list-style-type: lower-roman; } .upper-alpha { list-style-type: upper-alpha; } .lower-alpha { list-style-type: lower-alpha; } .unstyled { margin-left: 0; padding-left: 0; list-style: none; } .inline > li { display: inline-block; *display: inline; zoom: 1; } /* = Images */ img { max-width: 100%; height: auto; } p img { position: relative; border: 1px solid #d0d0d0; margin-top: 5px; } p a img { border: 1px solid #a31a1a; } p a img:hover { border: 1px solid #782b2d; } p a img:active { top: 1px; border: 1px solid #782b2d; } /* = Alignment */ .alignnone { margin: 5px 1.625em 1.625em 0; } .aligncenter, div.aligncenter { clear: both; display: block; margin: 5px auto; } .alignleft, .alignright, .aligncenter { margin-bottom: 1.625em; } .alignleft { display: inline; float: left; margin-right: 1.625em; } .alignright { display: inline; float: right; margin-left: 1.625em; } /* = Tables */ table { width: 100%; margin-bottom: 18px; padding: 0; border-collapse: collapse; } table th, table td { padding: 10px 10px 9px; line-height: 18px; text-align: left; } table th { padding-top: 9px; font-weight: bold; vertical-align: middle; } table td { vertical-align: top; border-top: 1px solid #d0d0d0; } table tbody th { border-top: 1px solid #d0d0d0; vertical-align: top; } .condensed-table th, .condensed-table td { padding: 5px 5px 4px; } .bordered-table { border: 1px solid #d0d0d0; border-collapse: separate; *border-collapse: collapse; /* IE7, collapse table to remove spacing */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bordered-table th + th, .bordered-table td + td, .bordered-table th + td { border-left: 1px solid #d0d0d0; } .bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; } .bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } .bordered-table tbody tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } .bordered-table tbody tr:last-child td:last-child { -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; } .zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th { background-color: #f2f2f2; } .zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th { background-color: #f2f2f2; } /* = Forms */ input[type="text"], input[type="file"], input[type="password"], textarea, select { background: white; -moz-box-shadow: inset 0 1px 1px rgba(33, 33, 33, 0.1); -webkit-box-shadow: inset 0 1px 1px rgba(33, 33, 33, 0.1); box-shadow: inset 0 1px 1px rgba(33, 33, 33, 0.1); color: #404040; border: 1px solid #d0d0d0; padding: 8px 5px; } input[type="button"], input[type="reset"], input[type="submit"], button[type="reset"], button[type="submit"] { background-color: #f2f2f2; border: 1px solid #d0d0d0; padding: 8px 10px; } input[type="text"]:focus, input[type="file"]:focus, input[type="password"]:focus, textarea:focus { background: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* = Horizontal Rules */ hr { color: #d0d0d0; background-color: #d0d0d0; height: 2px; border: 0; margin: 10px 0; clear: both; } /* = !BUTTONS ---------------------------------------------------------------- */ /* = Buttons */ .btn { position: relative; display: inline-block; *display: inline; padding: 4px 14px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; *line-height: 20px; color: #212121; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f2f2f2; *background-color: #e6e6e6; border: 1px solid #bbbbbb; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #d0d0d0; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { top: 1px; background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 9px 14px; font-size: 16px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-large [class^="icon-"] { margin-top: 2px; } .btn-small { padding: 3px 9px; font-size: 12px; line-height: 18px; } .btn-small [class^="icon-"] { margin-top: 0; } .btn-mini { padding: 2px 6px; font-size: 11px; line-height: 17px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #2c457b; *background-color: #0044cc; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #16274b; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #333; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #e79d25; *background-color: #f89406; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #333; background-color: #cd892a; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #51a351; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; *background-color: #2f96b4; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; *background-color: #222222; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { color: #0088cc; cursor: pointer; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover { color: #333333; text-decoration: none; } /* Overrides */ .btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; } /* = !ICONS ---------------------------------------------------------------- */ /* Icons */ .the-icons { margin: 0; padding: 0; list-style: none; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("images/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; } .icon-align-justify { background-position: -336px -48px; } /* = !CLEARS & !HELPERS ---------------------------------------------------------------- */ /* = Clears */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .vert { height: 1.5em; } /* = Text meant only for assistive technology */ .visually-hidden { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* = Selection colors */ ::selection { background: #fee9cc; color: #212121; } ::-moz-selection { background: #fee9cc; color: #212121; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); } /* = Helpers */ .polaroid { padding: 0.75em; border: 1px solid #d0d0d0; } .thick { height: 3px; } .thin { height: 1px; } .no-clear { clear: none; } .no-border { border: none; } .no-margin, .row .no-margin { margin: 0; } .border-bottom { padding-bottom: 4px; border-bottom: 1px solid #d0d0d0; } .large-text { font-size: 1.125em; line-height: 1.5; } .small-text { font-size: 0.875em; } .shadow { visibility: visible; width: 100%; height: 10px; } .shadow-bottom { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAAAJCAMAAADKB7VIAAAAaVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnbPKNAAAAI3RSTlMbIRUgGA8UEhweFgkXHRAOHwwRGgYIGSIKAwsFEw0HAAQCAeg3/WoAAAKeSURBVHja7dWLlqogFAZgbcoumk2mHc0S4f0f8gC647KlcKyZmjVfcWtRGvpLQAgDtFNVLVfXdd40TcHFcSmcLHvlouz7CqhPd7putFB2qSZLMyGVhVv2zqDrRRF/gxm34WaJbJKNrBP+BnNB1EflYAnACvS9Leh7a90ntv784HglawDDEPsnXrpQFQ3MC7uBmqsm498JoeMW3pocuuar76E5Iaf+54coAl6KD75WyBqstpqVIRAOvaMoV3MpAZsrcZtEAG6lpZRdpdJCFG4HjBtaOBnKMi6v4k4hNQVo+qbJG0MBY5B3aqkVqooKTBTCX5xoAqISTCiADHN5Lg8gxTLK2MnLXncZsLMteqkt00G2bZFhBjaWxDBXjpbDgECzumPrbT3C53da37X1tLol6B1MR0sfUmWjmUmRctZYeQWwlygosYbSAIk1NU75oNrQShVHO8xCIMCAMD3EEGMIMiiQ2K10uxt2lHFsAVIkw9RWjkWDUO6R5La5w3GqwwM5f0471nGaOZa4bZCZElnOFthRlVQHOVUu93ZXUyx5ZRWF00cLKon2mI0QEWCJmehVxbW92pDbmpEKl9g0Nv4Q/pt2wxaW1C3ztnQ5/37Lm7J70mELzW7IxbBXTpYSiXuj4umTSX9VhyoMIZ2A6JiNGirQjlaPN/rpUHiJLaW300R7RRtilw6M3sbe32ms0kesKRwat9zwiCxWTtQXG0A0AUGYE52u8tROVD9C7qn583C5h9pf+1Ue4ZuOjYED7MaeTZ0//VnVRG0HD9s/3kFR/S+gHHS+O2JPDwrBcIDvRlk0r4CgsQfy6EWnnGpe4Bn0OzC8ps+7uq9xP7sQHwH5UXCq3vQ/B82VmuSBvvbVe0ekL9jD4zT96sKu9Ob+A1hQX0jDNVUmAAAAAElFTkSuQmCC) no-repeat top; } .shadow-top { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAAAJCAMAAADKB7VIAAAAaVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnbPKNAAAAI3RSTlMbIRUgGA8UEhweFgkXHRAOHwwRGgYIGSIKAwsFEw0HAAQCAeg3/WoAAAKXSURBVHja7ZeLWuMgEEbj/VKtrltdqRcc3/8hN9A/gAxDBqmX+nnqZwZCcEI9QzLYXefV/fhggyUfEtruYP3HQXEYzsSGpRBuGtZNYv0ZtEfGdpwCoZ2uJUt+OC4Lf92SmwxdGG4ppkOuE/GUicWNhIw3EyABBGRdNyE1dGJqdGFmdCOwiOIKIUbmSMyGhEIacSAS8r/wQRgndekluRKGY7F8QGFwzAxLbgnzAUQUVzas84gfjNTDHbtunymWGISLbQKmtXowzVcyKDPdUShrWxKGCdAIrpxCSjDEMNOhERMCdpQw2k7TkoVhfaU5DG+ZhrSS5bXpKntnVVDWIsU3yv8ZviXwTSnw97WWPgLjQNDOC/DxLyriUhkwNTuhXrpm8PIj+mj0An+5YrI07TzoWSl4/mXrrJQ8bIPuSqSE+lG4rBe4Rz6wDenUNt0KLBLuNaxb+aPnaWdAwlNLIrv/dSf3ahYZtyqai8unFAyhBlQtHmR3uZvb3QDrNgr6zXsmanJV4ihhWeZmjpMqjz+fE4kbNUuZo4yrMqo61FowtNWh+9GDuR+MFkVOBBbdzbxtfCTV6wk/q2pyJbmIsnhFl44z9iPnjAuZQ85dH39HkpDDTvRx18uhwEWdc5n9DcdFanVEVR5q5YDJD97zvLCQqZaBoPRkctliL7Bgb1SXy8lpeKQtuLquuso3zIKkuaDMS0lG7huXYwCnNS6VnM1y/ZmcNXCp5nSGIUFTUcSawL0vmi/pXvdctFze5EHHm0JwOxEZEk+kAjN3YW+iLnNUov722bK7vjF2GZB21DeuFjzNd0UmZ0XFqlYHAnuMfz+MPc5BhfnaMVcCRN9LmjPHmeQ1vctvAMxt5S4uUxEeKsPjVe5wVPY/JZNe42MIpIAAAAAASUVORK5CYII=) no-repeat bottom; } .marble { background: url("images/_bg-marbleV2.jpg") top center; padding: 20px 0; border: 1px solid #ececec; } .static { background: url("images/_bg-static.jpg") top center; border: 1px solid #ececec; } .last, li.last a { margin-left: 0; margin-right: 0; } /* Mobile */ .mobile-show { display: none; } /* = !WP STYLES ---------------------------------------------------------------- */ /* Blog Styles */ .post .entry-header { padding-bottom: 15px; border-bottom: 1px solid #ececec; margin-bottom: 15px; } .post .entry-header .entry-meta { font-style: italic; margin-top: -15px; } .post footer.entry-meta { padding: 10px 0; border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; } article.hentry { margin-bottom: 40px; } /* Basic Gallery */ dl.gallery-item { margin: 0; } #content .gallery { margin: 0 auto 1.625em; } #content .gallery a img { border: none; } img#wpstats { display: block; margin: 0 auto 1.625em; } #content .gallery-columns-4 .gallery-item { width: 23%; padding-right: 2%; } /* Add some useful style to those fancy borders for linked images ... */ a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img { background: #eee; border-color: #bbb; } /* ... including captioned images! */ .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img { background: #fff; border-color: #d0d0d0; } .format-gallery .gallery-thumb { float: left; display: block; margin: .375em 1.625em 0 0; } /* Captions */ .wp-caption { margin-top: 0.4em; } .wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; } .wp-caption img { display: block; margin: 2% auto 0; max-width: 98%; padding: 0; border-color: #eee; } .wp-caption .wp-caption-text, .gallery-caption { color: #666; font-size: 12px; } .wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 2% 5px; position: relative; } /* Page Navigation */ #content nav { display: block; overflow: hidden; } #nav-below { margin: 1em 0 0; } #content nav .nav-previous { float: left; width: 50%; } #content nav .nav-next { float: right; text-align: right; width: 50%; } /* GF Overrides */ body .gform_wrapper .gfield_required, .required { color: #BD362F; } body .gform_wrapper input[type="text"], body .gform_wrapper input[type="file"], body .gform_wrapper textarea, body .gform_wrapper select { padding: 8px 5px; font-size: 0.875em; } body .gform_wrapper .top_label .gfield_label { margin: 0.938em 0 4px 0; } .gform_wrapper img { padding: 0; border: none; } .widget { margin-bottom: 20px; } .widget .widget-title { margin: 10px 0; padding-bottom: 4px; border-bottom: 1px solid #d0d0d0; } .widget ul, .widget ol { padding: 0; list-style: none; margin: 0; } .widget li { border-bottom: 1px solid #ececec; padding: 5px 0; } .children .children li:last-child { border: none; } .children .children { display:none; padding-left: 15px; border-top: 1px solid #e0e0e0; } .active-page-parent > .children, .active-page > .children { display:block; } /* Tribe overrides */ .widget.tribe-events-adv-list-widget ol li { line-height: 1.25; margin-bottom: 10px; } .tribe-events-adv-list-widget .entry-title { margin: 0; } /* = !GRID/COLUMN SYSTEM ---------------------------------------------------------------- */ .row { *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } [class*="span"]:first-child { margin-left: 0; } .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; line-height: 0; content: ""; } .container:after { clear: both; } #header-navigation { width:100%; clear:both; } /* WALKER */ #header-navigation ul { padding:0; margin:0; border:0; top:100px; right:0px; z-index:600; float:right; text-align:right; /*float:left;*/ } #header-navigation ul, #header-navigation ul li { list-style:none; margin:0; padding:0; } #header-navigation ul { position:relative; text-align:right!important; width:93%; } #header-navigation ul li { min-height:1px; vertical-align:middle; /*font-size:19px; font-family:'Alegreya Sans', sans-serif; display:inline-block; float:left;*/ padding-right:50px; } /*#header-navigation ul li:last-child { padding-right:0; }*/ #header-navigation ul li.hover, #header-navigation ul li:hover { position:relative; z-index:599; cursor:default; } #header-navigation ul ul { visibility:hidden; position:absolute; top:100%; left:0; z-index:598; width:100%; padding-top:0; margin-left:0; } #header-navigation ul ul li { float:none; text-align:left; } #header-navigation ul ul ul { top:0; left:190px; width:190px; margin-left:0; } #header-navigation ul li:hover > ul { visibility:visible; } #header-navigation ul ul { bottom:0; left:0; } #header-navigation ul ul { margin-top:0; } #header-navigation ul ul li { font-weight:normal; } #header-navigation ul a { display:block; /*line-height:1em; text-decoration:none; font-size:19px; font-family:'Alegreya Sans', sans-serif;*/ } /* Custom CSS Styles */ #header-navigation ul { background:none; border-bottom:0; /*font-size:16px; width:93%;*/ } #header-navigation ul > ul { *display:inline-block; text-align:left; } #header-navigation ul:after { content:''; display:block; clear:both; } #header-navigation ul { /*text-transform:uppercase;*/ } #header-navigation ul ul { border-top:0; text-transform:none; min-width:250px; z-index:500; } #header-navigation ul ul a { background:#782b2d; color:#fff; border:0; border-top:0 none; line-height:16px; padding:10px 15px; font-size:17px; } #header-navigation ul ul ul { border-top:0 none; } #header-navigation ul ul li { position:relative; } #header-navigation ul ul li:first-child > a { border-top:none; } #header-navigation ul ul li:hover > a { background:#782b2d; color:#fff; } #header-navigation ul ul li:last-child > a { } #header-navigation ul ul li:last-child:hover > a { } #header-navigation ul ul li.has-sub > a:after { content:'\f105'; position:absolute; top:50%; right:15px; margin-top:-8px; color:#782b2d; font-family:'FontAwesome'; } #header-navigation ul li.active > a { /*background:#009bc8; color:#fff;*/ } #header-navigation ul li:hover > a { background:#fff; color:#782b2d; } #header-navigation ul li.has-sub > a:after { content:''; margin-left:5px; } #header-navigation ul li.last ul { left:auto; right:0; } #header-navigation ul li.last ul ul { left:auto; right:99.5%; } #header-navigation ul a { /*background:#009bc8; color:#fff; padding:0 20px;*/ text-align:left; } #header-navigation ul > li > a { /*color:#fff; font-weight:700; padding:16px 20px 17px;*/ display:block; } ul ul.sub-menu li { padding-left:20px; } ul ul.sub-menu li:last-child { border:none; } /* responsive */ @media (min-width: 1200px) { .row { *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .container { width: 1170px; } .span12 { width: 1170px; } .span11 { width: 1070px; } .span10 { width: 970px; } .span9 { width: 870px; } .span8 { width: 770px; } .span7 { width: 670px; } .span6 { width: 570px; } .span5 { width: 470px; } .span4 { width: 370px; } .span3 { width: 270px; } .span2 { width: 170px; } .span1 { width: 70px; } } @media (min-width: 768px) and (max-width: 979px) { .row { *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container { width: 724px; } .span12 { width: 724px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 476px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } .span4 { width: 228px; } .span3 { width: 166px; } .span2 { width: 104px; } .span1 { width: 42px; } } @media (max-width: 767px) { body { padding-right: 20px; padding-left: 20px; } .container { width: auto; } .row { margin-left: 0; } [class*="span"], .row-fluid [class*="span"] { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="offset"]:first-child { margin-left: 0; } } .hispanic-ministry { float: none; margin: 0; } /* = !PAGE BLOCKS/STRUCTURE ---------------------------------------------------------------- */ .branding { height: 225px; border-bottom: 1px solid #ececec; } .branding-inner { position: relative; } /* IE7 overrides */ .branding, .main, .colophon { *min-width: 980px; } /* = !HEADER ---------------------------------------------------------------- */ .branding a { color: #676767; } .branding a:hover, .branding a:active { color: #782b2d; text-decoration: none; } .site-navigator { background: #f2f2f2; overflow: auto; } .site-navigator li:first-child { border-right: 1px dotted #676767; margin-right: 5px; padding-right: 10px; } .logo { top:20px; line-height: 80px; width: 405px; } .logo a { color: #2c457b; } .site-title { font-size: 1.25em; margin: 0; color: #2c457b; text-transform: uppercase; } .site-title img { float: left; margin-right: 15px; } .site-title em { display: inline-block; position: relative; top: -2px; text-transform: lowercase; } .primary-menu { font-family: 'Vollkorn',serif; top:19px; } .primary-menu a { /*margin-right: 50px;*/ border-bottom: 4px solid #fff; } .primary-menu a:hover, .cdj .primary-menu .active a, .cdj .primary-menu .active-parent a { border-bottom: 4px solid #782b2d; } .secondary-menu { top: -62px; right:0; } .secondary-menu a { margin-left: 20px; } .mobile-menu { display: none; top: 15px; right: 3%; } a:active.mobile-menu { top: 15px; } /* Combined rules */ .site-navigator a:hover, .secondary-menu a:hover, .cdj .secondary-menu .active a, .cdj .secondary-menu .active-parent a { border-bottom: 1px solid #782b2d; padding-bottom: 1px; } .logo, .primary-menu, .secondary-menu, .mobile-menu { position: absolute; } .logo, .primary-menu { text-transform: uppercase; } .primary-menu { left: 0; } .secondary-menu { right: 0; } /* = !CONTENT ---------------------------------------------------------------- */ /* Home Only */ .hero { position: relative; height: 400px; overflow: hidden; } .hero-inner { position: absolute; top: 0; width: 100%; } .hero-group { width: 100%; } .hero-group img { display: block; width: 100%; } .hero-title, .hero-msg { color: #fff; } .hero-msg { position: relative; padding: 20px; width: 45%; background: url("images/_bg-hero-msg.png"); margin-top: 50px; max-height: 999999px; } .hero-msg .btn { top: auto; background: url("images/_bg-hero-msg-btn.png"); font-family: 'PT Sans',Helmet,Freesans,sans-serif; color: #fff; position: absolute; bottom: -30px; *bottom: -28px; right: 10px; padding: 4px 20px; } .finder { padding-bottom: 40px; } .finder form { margin-top: 30px; position: relative; } .finder label { color: #7f7f7f; bottom: -1.5em; position: absolute; } .finder select { min-width: 194px; *width: 194px; } .finder input[type="submit"] { color: #fff; background-color: #e79d25; *background-color: #f89406; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *border: none; *border-width: 0; *padding: 7px 10px; } .finder input[type="submit"]:active { outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .finder .or { line-height: 43px; margin-bottom: 0; } .finder select, .finder input, .finder label { display: block; } .finder .field-group { position: relative; } .our-faith-in-action { margin-top: 20px; } .news hr { margin-bottom: 1.25em; } .article { float: left; width: 100%; } .article-title { margin: 10px 0; } .article-meta { display: block; color: #7f7f7f; margin: -10px 0 10px; } .article-gallery-slider { margin-top: 1em; margin-bottom: 1em; } .article-gallery-slider .article-gallery-slide { position: relative; } .article-gallery-slider .article-gallery-image { display: block; width: 100%; height: 500px; background-size: cover; background-position: center; background-repeat: no-repeat; } .slick-prev, .slick-next { display: block; position: absolute; height: 75px; width: 75px; top: 40%; outline: 0; border: none; background: transparent; z-index: 9; padding: 0; margin: 0; } .slick-prev:hover, .slick-next:hover { background: rgba(0,0,0,.4); } .slick-prev { left: 0; } .slick-next { right: 0; } .chevron-left, .chevron-right { display: block; height: 60px; width: 60px; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 0; margin: 0 auto; } .chevron-left { background-image: url('images/chevron-left.svg'); } .chevron-right { background-image: url('images/chevron-right.svg'); } .slick-arrow.slick-disabled { visibility: hidden; } .event-tiles { border: 1px solid #d0d0d0; margin: 25px 0; } .event-tile { height: 200px; width: 20%; *width: 15.82446808510638%; float: left; border-left: 1px solid #d0d0d0; padding: 2%; } .event-tile.event-title { border: 0; } .event-title h2 { line-height: 1; } .protection { margin: 25px 0; } .protection .row { border: 1px solid #d0d0d0; padding: 2%; } /* END Home Only */ .main-inner { margin-top: 30px; margin-bottom: 60px; } .sidebar { padding-top: 1em; } /* Location */ .section-header { margin: 10px 0; } .acf-map { width: 100%; height: 400px; border-top: #ccc solid 1px; border-bottom: #ccc solid 1px; margin: 0; } .acf-map img { max-width: inherit; } .marker { margin-bottom: 40px; } .marker h2 { margin-bottom: 10px; } /* People Entries */ .people { background-color: #f2f2f2; border-left: 5px solid #cd892a; padding: 0.938em; margin: 0 0 0.938em; } .person-entry { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #d0d0d0; } .person-entry h3 { margin: 0; padding: 0; } .person-title { font-size: 16px; font-style: italic; } .person-contact { font-size: 13px; margin: 10px 0; } /* = !FOOTER ---------------------------------------------------------------- */ .footer-top-inner { padding-top: 20px; } .footer-bottom { background: #f2f2f2; padding: 20px 0; } .footer-primary-menu a,.footer-secondary-menu a,.footer-tertiary-menu a { margin-right: 20px; } .border-bottom.widget-title { margin-bottom: 5px; } .widget-title + ul { margin-top: 5px; } .copyright { margin-top: 1.125em; } .social { text-align: left; } .social img { margin-right:10px; } .footer-search { position: relative; } .footer-search .search { width: 100%; float: right; margin: 20px 0; } .footer-search input[type="submit"] { position: absolute; top: 20px; right: 0; color: #fff; background-color: #e79d25; *background-color: #f89406; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .footer-search input[type="submit"]:active { outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .footer-top-inner .site-title { padding-top: 20px; } .footer-top-inner .footer-logo { width: 75px; margin-top:20px; } /* = !RESPONSIVE ---------------------------------------------------------------- */ /* = Large:1200px+. Inherits:Default. */ @media (min-width: 1200px) { /* Base & Helpers */ html { font-size: 115%; } /* Structure */ /* Header */ /*.logo { top: 46px; width: 410px; }*/ .logo { top:20px; width: 500px; } .secondary-menu { top: -70px; } /* Content */ /* Footer */ .event-tile { height: 250px; } } /* = Tablet:979px. Inherits:Default. */ @media (max-width: 979px) { /* Base & Helpers */ html { font-size: 87.5%; } /* Structure */ /* Header */ .logo, .primary-menu { position: static; margin: 0 auto; } /*.logo { width: 335px; margin-top: 25px; }*/ .logo { width: 400px; margin-top:15px; } .primary-menu { width: 535px; } .primary-menu a { margin: 0 29px; } .secondary-menu { top: -56px; } /* Content */ /* Footer */ .event-tiles { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: none; } .event-tile { height: 120px; width: 50%; float: left; border-bottom: 1px solid #ccc; border-left: 0; padding: 2%; } .event-title { width: 100%; } .event-tile.event-title { border-bottom: 1px solid #ccc; } .event-title h2 { float: left; } .event-title .btn { float: right; margin-top: 15px; } } /* = Mobile:768px. Inherits:Default. */ @media (max-width: 767px) { /* Base & Helpers */ body { padding: 0; } .mobile-hide { display: none; } .mobile-show { display: block; } /* Structure */ .container { width: 94%; } [class*="span"].pull-right { float: none; } /* Header */ .branding { height: 185px; z-index: 100; } .primary-menu, .secondary-menu { z-index: 101; display: none; font-family: 'PT Sans',Helmet,Freesans,sans-serif; width: auto; position: relative; top: -115px; right: auto; margin: 0; text-transform: uppercase; font-size: 112%; } .mobile-menu { display: block; } .primary-menu ul, .secondary-menu ul { margin: 0; } .primary-menu li, .secondary-menu li { display: block; background: #16274b; color: white; text-align: center; border-bottom: 1px solid #d0d0d0; margin-right: 0; } .primary-menu a, .secondary-menu a, .primary-menu a:hover, .secondary-menu a:hover { margin: 0; color: #fff; border: none; display: block; height: 40px; line-height: 40px; } .secondary-menu a:hover { padding: 0; } /* Content */ .hero { height: auto; background: #16274b; } .hero-group img { margin-top: 0 !important; } .hero-inner { position: relative; } .hero-inner .container { width: 100%; } .hero-msg { width: 94%; padding: 3%; margin-top: 0; } .hero-msg .btn { margin-bottom: 1em; position: static; bottom: auto; } .finder .zip { clear: both; } .article-img { margin-right: 1.625em; margin-bottom: 1.625em; float: left; width: 50%; } .news hr { margin-bottom: 0; } .featured.article { border-bottom: 1px solid #d0d0d0; } .main-inner { margin-top: 10px; margin-bottom: 30px; } .article-gallery-slider .article-gallery-image { height: 300px; } .slick-prev, .slick-next { top: 25%; } /* Footer */ } /* = Wide Mobile:480px. Inherits:Default, Mobile. */ @media (max-width: 480px) { /* Base & Helpers */ /* Structure */ /* Header */ .site-navigator li { line-height: 1.25; } .site-navigator span, .site-navigator a { display: block; } .mobile-menu { top: 19px; } a:active.mobile-menu { top: 19px; } /* Content */ .finder .or { margin-right: 0; width: 100%; } .article-img { float: none; margin: 0; width: auto; } .event-tile, .event-title { height: auto; width: 100%; padding: 3%; } /* Footer */ .footer-primary-menu ul, .footer-secondary-menu ul { margin: 0; } .footer-primary-menu li, .footer-secondary-menu li { display: block; background: #16274b; color: white; text-align: center; border-bottom: 1px solid #d0d0d0; margin-right: 0; } .footer-primary-menu a, .footer-secondary-menu a, .footer-primary-menu a:hover, .footer-secondary-menu a:hover { margin: 0; color: #fff; border: none; display: block; height: 40px; line-height: 40px; } .footer-secondary-menu { margin-bottom: 16px; } } @media (max-width: 400px) { /*.logo { width: 275px; }*/ .logo { width: 100%; } .site-title { font-size: 1em; } .hero-msg p { display: none; } .event-tiles { margin: 0; } .event-title h2 { float: none; margin: 0 0 10px; } .event-title .btn { float: none; margin-top: 0; } .social { text-align: center; } }