/*! Theme Name: Wellington Branch OGS Theme URI: https://wellington.ogs.on.ca Description: Custom Site Design OGS Wellington Chapter Author: Insignis Design Inc. Author URI: https://insignisdesign.ca Version: 1.8 Tested up to:5.0 Requires PHP:7.0 Tags: flexible-header, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, post-formats Text Domain: wellington-branch-ogs License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* Neat 2 (Reference) grid-column(n) = span-columns(n) grid-container = outer-container grid-multimedia = multimedia and multimedia mixins grid-push = push (+) or pull (-) by n columns (manipulates left margin) grid-shift = shift() grid-visual = accepts a color args Flex Blurb (Reference) @include flexbox; @include flex-direction(column); flex-flow: row wrap; text-align: center; margin: .55rem 1.55rem; @include multimedia($tablet, $desktop, $xl) { @include flex-direction(row); } */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #1565c0; border: 0; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; font-weight: 600; line-height: 1; padding: 0.75em 1.5em; text-align: center; text-decoration: none; -webkit-transition: background-color 150ms ease; transition: background-color 150ms ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; } button:hover, button:focus, [type='button']:hover, [type='button']:focus, [type='reset']:hover, [type='reset']:focus, [type='submit']:hover, [type='submit']:focus { background-color: #11519a; color: #fff; } button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled { cursor: not-allowed; opacity: 0.5; } button:disabled:hover, [type='button']:disabled:hover, [type='reset']:disabled:hover, [type='submit']:disabled:hover { background-color: #1565c0; } fieldset { background-color: transparent; border: 0; margin: 0; padding: 0; } legend { font-weight: 600; margin-bottom: 0.375em; padding: 0; } label { display: block; font-weight: 600; margin-bottom: 0.375em; } input, select, textarea { display: block; font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif; font-size: 16px; } [type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.75em; padding: 0.5em; -webkit-transition: border-color 150ms ease; transition: border-color 150ms ease; width: 100%; } [type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover { border-color: #b1b1b1; } [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus { border-color: #1565c0; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(21, 101, 192, 0.7); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(21, 101, 192, 0.7); outline: none; } [type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled { background-color: #f2f2f2; cursor: not-allowed; } [type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover { border: 1px solid #ddd; } [type='color']::-webkit-input-placeholder, [type='date']::-webkit-input-placeholder, [type='datetime']::-webkit-input-placeholder, [type='datetime-local']::-webkit-input-placeholder, [type='email']::-webkit-input-placeholder, [type='month']::-webkit-input-placeholder, [type='number']::-webkit-input-placeholder, [type='password']::-webkit-input-placeholder, [type='search']::-webkit-input-placeholder, [type='tel']::-webkit-input-placeholder, [type='text']::-webkit-input-placeholder, [type='time']::-webkit-input-placeholder, [type='url']::-webkit-input-placeholder, [type='week']::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #858585; } [type='color']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='month']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='search']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='text']:-ms-input-placeholder, [type='time']:-ms-input-placeholder, [type='url']:-ms-input-placeholder, [type='week']:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder { color: #858585; } [type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder { color: #858585; } textarea { resize: vertical; } [type="checkbox"], [type="radio"] { display: inline; margin-right: 0.375em; } [type="file"] { margin-bottom: 0.75em; width: 100%; } select { margin-bottom: 0.75em; width: 100%; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } html, body { height: 100%; } body { margin: 0; } ul, ol { list-style-type: none; margin: 0; padding: 0; } dl { margin: 0; } dt { font-weight: 600; margin: 0; } dd { margin: 0; } figure { margin: 0; } img, picture { margin: 0; max-width: 100%; } table { border-collapse: collapse; margin: 0.75em 0; table-layout: fixed; width: 100%; } th { border-bottom: 1px solid #a6a6a6; font-weight: 600; padding: 0.75em 0; text-align: left; } td { border-bottom: 1px solid #ddd; padding: 0.75em 0; } tr, td, th { vertical-align: middle; } html { color: #333; font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif; font-size: 100%; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif; font-size: 1.25em; line-height: 1.2; margin: 0 0 0.75em; } p { margin: 0 0 0.75em; } a { color: #1565c0; text-decoration: none; -webkit-transition: color 150ms ease; transition: color 150ms ease; } a:active, a:focus, a:hover { color: #104c90; } hr { border-bottom: 1px solid #ddd; border-left: 0; border-right: 0; border-top: 0; margin: 1.5em 0; } #skip-link a { padding: 6px; position: absolute !important; top: -40px; left: 0px; color: #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-bottom-right-radius: 8px; background: transparent; -webkit-transition: top 1s ease-out, background 1s linear; transition: top 1s ease-out, background 1s linear; z-index: 100; } #skip-link a:focus { position: absolute; left: 0px; top: 0px; background: #BF1722; outline: 0; -webkit-transition: top .1s ease-in, background .5s linear; transition: top .1s ease-in, background .5s linear; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { max-width: 100%; } a img { border: none; } img.alignright { float: right; margin: 0 0 1.25rem 1.25rem; } img.alignleft { float: left; margin: 0 1.25rem 1.25rem 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } a img.alignright { float: right; margin: 0 0 1.25rem 1.25rem; } a img.alignleft { float: left; margin: 0 1.25rem 1.25rem 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } p img { padding: 0; max-width: 100%; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .copyright { text-align: center; font-size: .775em; font-weight: 400; background-color: #3f622a; color: #fff; border-top: 2px #f57e20 solid; height: 2.55em; padding-top: .35rem; } .copyright span.poweredby { color: #fff; } .copyright span.poweredby a:link, .copyright span.poweredby a:visited { color: #fff; text-decoration: none; } .copyright span.poweredby a:hover { color: #FDBD10; text-decoration: none; } body { margin: 0; background-color: #fff; background-repeat: repeat; font-family: "Open Sans", sans-serif; padding: 0; } #insignis-design { background: rgba(255, 255, 255, 0.55); } #insignis-design header { background: none; } /*#insignis-design.frontpage { //background: $w url(images/bg-home-cover.jpg) no-repeat top left; background-size: cover; background-position: center; & header { //background: $w; //width: 100%; } @include multimedia($tablet, $desktop, $xl) { min-height: 1140px; } } */ button, input[type="submit"], .gform_button, .button, a button { background: #629741; color: #fff; border-radius: 4px; } button:hover, input[type="submit"]:hover, .gform_button:hover, .button:hover, a button:hover { background: #f57e20; color: #000; } .wogs-expander a { color: #fff !important; -webkit-transition: 2s; transition: 2s; } .wogs-expander .wogs-expander-trigger { color: #fff; cursor: pointer; display: block; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 1.49em; text-transform: uppercase; } .wogs-expander .wogs-expander-trigger:after { content: "\25BC"; font-size: 0.95em; margin-left: 0.5em; } .wogs-expander .wogs-expander-trigger.sub-wog { font-size: initial; text-align: left; font-size: .98em; } .wogs-expander .wogs-expander-trigger.sub-wog:after { content: "\25BC"; font-size: 0.93em; margin-left: 0.5em; } .wogs-expander .wogs-expander-content { text-align: left; background: #fff; color: #442A18; margin-top: .55rem; padding-top: .55rem; padding-bottom: .55rem; padding-left: 1.55rem; border: 1px solid #629741; font-size: .98em; } .wogs-expander .wogs-expander-content li, .wogs-expander .wogs-expander-content p { color: #442A18; font-size: 0.93em; line-height: 1.29em; } .wogs-expander .wogs-expander-content li { padding-bottom: .55em; } .wogs-expander .wogs-expander-content a:link, .wogs-expander .wogs-expander-content a:visited { color: #442A18 !important; } .wogs-expander .wogs-expander-content a:hover { color: #f57e20 !important; } .wogs-expander .wogs-expander-content.sub-wog { border: none; text-align: left; padding: 0; padding-left: 1.55rem; padding-right: 1.55rem; } .wogs-expander .wogs-expander-content.sub-wog ul { list-style-type: square; padding-left: .55rem; } .wogs-expander .wogs-expander-content.sub-wog li { line-height: 1.29em; padding-bottom: .55em; font-size: .98em; } .wogs-expander .wogs-expander-hidden:after { content: "\25BA"; font-size: 0.95em; } .wogs-expander .wogs-expander-hidden.sub-wog:after { content: "\25BA"; font-size: 0.93em; } .wogs-expander .wogs-expander-hidden + .wogs-expander-content { display: none; } .wogs-top-bar { background: #629741; color: #fff; padding: .25rem .55rem; font-size: .88em; text-transform: uppercase; width: 100%; position: fixed; border-bottom: 1px solid #fff; z-index: 9; } .wogs-top-bar::after { clear: both; content: ""; display: block; } .wogs-top-bar-left { display: none; } @media only screen and (min-width: 43.75em) { .wogs-top-bar-left { width: calc(58.3333333333% - 1.9791666667em); float: left; margin-left: 1.25em; display: block; } } @media only screen and (min-width: 63.188em) { .wogs-top-bar-left { width: calc(50% - 1.875em); float: left; margin-left: 1.25em; display: block; } } @media only screen and (min-width: 81.063em) { .wogs-top-bar-left { width: calc(50% - 1.875em); float: left; margin-left: 1.25em; display: block; } } .wogs-top-bar-right { width: calc(100% - 2.5em); float: left; margin-left: 1.25em; } @media only screen and (min-width: 43.75em) { .wogs-top-bar-right { width: calc(41.6666666667% - 1.7708333333em); float: left; margin-left: 1.25em; text-align: right; } } @media only screen and (min-width: 63.188em) { .wogs-top-bar-right { width: calc(50% - 1.875em); float: left; margin-left: 1.25em; text-align: right; } } @media only screen and (min-width: 81.063em) { .wogs-top-bar-right { width: calc(50% - 1.875em); float: left; margin-left: 1.25em; text-align: right; } } .wogs-meeting-box-secondary { margin-top: 30px; position: fixed; width: 100%; } .wogs-meeting-box-secondary::after { clear: both; content: ""; display: block; } .wogs-meeting-box-secondary article { padding: .55rem; text-align: center; width: 100%; background: #f57e20; background: rgba(245, 126, 32, 0.85); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } @media only screen and (min-width: 43.75em) { .wogs-meeting-box-secondary article { width: calc(33.3333333333% - 1.6666666667em); float: left; margin-left: 1.25em; left: calc(66.6666666667% - 2.0833333333em + 1.25em); position: relative; background: #f57e20; background: rgba(245, 126, 32, 0.85); text-align: right; } } @media only screen and (min-width: 63.188em) { .wogs-meeting-box-secondary article { width: calc(33.3333333333% - 1.6666666667em); float: left; margin-left: 1.25em; left: calc(66.6666666667% - 2.0833333333em + 1.25em); position: relative; background: #f57e20; background: rgba(245, 126, 32, 0.85); text-align: right; } } @media only screen and (min-width: 81.063em) { .wogs-meeting-box-secondary article { width: calc(33.3333333333% - 1.6666666667em); float: left; margin-left: 1.25em; left: calc(66.6666666667% - 2.0833333333em + 1.25em); position: relative; background: #f57e20; background: rgba(245, 126, 32, 0.85); text-align: right; } } .wogs-masthead { display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-flow: row wrap; flex-flow: row wrap; text-align: center; padding-top: 20px; } @media only screen and (min-width: 43.75em) { .wogs-masthead { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 63.188em) { .wogs-masthead { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 81.063em) { .wogs-masthead { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .wogs-logo { -webkit-box-flex: 1; -ms-flex: 1 100%; flex: 1 100%; background: rgba(255, 255, 255, 0.85); text-align: center; } .wogs-logo h1 { margin: 0; } .wogs-logo img { width: auto; margin: 0; padding-top: 1.25rem; padding-bottom: 0; height: 220px; } .wogs-earlug { /*flex: 1 100%; padding: .55rem 1.55rem; background: $orange; background: rgba(245, 126, 32, 0.85); text-align: center; */ /* @include multimedia($tablet, $desktop, $xl) { //@include grid-column(10); flex: 1 40%; text-align: left; }*/ } .wogs-search-form { width: calc(100% - 2.5em); float: left; margin-left: 1.25em; text-align: right; padding-bottom: 12px; } .wogs-search-form label { width: calc(33.3333333333% - 1.6666666667em); float: left; margin-left: 1.25em; left: calc(33.3333333333% - 1.6666666667em + 1.25em); position: relative; color: #9a9a9a; font-size: .88em; padding-top: .522em; clear: both; font-weight: 300; } .wogs-search-form input[type="text"] { width: calc(33.3333333333% - 1.6666666667em); float: left; margin-left: 1.25em; } .wogs-social-media span.fa-facebook { padding-right: 1.55rem; } .wogs-social-media a:link, .wogs-social-media a:visited { color: #3C7DC4; } .wogs-social-media a:hover, .wogs-social-media a:active { color: #000; } .wogs-main-nav { display: none; } @media only screen and (min-width: 63.188em) { .wogs-main-nav { display: block; } .wogs-main-nav h2 { font-size: .88em; } .wogs-main-nav ul, .wogs-main-nav li { display: inline-block; } .wogs-main-nav li { padding-right: .55rem; padding-left: .55rem; border-right: 1px dotted #fff; } .wogs-main-nav li:last-child { border-right: none; } .wogs-main-nav li:first-child { padding-left: 0; } .wogs-main-nav a { font-weight: 400; } .wogs-main-nav a:link, .wogs-main-nav a:visited { color: #fff; } .wogs-main-nav a:hover, .wogs-main-nav a:active { color: #f57e20; } } @media only screen and (min-width: 81.063em) { .wogs-main-nav { display: block; } .wogs-main-nav h2 { font-size: .88em; } .wogs-main-nav ul, .wogs-main-nav li { display: inline-block; } .wogs-main-nav li { padding-right: .55rem; padding-left: .55rem; border-right: 1px dotted #fff; } .wogs-main-nav li:last-child { border-right: none; } .wogs-main-nav li:first-child { padding-left: 0; } .wogs-main-nav a { font-weight: 400; } .wogs-main-nav a:link, .wogs-main-nav a:visited { color: #fff; } .wogs-main-nav a:hover, .wogs-main-nav a:active { color: #f57e20; } } @media only screen and (min-width: 43.75em) { .wogs-main-nav li.menu-btn { display: inline-block; padding-left: .55rem; } .wogs-main-nav li.menu-btn:hover, .wogs-main-nav li.menu-btn:active { color: #f57e20; cursor: pointer; } } @media only screen and (min-width: 63.188em) { .wogs-main-nav li.menu-btn { display: inline-block; padding-left: .55rem; } .wogs-main-nav li.menu-btn:hover, .wogs-main-nav li.menu-btn:active { color: #f57e20; cursor: pointer; } } @media only screen and (min-width: 81.063em) { .wogs-main-nav li.menu-btn { display: inline-block; padding-left: .55rem; } .wogs-main-nav li.menu-btn:hover, .wogs-main-nav li.menu-btn:active { color: #f57e20; cursor: pointer; } } /*.menu-btn { display: none; @include multimedia($tablet, $desktop, $xl) { &:hover, &:active { color: $orange; cursor: pointer; } display: inline-block; padding-left: .55rem; } } // Class set by Pushy */ .wogs-main-nav-mobile-only { display: block; text-align: center; cursor: pointer; } @media only screen and (min-width: 43.75em) { .wogs-main-nav-mobile-only { display: inline-block; text-align: right; } } @media only screen and (min-width: 63.188em) { .wogs-main-nav-mobile-only { display: none; } } @media only screen and (min-width: 81.063em) { .wogs-main-nav-mobile-only { display: none; } } .wogs-foot-nav { display: none; } @media only screen and (min-width: 43.75em) { .wogs-foot-nav { display: block; font-size: .88em; padding-top: .55rem; } .wogs-foot-nav ul, .wogs-foot-nav li { display: inline-block; margin-top: 0; } .wogs-foot-nav li { padding-right: .55rem; padding-left: .55rem; border-right: 1px dotted #fff; text-transform: uppercase; } .wogs-foot-nav li:last-child { border-right: none; } .wogs-foot-nav li:first-child { padding-left: 0; } .wogs-foot-nav a { font-weight: 400; font-size: .88em; } .wogs-foot-nav a:link, .wogs-foot-nav a:visited { color: #fff; } .wogs-foot-nav a:hover, .wogs-foot-nav a:active { color: #f57e20; } } @media only screen and (min-width: 63.188em) { .wogs-foot-nav { display: block; font-size: .88em; padding-top: .55rem; } .wogs-foot-nav ul, .wogs-foot-nav li { display: inline-block; margin-top: 0; } .wogs-foot-nav li { padding-right: .55rem; padding-left: .55rem; border-right: 1px dotted #fff; text-transform: uppercase; } .wogs-foot-nav li:last-child { border-right: none; } .wogs-foot-nav li:first-child { padding-left: 0; } .wogs-foot-nav a { font-weight: 400; font-size: .88em; } .wogs-foot-nav a:link, .wogs-foot-nav a:visited { color: #fff; } .wogs-foot-nav a:hover, .wogs-foot-nav a:active { color: #f57e20; } } @media only screen and (min-width: 81.063em) { .wogs-foot-nav { display: block; font-size: .88em; padding-top: .55rem; } .wogs-foot-nav ul, .wogs-foot-nav li { display: inline-block; margin-top: 0; } .wogs-foot-nav li { padding-right: .55rem; padding-left: .55rem; border-right: 1px dotted #fff; text-transform: uppercase; } .wogs-foot-nav li:last-child { border-right: none; } .wogs-foot-nav li:first-child { padding-left: 0; } .wogs-foot-nav a { font-weight: 400; font-size: .88em; } .wogs-foot-nav a:link, .wogs-foot-nav a:visited { color: #fff; } .wogs-foot-nav a:hover, .wogs-foot-nav a:active { color: #f57e20; } } .wogs-front-parallax { background-image: url(images/bg-home-cover.jpg); height: 20rem; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 1.55rem; padding-top: 2.25rem; } .wogs-whats-background { text-align: center; padding: .55rem 0; text-transform: uppercase; font-size: 1.29em; } .wogs-whats-background h2 { color: #000; font-size: 1.59em; } .wogs-whats-background h2 strong { background-color: rgba(255, 255, 255, 0.94); padding: 0 .25rem; opacity: 0.8; } .wogs-whats-background img { height: 120px; width: auto; } .wogs-whats-background button { padding: .55rem; background: #f57e20; color: #fff; font-size: .88em; } .wogs-content-wrapper { background: #fff; } .wogs-content-wrapper::after { clear: both; content: ""; display: block; } main.wogs-site-main { width: calc(100% - 2.5em); float: left; margin-left: 1.25em; margin-top: 1.25rem; padding: 1.55rem; background: #fff; min-height: 999px; } main.wogs-site-main h2 { font-size: 2.22em; color: #629741; font-weight: 400; border-bottom: 1px solid #f57e20; } main.wogs-site-main h3 { color: #f57e20; font-weight: 700; font-size: 1.49em; margin-top: 1.75em; } main.wogs-site-main h3 a:link, main.wogs-site-main h3 a:visited { color: #6B4526; } main.wogs-site-main h3 a:hover { color: #6B4526; } main.wogs-site-main h4 { color: #6B4526; font-size: 1.19em; font-weight: 400; margin-top: 1.25em; } main.wogs-site-main p, main.wogs-site-main li { font-size: 1.05em; line-height: 1.69em; color: #000; } main.wogs-site-main li { padding-bottom: .55rem; } main.wogs-site-main ul { list-style-type: square; margin-left: 3.55rem; padding-left: 1.55rem; } main.wogs-site-main ul > li > ul { list-style-type: disc; margin-top: .55rem; } main.wogs-site-main ol { list-style-type: decimal; margin-left: 2.55rem; padding-left: .55rem; } main.wogs-site-main ol > li > l { list-style-type: lower-roman; } main.wogs-site-main a:link, main.wogs-site-main a:visited { color: #629741; text-decoration: underline; } main.wogs-site-main a:hover, main.wogs-site-main a:active { color: #3C7DC4; text-decoration: none; } .wogs-fp-buttons-wrapper { width: calc(100% - 2.5em); float: left; margin-left: 1.25em; text-align: center; background: #fff; background: rgba(255, 255, 255, 0.9); border-top: 1px solid #fff; } .wogs-fp-buttons-wrapper article { width: calc(100% - 2.5em); float: left; margin-left: 1.25em; background: #629741; color: #fff; padding-top: 1.55rem; padding-bottom: 1.55rem; margin: .75rem 0; border: #fff 2px solid; } .wogs-fp-buttons-wrapper article h2 { text-transform: uppercase; font-size: 1.89em; margin-bottom: 0; } .wogs-fp-buttons-wrapper article:hover { background: #8EC03F; } .wogs-fp-buttons-wrapper article li { text-transform: uppercase; } .wogs-fp-buttons-wrapper article a { display: block; } .wogs-fp-buttons-wrapper article a:link, .wogs-fp-buttons-wrapper article a:visited { color: #fff; } .wogs-fp-buttons-wrapper article a:hover { color: #fff; } .wogs-fp-buttons-wrapper article.next-meeting { text-transform: capitalize; background: #f57e20; padding: 0 1.25rem; padding-bottom: .75rem; margin-bottom: 1.55rem; } .wogs-fp-buttons-wrapper article.next-meeting strong { text-transform: uppercase; } .wogs-fp-buttons-wrapper article.next-meeting h3 { text-transform: uppercase; text-align: center; font-weight: 400; font-size: 1.59em; color: #000; margin-top: .55rem; margin-bottom: .35em; } .wogs-fp-buttons-wrapper article.next-meeting h4 { text-align: center; font-size: 1.39em; margin-top: 0; } .wogs-fp-buttons-wrapper article.next-meeting ul { padding-top: .75rem; } .wogs-fp-buttons-wrapper article.next-meeting li { padding-bottom: .55rem; text-transform: capitalize; } .wogs-fp-buttons-wrapper article.next-meeting a { font-weight: bold; color: #000; text-decoration: none; text-transform: uppercase; } .wogs-fp-buttons-wrapper article.next-meeting a:hover { color: #fff; } @media only screen and (min-width: 43.75em) { .wogs-fp-buttons-wrapper { width: calc(100% - 2.5em); float: left; margin-left: 1.25em; } .wogs-fp-buttons-wrapper article { width: calc(33.3333333333% - 1.6666666667em); float: left; margin-left: 1.25em; } } @media only screen and (min-width: 63.188em) { .wogs-fp-buttons-wrapper { width: calc(100% - 2.5em); float: left; margin-left: 1.25em; } .wogs-fp-buttons-wrapper article { width: calc(33.3333333333% - 1.6666666667em); float: left; margin-left: 1.25em; } } @media only screen and (min-width: 81.063em) { .wogs-fp-buttons-wrapper { width: calc(100% - 2.5em); float: left; margin-left: 1.25em; } .wogs-fp-buttons-wrapper article { width: calc(33.3333333333% - 1.6666666667em); float: left; margin-left: 1.25em; } } .wogs-fp-expander-wrapper article { width: calc(100% - 2.5em); float: left; margin-left: 1.25em; padding: .55rem; background: #fff; background: rgba(255, 255, 255, 0.8); border: 2px solid #fff; border-top: none; } @media only screen and (min-width: 43.75em) { .wogs-fp-expander-wrapper article { width: calc(33.3333333333% - 1.6666666667em); float: left; margin-left: 1.25em; } } @media only screen and (min-width: 63.188em) { .wogs-fp-expander-wrapper article { width: calc(33.3333333333% - 1.6666666667em); float: left; margin-left: 1.25em; } } @media only screen and (min-width: 81.063em) { .wogs-fp-expander-wrapper article { width: calc(33.3333333333% - 1.6666666667em); float: left; margin-left: 1.25em; } } .wogs-fp-bottom-wrapper::after { clear: both; content: ""; display: block; } .wogs-fp-bottom-wrapper article { width: calc(100% - 2.5em); float: left; margin-left: 1.25em; } .wogs-fp-bottom-wrapper article div.wogs-fp-bottom { padding: .55rem; margin-top: 1.55rem; } .wogs-fp-bottom-wrapper article div.wogs-fp-bottom h3 { color: #f57e20; font-size: 1.49em; font-weight: 400; } .wogs-fp-bottom-wrapper article div.wogs-fp-bottom ul { text-align: left; margin-left: 1.55rem; margin-right: 1.55rem; } .wogs-fp-bottom-wrapper article div.wogs-fp-bottom li { padding-bottom: .75em; } .wogs-fp-bottom-wrapper article div.wogs-fp-bottom p.wogs-readmore-button { text-align: center; } .wogs-fp-bottom-wrapper article div.wogs-fp-big-button { text-align: center; } .wogs-fp-bottom-wrapper article div.wogs-fp-big-button button { width: 100%; margin: .55rem 0; margin-top: 0; border-radius: 0; } @media only screen and (min-width: 43.75em) { .wogs-fp-bottom-wrapper article.wogs-fp-bottom-left-content { width: calc(33.3333333333% - 1.6666666667em); float: left; margin-left: 1.25em; } .wogs-fp-bottom-wrapper article.wogs-fp-bottom-right-content { width: calc(66.6666666667% - 2.0833333333em); float: left; margin-left: 1.25em; } .wogs-fp-bottom-wrapper article div.wogs-fp-big-button button { width: 100%; border-radius: 0; } } @media only screen and (min-width: 63.188em) { .wogs-fp-bottom-wrapper article.wogs-fp-bottom-left-content { width: calc(33.3333333333% - 1.6666666667em); float: left; margin-left: 1.25em; } .wogs-fp-bottom-wrapper article.wogs-fp-bottom-right-content { width: calc(66.6666666667% - 2.0833333333em); float: left; margin-left: 1.25em; } .wogs-fp-bottom-wrapper article div.wogs-fp-big-button button { width: 100%; border-radius: 0; } } @media only screen and (min-width: 81.063em) { .wogs-fp-bottom-wrapper article.wogs-fp-bottom-left-content { width: calc(33.3333333333% - 1.6666666667em); float: left; margin-left: 1.25em; } .wogs-fp-bottom-wrapper article.wogs-fp-bottom-right-content { width: calc(66.6666666667% - 2.0833333333em); float: left; margin-left: 1.25em; } .wogs-fp-bottom-wrapper article div.wogs-fp-big-button button { width: 100%; border-radius: 0; } } .wogs-byline { font-weight: 300; color: #a9a9a9; font-size: .78em; margin-top: -.75rem; font-style: oblique; padding-left: 1.25rem; } .view-full-post { padding-bottom: 2.25em; } .view-full-post-btn { display: inline-block; /*border-radius*/ border-radius: 10px; padding: 8px 16px; margin-top: 10px; color: #454545; border: 1px solid #d8dcdc; font-family: sans-serif; font-size: .98em; } .view-full-post-btn:hover { background: #3C7DC4; /*transition*/ -webkit-transition: all .3s ease; transition: all .3s ease; border: 1px solid #3C7DC4; color: #FFFFFF; } .post-navigation { margin-top: .75rem; border: 1px dotted #eff4f7; padding-top: .55rem; margin-bottom: .95rem; } .post-navigation h2 { font-size: 1.59em; color: #3C7DC4; } .posted-on { font-size: .88em; } .entry-content { padding-top: 1.55em; } .wogs-newspaper-listing-wrapper article { border-bottom: 1px dashed #3f622a; padding-bottom: .25rem; margin-bottom: .65rem; } .wogs-newspaper-listing-wrapper article:last-child { border-bottom: none; } .eab-events-archive article { border-bottom: 1px dotted #3f622a; padding-bottom: .55rem; margin-bottom: .55rem; } .eab-events-archive article:last-child { border-bottom: none; padding-bottom: 1.55rem; } .eab-events-archive article h4 { float: left; margin: 0; margin-bottom: .25rem; } .event hr { display: none; } .wpmudevevents-buttons { display: none; } .wpmudevevents-viewevent { color: #629741; float: right; } footer.wogs-main-page-footer { background-color: #629741; color: #fff; } .wogs-footer-wrapper { padding-top: 2rem; padding-bottom: 2rem; } .wogs-footer-wrapper::after { clear: both; content: ""; display: block; } .wogs-footer-wrapper::after { clear: both; content: ""; display: block; } .wogs-footer-wrapper p { font-size: .778em; } .wogs-footer-content-left { width: calc(50% - 1.875em); float: left; margin-left: 1.25em; padding-left: 1.55rem; } .wogs-footer-content-left ul { list-style-type: none; } .wogs-footer-content-left li { display: inline-block; padding-right: 1.55rem; } .wogs-footer-content-left li:last-child { padding-right: 0; } .wogs-footer-content-left a:visited, .wogs-footer-content-left a:link { color: #fff; } .wogs-footer-content-left a:hover { color: #f57e20; } .wogs-footer-content-right { width: calc(50% - 1.875em); float: left; margin-left: 1.25em; text-align: right; padding-right: 1.55rem; } .dataTables_wrapper { margin: 1.55rem 0; } .tablepress tfoot th, .tablepress thead th { background: #8EC03F !important; } .tablepress tfoot th:hover, .tablepress thead th:hover { background: #629741 !important; } .metaslider .caption-wrap { top: 0; height: 99px; padding-top: .55rem; border-top: #629741 solid 3px; border-bottom: #fff solid 3px; text-align: center; vertical-align: middle; } @media only screen and (min-width: 43.75em) { .metaslider .caption-wrap { height: 78px; vertical-align: middle; } } @media only screen and (min-width: 63.188em) { .metaslider .caption-wrap { height: 78px; vertical-align: middle; } } @media only screen and (min-width: 81.063em) { .metaslider .caption-wrap { height: 78px; vertical-align: middle; } } @media only screen and (min-width: 43.75em) { .metaslider .caption-wrap { height: 55px; } } @media only screen and (min-width: 63.188em) { .metaslider .caption-wrap { height: 55px; } } @media only screen and (min-width: 81.063em) { .metaslider .caption-wrap { height: 55px; } } .wogs-slider-wrapper { border-bottom: 3px solid #629741; height: 350px; overflow: hidden; } .cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title { background: #629741; } .cool-timeline.white-timeline .timeline-post.even .icon-color-white, .cool-timeline.one-sided.white-timeline .timeline-post.even .icon-color-white { background: #629741; } .cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title:before { border-right-color: #629741; } .cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title:before { border-left-color: #f57e20; } .cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title { background: #f57e20; } .cool-timeline.white-timeline .timeline-post .icon-color-white, .cool-timeline.one-sided.white-timeline .timeline-post .icon-color-white { background: #f57e20; } .timeline-content.odd h2 { text-align: right; border-bottom: none; } .timeline-content.even h2.content-title { border-bottom: none; } .sticky{} .bypostauthor{} .navigation-top { background: #fff; border-bottom: 1px solid #eee; border-top: 1px solid #eee; font-size: 16px; font-size: 1rem; position: relative; } .navigation-top .wrap { max-width: 1000px; padding: 0; } .navigation-top a { color: #222; font-weight: 600; -webkit-transition: color 0.2s; transition: color 0.2s; } .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a { color: #767676; } #wogs-nav-mobile { clear: both; display: block; } #wogs-nav-mobile ul { list-style: none; margin: 0; padding: 0 1.5em; text-align: left; } /* Hide the menu on small screens when JavaScript is available. * It only works with JavaScript. */ /*#wogs-nav-mobile ul, #wogs-nav-mobile .menu-item-has-children > a > .icon, #wogs-nav-mobile .page_item_has_children > a > .icon, #wogs-nav-mobile ul a > .icon { display: none; }*/ #wogs-nav-mobile > ul { padding: 0.75em 0; border-bottom: 1px solid #333; } .js #wogs-nav-mobile.toggled-on > div > ul { display: block; } #wogs-nav-mobile ul ul { padding: 0 0 0 .5em; } #wogs-nav-mobile ul ul.toggled-on { display: block; } #wogs-nav-mobile ul ul a { letter-spacing: 0; padding: 0.4em 0; position: relative; text-transform: none; } #wogs-nav-mobile li { border-bottom: 1px solid #333; position: relative; padding: 0 .75em; } #wogs-nav-mobile li li, #wogs-nav-mobile li:last-child { border: 0; } #wogs-nav-mobile a { display: block; padding: 0.5em 0; text-decoration: none; } #wogs-nav-mobile a:hover { color: #fff; } /* Menu toggle */ .menu-toggle { background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #222; display: none; font-size: 14px; font-size: 0.875rem; font-weight: 800; line-height: 1.5; margin: 1px auto 2px; padding: 1em; text-shadow: none; } /* Display the menu toggle when JavaScript is available. */ /*#wogs-nav-mobile ul, #wogs-nav-mobile .menu-item-has-children > a > .icon, #wogs-nav-mobile .page_item_has_children > a > .icon, #wogs-nav-mobile ul a > .icon{ display: none; }*/ .sub-menu{ display: none; } .sub-menu.toggled-on { display: block; } .menu-toggle { display: block; } .dropdown-toggle { background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #222; display: block; font-size: 16px; line-height: 1.5; margin: 0 auto; padding: 0.5em; position: absolute; text-shadow: none; top: 1px; right: 1px; } .dropdown-toggle.toggled-on .icon { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } #wogs-nav-mobile.toggled-on ul.nav-menu { display: block; } .menu-toggle:hover, .menu-toggle:focus { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .menu-toggle:focus { outline: thin solid; } .menu-toggle .icon { margin-right: 0.5em; top: -2px; } .toggled-on .menu-toggle .icon-bars, .menu-toggle .icon-close { display: none; } .toggled-on .menu-toggle .icon-close { display: inline-block; } /* Dropdown Toggle */ .dropdown-toggle:hover, .dropdown-toggle:focus { background: transparent; } .dropdown-toggle:focus { outline: thin dotted; } .dropdown-toggle.toggled-on .icon { -ms-transform: rotate(-180deg); /* IE 9 */ -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */ transform: rotate(-180deg); } .pushy{ width: 250px; } .pushy-left { -webkit-transform: translate3d(-250px, 0, 0); -ms-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0); } .icon { display: inline-block; fill: white; height: 1em; position: relative; top: -0.0625em; vertical-align: middle; width: 1em; } /* */