-

-
diff --git a/scss/_settings.scss b/scss/_settings.scss index b585d7d..dc6d77d 100644 --- a/scss/_settings.scss +++ b/scss/_settings.scss @@ -151,36 +151,36 @@ $include-html-global-classes: $include-html-classes; // d. Media Query Ranges // - - - - - - - - - - - - - - - - - - - - - - - - - -// $small-range: (0em, 40em); -// $medium-range: (40.063em, 64em); -// $large-range: (64.063em, 90em); -// $xlarge-range: (90.063em, 120em); -// $xxlarge-range: (120.063em, 99999999em); +$small-range: (0em, 40em); + $medium-range: (40.063em, 64em); + $large-range: (64.063em, 90em); + $xlarge-range: (90.063em, 120em); + $xxlarge-range: (120.063em, 99999999em); -// $screen: "only screen"; + $screen: "only screen"; -// $landscape: "#{$screen} and (orientation: landscape)"; -// $portrait: "#{$screen} and (orientation: portrait)"; +$landscape: "#{$screen} and (orientation: landscape)"; + $portrait: "#{$screen} and (orientation: portrait)"; -// $small-up: $screen; -// $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})"; + $small-up: $screen; + $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})"; -// $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})"; -// $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})"; + $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})"; + $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})"; -// $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})"; -// $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})"; + $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})"; + $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})"; -// $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})"; -// $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})"; + $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})"; + $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})"; -// $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})"; -// $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})"; + $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})"; + $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})"; // Legacy -// $small: $medium-up; -// $medium: $medium-up; -// $large: $large-up; + $small: $medium-up; + $medium: $medium-up; + $large: $large-up; // We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet // $cursor-crosshair-value: crosshair; diff --git a/scss/_structure.scss b/scss/_structure.scss index c465e65..0eb772d 100755 --- a/scss/_structure.scss +++ b/scss/_structure.scss @@ -202,20 +202,15 @@ header { width: 36%; } } -.caption_p { - font-family: Open Sans, sans-serif; - font-size: 9px !important; - color: #fff; - background: #008000; - font-style: italic; - margin: 0; - padding: 0 5px; -} #main { background: url(../assets/content_back.png); background-position: right; background-repeat: repeat-y; background-size: 100%; + .main-content { + padding-left: 60px; + padding-right: 45px; + } } #main p { font-size: 14px; @@ -344,6 +339,29 @@ footer h2 { .event { padding-top: 15px; padding-left: 15px; + .img { + padding: 0; + border: 1px solid #008000; + margin-bottom: 30px; + text-align: center; + + max-width: 220px; + @media #{$large-up} { + float: right; + } + img { + width: 100%; + } + #homepage_featured_caption { + font-family: Open Sans, sans-serif; + font-size: 14px; + color: #fff; + background: #008000; + font-style: italic; + margin: 0; + padding: 0 5px; + } + } } #date { font-family: Open Sans, sans-serif; @@ -354,7 +372,7 @@ footer h2 { margin-top: 30px; } .breadcrumbs { - background: #fff; + background: rgba(255,255,255,0); margin-bottom: 0; margin-top: 0; border: none; @@ -422,11 +440,12 @@ footer h2 { border-radius: 5px; text-transform: uppercase; } -#calander { +#calendar_link { color: #9acd68; text-decoration: underline; text-decoration-color: #9acd68; - font-size: 12px; + font-size: 18px; + margin-top: 30px; } #last { padding-top: 25px; @@ -537,11 +556,6 @@ footer h2 { margin-left: auto; margin-right: auto; } -.img { - padding: 0; - border: 1px solid #008000; - width: auto; -} .no_space { padding: 0; } @@ -617,4 +631,301 @@ div.qbutton:hover { margin-left: 0px; padding-left: 4%; } -} \ No newline at end of file +} + +/* Footer & Copyright business */ +.vcard { + width: 100%; + background-color: rgba(255,255,255,0.6) +} +#copyright { + padding: 5px 20px; + padding: 5px 20px; + p, a { + color: white; + } + span { + color: white; + } +} +footer span, +#copyright span { + @media #{$small-only} { + display: block; + margin: 10px 0; + } +} +footer span.bullet, +#copyright span.bullet { + margin: 0 2px; + @media #{$small-only} { + display: none; + } +} +/* End Footer & Copyright Business */ + +/* Gallery */ +.imgBorderMe { + border: 1px solid #dddfdd; + border-radius: 3px; + box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); + padding-bottom: 5px; + background-color: #fdfdff; +} + +.gallery li a img { + display: block; + width: 100%; +} +.gallery li img { + border: 1px solid #2797ab; + box-sizing: border-box; + height: auto; +} +.photoimg img { + margin-bottom: 5px !important; +} + +#interior.container #main img { + margin-bottom: 15px; +} + +.gallery { + margin-left: 0; +} + +.gallery li a { + display: block; + overflow: hidden; + width: 100%; +} + +#media-photo-gallery div { + clear: none; + font-size: 1em; + height: auto; + margin: 0; +} + +.gallery li { + background: none repeat scroll 0 0 rgba(255,255,255,0.0); + display: block; + list-style: outside none none; + float: left; +} + +.ngg-gallery-thumbnail img { + background-color: #ffffff; + border: none !important; + margin: 0 !important; + padding: 4px; + position: relative; +} +.photoTitle { + color: $primary-color; +} + +/* Images */ + +// Add the alignment classes used by the WordPress media library +.alignleft { + float: left; +} + +.alignright { + float: right; +} + +.aligncenter { + display: block; + margin-left: auto; + margin-right: auto; +} + +blockquote.alignleft, +img.alignleft { + margin: rem-calc(7) rem-calc(24) rem-calc(7) 0; +} +.wp-caption.alignleft { + margin: rem-calc(7) rem-calc(14) rem-calc(7) 0; +} + +blockquote.alignright, +img.alignright { + margin: rem-calc(7) 0 rem-calc(7) rem-calc(24); +} + +img.alignleft, img.alignright, img.aligncenter, div.wp-caption img { + border: 2px solid lightgrey; + border-radius: 3px; + box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); +} +// Fix the issue where the WP adminbar overlaps the mobile menu +#wpadminbar { + position: fixed !important; +} +@media (max-width:640px) { + + div.wp-caption.alignright { + width: 90% !important; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; + img { + width: 90%; + margin-left: auto; + margin-right: auto; + float: none; + } + } + div.wp-caption.alignright { + width: 100%; + } +} +.wp-caption { + margin: 10px 20px; + padding: 5px; + background-color: #f3f3f3; + border: 1px solid #ddd; + text-align: center; + img { + width: 100%; + } + p.wp-caption-text { + padding: 5px; + width: 100%; + margin: 0; + } +} +img.alignleft, img.alignright, img.aligncenter, div.wp-caption img { + border: 2px solid #b1b3b5; +} + +.alignright { + float: right; +} + +.alignleft { + float: left; +} +/* End Images */ + +/* Blog & Search*/ + #blog-posts-container { + margin: 30px 0 60px 0; + + embed, iframe, object, video { + max-width: 100%; + } + + a { + text-decoration: none; + } + + .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { + overflow: hidden; + color: #757575; + font-size: 0.857143rem; + font-style: italic; + line-height: 2; + } + + .date { + font-size: 12px; + } + + footer.entry-meta { + color: #757575; + font-size: 0.928571rem; + line-height: 1.84615; + margin-top: 1.71429rem; + clear: both; + float: none; + margin-right: auto; + } + + footer { + clear: both; + padding: 15px 0 0; + position: relative; + text-align: center; + } + } + #searchform_container { + margin-top: 40px; + } + #searchform { + max-width: 100%; + } + + /* End Blog & Search */ + + +/* Ninja Forms */ + +.ninja-forms-form-wrap { + margin-left: auto; + margin-right: auto; + margin-top: 40px; + max-width: 550px; +} +.ninja-forms-field-error { + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + background: none repeat scroll 0 0 #c00000; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + border-color: #c00000; + border-image: none; + border-style: solid; + border-width: 0 1px 1px; + margin-top: -10px; + margin-bottom: 16px; +} +.ninja-forms-field-error > p { + color: #fff; + font-size: 12px; + font-weight: bold; + margin-top: -16px; + padding: 6px 4px; + box-sizing: border-box; + display: block; + margin-bottom: 0; +} +.ninja-forms-success-msg > p, +.ninja-forms-success-msg > div > p { + color: $success-color; + font-size: rem-calc(20); + font-weight: $font-weight-bold; +} +.honeypot-wrap { + display: none; +} +/* End Ninja Forms */ + +/* For fixing cellphones not showing phone numbers because of goofy auto-coloring */ +a[href^=tel]{ + color:inherit; + text-decoration:none; +} +/* */ + +/* Time.ly event calendar */ +.events_mini { + .ai1ec-clearfix { + display: none + } +} +.ai1ec-pull-right { + display: none; +} +/* End Time.ly event calendar */ + + + +/* */ +/* */ +/* */ \ No newline at end of file -- 2.17.1