/* Theme Name: Thomas Wolfe Memorial Description: An Art Deco-Inspired theme created for the Thomas Wolfe Memorial, Asheville. Version: 0.1 Author: Andrew Layton Author URI: http://www.ragged.in */ /***** Author's Note: This theme was built onto the Super Hijinksified starter theme by Amber Weinberg (http://www.amberweinberg.com) ****/ /***** HTML5 BOILERPLATE MINIFIED *******/ *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:focus{outline:thin dotted}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#23220b;text-decoration:none}mark{background:#ff0;color:#23220b;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#23220b;margin:.2em 0;padding:.2em 0} /**** COLOR PALETTE . . . red: #bb521b green: #a29e32 gray: #cdc5ae blue: #839d9a light blue: #d0ecf2 bright light blue: #cbf8ff aqua: #99cbc0 dark red: #380b12 **** MOBILE MENU . . . ivory: #fdf3d8 blended black: #302e28 light brown: #d5ad65 dark brown: #443020 red: #e44e35 AND . . . footer black: #23220b; footer house green: #3a3824; ********/ /**** BODY STYLES ********/ @font-face { font-family: 'Nickerbocker'; src: url('styles/nickerbocker/nickerbocker.eot'); src: url('styles/nickerbocker/nickerbocker.eot?#iefix') format('embedded-opentype'), url('styles/nickerbocker/nickerbocker.woff') format('woff'), url('styles/nickerbocker/nickerbocker.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*@import url(http://fonts.googleapis.com/css?family=Gentium+Book+Basic); @font-face { font-family: 'Gentium'; src: url('styles/gentiumbook/genbkbasr-webfont.eot'); src: url('styles/gentiumbook/genbkbasr-webfont.eot?#iefix') format('embedded-opentype'), url('styles/gentiumbook/genbkbasr-webfont.woff') format('woff'), url('styles/gentiumbook/genbkbasr-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }*/ /**** ICON FONT *******/ @font-face { font-family: 'Thomas-Wolfe-Icons'; src:url('styles/icons3/fonts/Thomas-Wolfe-Icons.dev.eot'); src:url('styles/icons3/fonts/Thomas-Wolfe-Icons.eot?#iefix') format('embedded-opentype'), url('styles/icons3/fonts/Thomas-Wolfe-Icons.woff') format('woff'), url('styles/icons3/fonts/Thomas-Wolfe-Icons.ttf') format('truetype'), url('styles/icons3/fonts/Thomas-Wolfe-Icons.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'Thomas-Wolfe-Icons'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; } .icon-home, .icon-image, .icon-images, .icon-film, .icon-camera, .icon-facebook, .icon-google-plus, .icon-youtube, .icon-camera-2, .icon-twitter, .icon-instagram, .icon-file-pdf, .icon-search, .icon-menu, .icon-list { font-family: 'Thomas-Wolfe-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-home:before { content: "\e000"; } .icon-image:before { content: "\e001"; } .icon-images:before { content: "\e002"; } .icon-film:before { content: "\e003"; } .icon-camera:before { content: "\e004"; } .icon-facebook:before { content: "\e005"; } .icon-google-plus:before { content: "\e006"; } .icon-youtube:before { content: "\e007"; } .icon-camera-2:before { content: "\e008"; } .icon-twitter:before { content: "\e00a"; } .icon-instagram:before { content: "\ea90"; } .icon-file-pdf:before { content: "\e00b"; } .icon-search:before { content: "\e00c"; } .icon-menu:before { content: "\e009"; } .icon-list:before { content: "\e009"; } /**** END ICON FONT *******/ html, body { height: 100%; } body { width: 100%; margin: 0 auto; padding: 0; background: url('assets/header-background.png') top center no-repeat #fff; color: #23220b; border-top: 2px solid #6f9089; font: 16px 'Gentium Book Basic', serif; } header, #menu-main-menu, h1, #content, footer, #footer-container { position: relative; width: 100%; max-width: 1080px; margin: 0 auto; } h1 { font-family: 'Nickerbocker'; font-weight: normal; color: #bb521b; } h1 { font-size: 4.375em; text-align: center; padding: 1.3em 0.678em 1em 2.034em; } /* alternate{ padding: 0.743em 0.678em 0 2.034em; margin-bottom: 1.4em; border-bottom: 1px solid #cdc5ae; }*/ h2, h3, h4, h5, h6 { font-family: 'Gentium Book Basic', serif; font-weight: normal; color: #a29e32; line-height: 1em; margin: 2.2em 0 0.125em; } h2 { font-size: 1.750em; } h3 { font-size: 1.5em; } h4 { font-size: 1.250em; } h5 { font-size: 1.125em; } h6 { font-size: 1em; } p { font-size: 1em; line-height: 1.5em; margin: 0 0 2em; text-align: justify; } a { color: #839d9a; text-decoration: none; border-bottom: 1px dashed #839d9a; } a:hover, a:focus { color: #bb521b; border-color: #bb521b; } a:active { color: #bb521b; border-color: #bb521b; } .menu a { transition: color 0.3s ease-out; } .clearfix { clear: both; } .fancy-font { font-family: 'Nickerbocker'; } ul, ol { list-style-position: inside; /*overflow: hidden;*/ } ul li, ol li { } input { padding: 0.35em 0.6em 0.075em; font-family: 'Gentium Book Basic'; background: #fffff2; border: 1px solid #84817B; border-color: rgba(116, 115, 101, 0.69); border-radius: 3px; box-shadow: 0px 2px 4px -1px #553B08 inset; } button, input.button, input.submit { padding: 0.175em 0.6em; color: #23220b; box-shadow: 0px 2px 4px -1px #553b08; } button:hover, input.button:hover, input.submit:hover, button:active, input.button:active, input.submit:active { color: #FEFAF1; background: #bb521b; } /**** HEADER STYLES *******/ header { position: relative; height: 18em; width: 100%; padding: 0 1.5em; } #logo-link { position: absolute; display: block; top: 59px; border: none; } #logo { width: 398px; /*86.5%;*/ } #header-address { position: absolute; top: 3.8em; right: 0; padding: 0 1.2em; color: #fff; text-align: right; font-size: 1.313em; letter-spacing: 0.1em; text-shadow: 0px 2px 1px #0C4522/* -2px -1px 0px #BEDAC9 */; border: none; } #header-address:hover, #header-address:focus { color: #e6f2a7; } #header-address:active { color: #f26717; } #header-address span { display: inline; text-transform: uppercase; } /***** NAV STYLES *******/ .menu, .menu ul, .menu i:before { list-style: none; padding: 0; margin: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .menu a { border: none; } #mobile-menu-link { display: none; } #primary-menu { text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #primary-menu ul { position: relative; display: inline-table; width: auto; padding: 0; margin: 0; z-index: 10; overflow: visible; font-size: 1.125em; text-align: center; list-style: none; } #primary-menu > li > ul.sub-menu { min-width: 10em; padding: 4px 0; background-color: #f4f4f4; border: 1px solid #CCC; border-radius: 5px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #primary-menu ul:after { content: ""; clear: both; display: block; } #primary-menu ul li { padding: 0; } #primary-menu > ul > li { display: none; } #primary-menu ul li.for-top { display: block; float: left; } #primary-menu ul li a { display: block; padding: 0.4% 2%; border: none; text-decoration: none; color: #bb521b; } #primary-menu ul li > a { padding: 0.32em 0.725em; } #primary-menu ul li > a:hover, #primary-menu ul li > a:focus { color: #fff; background-color: #bb521b; } #primary-menu ul ul { display: none; position: absolute; top:100%; min-width: 10em; font-size: 1em; background-color: #f4f4f4; border: 1px solid #CCC; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #primary-menu ul li:hover > ul, #primary-menu ul li:focus > ul { display: block; } #primary-menu ul ul li { display: block; position: relative; float: none; } #primary-menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #f4f4f4; } #primary-menu ul ul > li a:hover, #primary-menu ul ul > li a:focus { background-color: #bb521b; color: #fff; } #primary-menu ul.sub-menu li.has-submenu > a:after { content: " >>"; } #primary-menu ul ul ul { position: absolute; left: 100%; top:0; } #secondary-menu { position: relative; padding: 1.6em 0 1.6em 0.4em; font-size: 1em; text-transform: uppercase; border-top: 1px solid black; border-bottom: 1px solid black; } #secondary-menu li { display: block; padding: 0; margin: 0; } #secondary-menu a { display: inline-block; width: 100%; padding: 0.9em 0; color: #23220b; border: none; } #secondary-menu a:hover, #secondary-menu a:focus { color: #839d9a; } #secondary-menu a:active { color: #bb521b; } #secondary-menu ul.children { padding-left: 1.5em; } /**** ASIDE STYLES *******/ aside { display: block; position: absolute; left: 0; top: 0; margin: 0.8em auto 0; width: 17em; padding: 0 1em 0 2em; } aside li { list-style: none; } #action-box { width: 92%; } #action-box a { display: block; width: 100%; max-width: 260px; height: auto; margin: 3em 0 5em; border: none; text-align: center; } #action-box a .container { display: block; height: 6em; overflow: hidden; } #action-box a img { width: 200%; } #action-box .screen-reader { text-indent: -90em; } #action-box a.volunteer { height: 7em; overflow: hidden; color: #23220b; } #action-box a.volunteer:hover, #action-box a.volunteer:focus, #action-box a.volunteer:hover strong, #action-box a.volunteer:focus strong { color: #bb521b; } #action-box a.volunteer:hover img, #action-box a.volunteer:focus img { width: 205%; margin-left: -1%; } #action-box a.volunteer .container { height: 4.35em; } #action-box a.volunteer strong { display: block; font-size: 1.125em; font-weight: normal; color: #a29e32; } #action-box a.friends { color: #839d9a; } #action-box a.friends .container { position: relative; height: 10em; } #action-box a.friends img { position: absolute; bottom: 0; left: 0; } #action-box a.friends:hover img, #action-box a.friends:active img { bottom: 0; left: auto; right: 0; } .widget_search { list-style: none; } .widget_search h2 { font-family: 'Nickerbocker'; } #mailchimpsf_widget-2 { padding: 1em; margin: 3em 0 10em; text-align: left; min-width: 12em; max-width: 318px; background-color: #fdf3d8; border: 2px solid #eed3a4; border-radius: 5px; color: #23220b; } #mailchimpsf_widget-2 h2 { margin-top: 0; text-align: center; font-family: 'Nickerbocker'; font-size: 1.9em; line-height: 1em; color: #bb521b; } #mailchimpsf_widget-2 h2 em { font-size: 1.25em; line-height: 1.1em; text-transform: uppercase; } #mailchimpsf_widget-2 div { margin: 1em 0; } #mailchimpsf_widget-2 div.field-group { margin: 0; } #mailchimpsf_widget-2 .mc_input { width: 100%; } #mailchimpsf_widget-2 #mc_message { text-align: left; } #mailchimpsf_widget-2 .mc_error_msg { color: #bb521b; } #mailchimpsf_widget-2 .mc_success_msg { color: #b7f298; } #mailchimpsf_widget-2 form { } #mailchimpsf_widget-2 ul.mc_list { padding: 0; margin: 0; } #mailchimpsf_widget-2 ul.mc_list li { display: inline; padding-right: 0.3em; white-space: nowrap; } #mailchimpsf_widget-2 ul.mc_list li input { margin-right: 0.3em; } /***** CONTENT STYLES *******/ #content { position: relative; min-height: 50em; padding-left: 19.3em; padding-right: 3.2em;} .alignleft { float: left; margin-right: 1.88em; } .alignright { float: right; margin-left: 1.88em; } .info-box { width: 100%; margin: 2em 0; padding: 0 2em; color: #fff; background: #839d9a; border: 2px solid #738786; border-radius: 5px; } .info-box, #tribe-events-list-widget-2 { background: #acc1b8; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #99b2b8 21%, #839d9a 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(21%,#99b2b8), color-stop(100%,#839d9a)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #99b2b8 21%,#839d9a 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #99b2b8 21%,#839d9a 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #99b2b8 21%,#839d9a 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #99b2b8 21%,#839d9a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99b2b8', endColorstr='#839d9a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .info-box h1, .info-box h2, .info-box h3, .info-box h4, .info-box h5, .info-box h6, .info-box strong { color: #d0ecf2; } .info-box a { color: #d0ecf2; border-color: #d0ecf2; } .info-box a:hover, .info-box a:active { color: #bb521b; } .icon-file-pdf:before { margin: 0 0.3em 0 0.75em; color: #bb521b; } .wp-caption { padding: 0.3em; text-align: center; background-color: none; } .wp-caption-text { font-size: 0.875em; font-style: italic; padding: 1.33em 1.33em 1em; margin: 0; } /***** FOOTER STYLES *******/ footer { display: block; position: relative; clear: both; bottom: 0; left: 0; max-width: 2000px; height: auto; margin-top: 14em; padding-bottom: 2em; color: white; background-color: #a29e32; border-top: 5px solid #23220b; } #footer-container { padding: 0 2em; } footer a { color: white; border: none; } footer a:hover, footer a:focus { color: #23220b; } footer h6 { font-size: 0.875em; text-align: center; margin: 1em 0; padding: 0; color: white; } #footer-house { display: block; position: relative; float: right; width: 40%; padding: 0 5%; margin-top: -12.5%; } #footer-address { display: block; width: 40%; float: right; margin: 1em 0 0 0; padding: 0 0.9% 0 2.5%; text-align: center; } #footer-address strong { font-size: 1.125em; font-weight: normal; text-transform: uppercase; } #footer-action-box { width: 60%; font-family: 'Nickerbocker'; line-height: 1em; text-align: center; text-shadow: -2px 2px 0px #8E7D18; } #footer-action-box a { display: inline-block; width: 49%; margin: 1em 0 0 0; vertical-align: middle; padding: 1em 0em; } #footer-friend { } #footer-volunteer { } #footer-action-box span { font-size: 1.2em; } #footer-action-box em { font-size: 2.66em; line-height: 1em; font-style: italic; } #footer-action-box strong { font-size: 1.5em; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; } #footer-menu { width: 100%; left: 0; clear: both; margin: 3em 0; text-transform: uppercase; text-align: center; } #footer-menu li { display: inline; } #footer-menu a { padding: 0.75em 1em; } #footer-social-menu { position: relative; width: 60%; float: left; margin-top: -5em; } .icon-facebook:before { color: #3b5997; } .icon-google-plus:before { color: #d34836; } .icon-youtube:before { color: #ff3333; } .icon-twitter:before { color: #41b7d8; } .icon-instagram:before { color: #517fa4; } #footer-social-menu li { } #footer-social-menu a { width: 20%; float: right; margin: 0 0.5%; text-align: center; color: #23220b; } #footer-social-menu a:hover, #footer-social-menu a:focus, #footer-social-menu a:hover i:before, #footer-social-menu a:focus i:before { color: #3a3824; } #das { color: #23220b; } #footer-social-menu a i { font-size: 2.3em; } #footer-social-menu a .screen-reader { display: inline; } footer .searchform { width: 63%; margin: 1em 0; text-align: center; } footer .searchform p { text-align: center; } footer .searchform input { } footer .searchform #searchfield { width: 61%; } footer .searchform .submit { } /***** NO SIDEBAR TEMPLATE *******/ #content.no-sidebar { min-height: 30em; } #content.no-sidebar footer, .events-single footer { margin-top: 9em; } #content.no-sidebar aside { width: 100%; padding: 0 2em; margin-top: 8.8em; } /* #action-box, #mailchimpsf_widget-2 { width: 80%; float: none; margin: 0 auto 4em; } #mailchimpsf_widget-2 { } #action-box { } #action-box a.volunteer { width: 48%; } #action-box a.friends { width: 48%; }*/ #content.no-sidebar { padding: 0 2.5em 0 3.2em; margin: 0 auto; } #content.no-sidebar #secondary-menu { display: none; } #content.no-sidebar aside { position: relative; width: 100%; height: auto; overflow: hidden; } #content.no-sidebar #mailchimpsf_widget-2, #content.no-sidebar #action-box { } #content.no-sidebar #mailchimpsf_widget-2 { position: relative; width: 32%; float: left; margin: 0 auto 4em; } #content.no-sidebar #mailchimpsf_widget-2 h2 br { } #content.no-sidebar #action-box { position: relative; width: 65%; float: right; text-align: center; } #content.no-sidebar #action-box a { display: inline-block; margin: 0 0.5em; padding: 1em; } #content.no-sidebar #action-box a.volunteer { height: auto; margin-top: 0; } #content.no-sidebar #action-box a.volunteer .container { height: 6.2em; } #content.no-sidebar #action-box a.friends { } #content.no-sidebar #action-box a.friends .container { height: 12.2em; } /***** HOME CONTENT STYLES *******/ #home-widgets { overflow: hidden; } #home-widgets h2 { font-family: 'Nickerbocker'; font-size: 2.125em; font-style: italic; text-align: center; white-space: nowrap; padding-bottom: 0.25em; margin-top: -1em; margin-bottom: 0.35em; color: #bb521b; } #home-widgets h4 { font-size: 1.125em; line-height: 1.2em; } #home-widgets strong { color: #bb521b; color: inherit; } #home-widgets .widget { display: inline-block; width: 40%; min-width: 14.25em; margin: 5%; padding-bottom: 0; } #text-3, #text-4 { background: #fdf3d8; color: #23220b; border: 2px solid #EED3A4; border-radius: 5px; } #text-3 /** Hours **/{ margin-top: 4em !important } #text-4 /** Admission **/{ } #text-4 h4 { color: #23220b; margin-bottom: 0.75em; } #tribe-events-list-widget-2 /** Events (Deprecated in 2022) **/{ float: left; } #tribe-events-list-widget-2 h2 { margin-top: -1.1em; } #tribe-events-list-widget-2 ol { list-style: none; padding-left: 0; } #tribe-events-list-widget-2 ol li { padding-left: 0; } #tribe-events-list-widget-2 div { padding: 0 1em 0 1em; } #tribe-events-list-widget-2 h4 a { border: none; color: #D0ECF2; letter-spacing: 0.01em; text-shadow: 0px 2px 1px #38625e; } #tribe-events-list-widget-2 .duration { font-weight: normal; } #tribe-events-list-widget-2 .tribe-events-widget-link { text-align: right; } /* The Events Calendar Shortcode & Block Plugin (Replaces #tribe-events-list-widget-2 styles above) */ .ecs-event-list-container { position: relative; clear: both; width: fit-content; border: 1px solid; text-align: center; margin: 4em auto 0; } .ecs-event-list-container h2, .ecs-event-list-container h3 { font-family: 'Nickerbocker'; font-size: 3em; font-style: italic; text-transform: uppercase; color: #302e28; margin-top: 0.4em; } .ecs-event-list { /*list-style-position: outside;*/ list-style: none; padding-left: 10px; max-width: 27em; margin-top: 0.7em; } .ecs-event-list .ecs-event { font-size: 1.125em; margin-bottom: 1.3em; padding-bottom: 0.7em; border-bottom: 1px solid #b8d4d6; } .ecs-event-list .ecs-event:last-of-type { border-bottom: none; } .ecs-event-list .entry-title { font-size: 1.32em; letter-spacing: 0.035em; font-style: italic; } .ecs-event-list .entry-title a { font-family: 'Gentium Book Basic'; font-size: 1em; color: #ffffff; } .ecs-event-list .entry-title a:hover, .ecs-event-list .entry-title a:active { color: #cbf8ff; } .ecs-event-list .time { color: #443020; } /**** COLOR PALETTE . . .(copied from above for my reference down here, so feel free to delete this one) red: #bb521b green: #a29e32 gray: #cdc5ae blue: #839d9a light blue: #d0ecf2 bright light blue: #cbf8ff aqua: #99cbc0 dark red: #380b12 **** MOBILE MENU . . . ivory: #fdf3d8 blended black: #302e28 light brown: #d5ad65 dark brown: #443020 red: #e44e35 AND . . . footer black: #23220b; footer house green: #3a3824; ********/ #text-2 /** Home Map **/ { display: block; width: 100% !important; height: 21.875em; padding: 0; margin: 0 0 3em 0 !important; clear: both; background: none; border: none; border-radius: none; color: #23220b; } #text-2 h2 { display: none; } .cpm-infowindow { } #text-2 .title { font-family: 'Nickerbocker'; font-size: 26px !important; line-height: 1em !important; font-weight: normal !important; border: none; color: #839d9a; } #text-2 .address { font-family: 'Gentium Book Basic' !important; margin: 0.5em 0; font-size: 14px !important; } #text-2 .description { font-family: 'Gentium Book Basic' !important; font-size: 14px !important; } #text-2 .more { font-family: 'Gentium Book Basic' !important; float: right !important; } /***** BLOG CONTENT STYLES *******/ .hentry { position: relative; overflow: hidden; padding-left: 6em; margin-bottom: 8.2em; } .entry-content { } .entry-date { display: block; position: absolute; top: 0.45em; margin-left: -5.8em; text-align: center; color: #23220b; } .entry-date .published { border: none; } .entry-date .year { display: block; font-size: 2em; } .entry-title { margin-top: 0; } .entry-title a { font-family: 'Nickerbocker'; font-size: 1.4em; line-height: 1em; border: none; color: #bb521b; } .entry-title a:hover, .entry-title a:focus { color: #839d9a; } .entry-meta { margin-bottom: 1.5em; } .entry-content { } .entry-utility { } /*#nav-below { font-size: 1.4em; margin: 2em 0; overflow: hidden; }/**/ #nav-below { font-family: 'Nickerbocker'; font-size: 2.1em; font-style: italic; text-transform: capitalize; margin: 2em 0; overflow: hidden; }/**/ #nav-below a { color: black; } #nav-below a:hover, #nav-below a:focus { color: #bb521b; border: none; } #nav-below span { padding: 1em; } #nav-below .older { float: left; } #nav-below .newer{ float: right; } /***** EVENTS CALENDAR STYLES *******/ #tribe-events-bar { } /* #tribe-events-bar div, #tribe-bar-form, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { background-color: #cdc5ae !important; } .tribe-events-button { background-color: #bb521b !important; }*/ body.events-archive #content { padding-left: 2.5em; } /***** MEDIA QUERIES FOR MOBILE STYLES *******/ /** JUST A LITTLE SMALLER **/ @media only screen and (max-width: 800px) { #logo-link { top: 75px; } #logo { width: 332px; } } /** BLUE WITH FLAT HEADER **/ @media only screen and (max-width: 760px) { body { background-position: top left; } h1 { font-size: 2.75em; padding: 1.2em 0.909em 1.5em; } h2 { font-size: 1.375em; } header { height: 11em; } #logo-link { top: 36%; width: 15em; height: 4.1em; margin: auto; border: none; overflow: hidden; opacity: 0.93; } #logo { position: absolute; top: auto; bottom: -5%; right: 0%; width: 102%; opacity: 0.83; } #header-address { top: 30%; padding: 0 1.875em 0 0; font-size: 1.125em; } #primary-menu ul { font-size: 0.8em; } #primary-menu ul li a { padding: 0.5em 0.65em; } #content { min-height: none; padding: 0 2.5em; margin: 0; } #secondary-menu { display: none; } /* NO SIDEBAR TEMPLATE */ body.page-template-no-sidebar-php #mailchimpsf_widget-2, body.page-template-no-sidebar-php #action-box { width: 100%; float: none; } aside { position: relative; width: 100%; height: auto; overflow: hidden; } #mailchimpsf_widget-2, #action-box { width: 45%; } #mailchimpsf_widget-2 { float: left; margin-top: 2.5em; } #mailchimpsf_widget-2 h2 br { } #action-box { float: right; } #action-box a.volunteer { height: auto; margin-top: 0; } #action-box a.volunteer .container { height: 6.2em; } #action-box a.friends { } #action-box a.friends .container { height: 12.2em; } footer { } #footer-action-box { font-size: 0.8em; } } /** START MOBILE VERSION **/ @media only screen and (max-width: 555px) { /* formerly known as max-width: 480px and 520px */ body { background: none; } h1, h2 { text-align: center; } blockquote { margin: 1em 0 0 0.25em; } header { height: auto; background-color: #fdf3d8; padding: 0; } #logo-link { position: relative; top: 0.5em; max-width: 14em; width: 43%; height: 59px; margin: 0 0 1.2em 0.8em; border: none; overflow: hidden; opacity: 0.93; } #logo { position: absolute; top: auto; bottom: -8; right: 0; width: 102%; opacity: 0.83; } #header-address { position: absolute; top: 0.75em; right: 0; float: none; text-align: right; padding: 0 1em 0 0; font-size: 0.813em; color: #484129; text-shadow: none; } #header-address:hover, #header-address:focus { color: #bb521b; } #header-address:active { color: #bb521b; } #header-address em { font-size: 1.125em; font-style: normal; } #header-address span { display: none; } #content { padding: 0 2em; } .wp-caption { width: 100% !important; } .wp-caption img { width: 108%; height: auto; margin-left: -4%; } #primary-menu { position: relative; width: 100%; max-height: 90em; clear: both; overflow: hidden; text-align: center; background-color: #252219; border: none; box-shadow: 0 1px 3px 1px #b8af96; } #mobile-menu-link { display: block; position: relative; width: 100%; padding: 0.4em 1.33em; color: black; background-color: #e4d2a0; border-top: 2px solid #252219; border-bottom: 2px solid #252219 !important; } #mobile-menu-link .icon-menu { position: relative; float: right; font-size: 0.9em; line-height: 1.3em; } #mobile-menu-link.active:before { content: 'Close '; } #primary-menu ul { width: 100%; font-size: 1em } #primary-menu ul li { display: block; width: 100%; clear: both; border-bottom: 1px solid #252219; background-color: #d5ad65; } #primary-menu ul ul { border: none; } #primary-menu > ul, #primary-menu > ul ul, #primary-menu > ul ul ul { position: relative; display: block; left: 0; overflow: hidden; max-height: 0; } #primary-menu > .active, #primary-menu > ul .active { max-height: 90em; } #primary-menu ul li.has-submenu > a:after { content: '+' !important; position: relative; float: right; font-size: 2em; line-height: 0.9em; } #primary-menu ul li.has-submenu > a.active:after { content: '-' !important; } #primary-menu ul li a { display: block; width: 100%; padding: 0 0.75em 0 1.875em; padding-bottom: 1px; line-height: 2.1em; text-align: left; text-transform: uppercase; letter-spacing: 0.1em; color: black; border-bottom: none; } #primary-menu ul li a:hover, #primary-menu ul li a:focus { background-color: #e4D2a0; color: black; outline: 0; } #primary-menu ul.sub-menu>:last-child> a { box-shadow: inset 0 -2px 4px 0 #7a2c23; } #primary-menu ul.sub-menu>:first-child> a { box-shadow: inset 0 3px 3px 0 #7a2c23; } #primary-menu ul ul li a { color: #443020; background-color: #e44e35; } #primary-menu ul ul li a:hover, #primary-menu ul ul li a:focus { color: #443020; background-color: #F5E7CF; } #primary-menu ul ul ul li a { background-color: #ed8f6d; } aside { padding: 0; } #action-box, #mailchimpsf_widget-2 { width: 80%; float: none; margin: 2em auto; } #mailchimpsf_widget-2 { } #action-box { } #action-box a { margin: 0 auto; } #action-box a.volunteer { width: 100%; } #action-box a.friends { width: 100%; margin-top: 2.5em; } footer { margin-top: 7em; } #footer-social-menu { margin-top: -2.6em; } #footer-social-menu a i { font-size: 1.5em; } #footer-social-menu a .screen-reader { display: none; } #footer-address { width: 50%; } #footer-action-box { width: 50%; font-size: 0.7em; line-height: 1.4em; } #footer-action-box a { width: 100%; margin: 0.3em 0; } #footer-volunteer { } #footer-friend { } footer .searchform { width: 100%; } } @media only screen and (max-width: 510px) { #logo-link { height: 59px; top: 0.3em; } } @media only screen and (max-width: 480px) { #logo-link { height: 52px; top: 0.5em; } } @media only screen and (max-width: 440px) { #logo-link { height: 50px; } } @media only screen and (max-width: 410px) { #logo-link { height: 44px; } #mailchimpsf_widget-2 { width: 100%; margin: 0; } } @media only screen and (max-width: 380px) { #logo-link { height: 42px; } } /** SINGLE COLUMN MOBILE HEADER **/ @media only screen and (max-width: 360px) { header { height: auto; padding: 0.875em 0 0 0; } #logo-link { position: relative; display: block; max-width: 12em; width: 100%; height: 3.2em; margin: 0 auto; } #header-address { position: relative; display: block; padding: 1em 0.5em; margin-top: 0.3em; text-align: center; } #mobile-menu-link { margin-top: 1em; } #action-box a.friends { margin-top: 0; margin-bottom: 5em; } #footer-social-menu { width: 100%; margin-top: -3.3em; text-align: center; } #footer-social-menu li { display: inline; } #footer-social-menu a { float: none; padding: 1em; font-size: 1.3em; } #footer-social-menu a i { } #footer-social-menu a .screen-reader { } #footer-house { width: 100%; margin-top: -38%; float: none; } #footer-address { width: 100%; } #footer-action-box { width: 100%; } #footer-action-box a { margin: 0.6em 0 0.1em; } #footer-volunteer { } #footer-friend { } footer .searchform { } #footer-menu { margin-top: 0; margin-bottom: 2em; } #footer-menu li { display: block; } #footer-menu li a { display: block; padding: 0.8em 0em; } } /*@media only screen and (min-width: 768px) { } @media only screen and (min-width: 992px) { } @media only screen and (min-width: 1382px) { }*/ /****** PRINT STYLES *********/ @media print{*{background:transparent!important;color:#23220b!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a{text-decoration:underline}a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after{content:""}a[href^="javascript:"]:after{content:""}a[href^="#"]:after{content:""}pre{border:1px solid #999;page-break-inside:avoid}blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr{page-break-inside:avoid}img{page-break-inside:avoid;max-width:100%!important}@page{margin:.5cm}p{orphans:3;widows:3}h2{orphans:3;widows:3;page-break-after:avoid}h3{orphans:3;widows:3;page-break-after:avoid}}