/* Theme Name: City of Elkins Author: Nick Zwinggi Author URI: https://zwinggicreative.com Description: Theme built for City of Elkins Version: 2022.1 */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important} /* ---------------- ---------------- */ /* -------- Global Elements -------- */ /* ---------------- ---------------- */ body * {font-family: 'Albert Sans';} body { font-weight:normal; font-family: 'Albert Sans'; font-size: 16px; background: #fff; color:#2E2E2E; overflow-x: hidden;} .thin { } img.alignright { float:right; margin: 0 0 20px 20px; max-width: 50%;} img.alignleft { float:left; margin: 0 20px 20px 0; max-width: 50%;} @media (max-width:767px){ img.alignleft, img.alignright { float:none; margin: 0 0 20px; max-width: 100%; } } hr { height:1px; border:none; border-top:1px solid #dedede; width:100%; background: none; margin: 30px 0;} article ul { list-style: disc; margin: 10px 30px;} article ol { list-style: decimal; margin: 10px 30px;} article ul li, article ol li { padding:5px 0 5px 5px;} article { padding-bottom: 30px; margin-bottom: 30px;} .page-template-primary article { padding-bottom: 0; margin-bottom: 0;} .blue { color:#00395A;} .grey { color:#414141;} .gold { color:#FCB034;} .teal { color:#90D4C9;} .black { color:#121212;} .white { color:#fff;} .tan { color:#F3EFE7;} .eggshell { color:#FAF8F6;} .slate { color:#2E2E2E;} .slate-light { color:#DFDBD4;} .orange { color:#FC6534;} .hunter { color:#073F2C;} .green { color:#006857;} .bg-blue { background-color:#00395A;} .bg-grey { background-color:rgba(65,65,65,.11);} .bg-gold { background-color:#FCB034;} .bg-teal { background-color:#90D4C9;} .bg-black { background-olor:#121212;} .bg-white { background-color:#fff;} .bg-tan { background-color:#F3EFE7;} .bg-eggshell { background-color:#FAF8F6;} .bg-slate { background-color:#2E2E2E;} .bg-slate-light { background-color:#DFDBD4;} .bg-orange { background-color:#FC6534;} .bg-hunter { background-color:#073F2C;} .bg-green { background-color:#006857;} .border-blue { border-width: 1px; border-style: solid; border-color:#00395A !important;} .border-grey { border-width: 1px; border-style: solid; border-color:#414141;} .border-gold { border-width: 1px; border-style: solid; border-color:#FCB034;} .border-teal { border-width: 1px; border-style: solid; border-color:#90D4C9;} .border-black { border-width: 1px; border-style: solid; border-olor:#121212;} .border-white { border-width: 1px; border-style: solid; border-color:#fff;} .border-tan { border-width: 1px; border-style: solid; border-color:#F3EFE7;} .border-eggshell { border-width: 1px; border-style: solid; border-color:#FAF8F6;} .border-slate { border-width: 1px; border-style: solid; border-color:#2E2E2E;} .border-slate-light { border-width: 1px; border-style: solid; border-color:#DFDBD4;} .border-orange { border-width: 1px; border-style: solid; border-color:#FC6534;} .border-hunter { border-width: 1px; border-style: solid; border-color:#073F2C;} .border-green { border-width: 1px; border-style: solid; border-color:#006857;} .bg-blue *, .bg-slate *, .bg-maroon * { color:#fff;} .page-panel.color-padding { padding:20px; margin:30px auto;} .page-panel.color-padding#main-panel-1 { margin:70px auto;} .page-panel.color-padding-left-right { padding-left: 20px; padding-right: 20px; } img { max-width:100%; height: auto;} .pane { border-radius:0px; position: relative; overflow: hidden; } .pane img { object-fit: cover; position: absolute; width: 100%; height: 100%;} .relative { position:relative;} .static { position:static;} .fixed { position:fixed;} .absolute { position:absolute;} @media (max-width:767px){ .plus768 { display:none;} } @media (min-width:768px){ .minus768 { display:none;} } a { transition: .25s all ease-in-out; color:#00395A; text-decoration: none;} a.read-more { color:#FCB034;} a:hover { transition: .25s all ease-in-out; color:#90D4C9; text-decoration: none;} p, .p { font-family: 'Albert Sans';} p a, .entry-content li a, .card li a { font-family: 'Albert Sans'; color:#00395A; text-decoration: underline;} p a:hover, .entry-content li a:hover, .card li a:hover { color:#90D4C9; text-decoration: underline;} a h3 { transition: .25s all ease-in-out;} a:hover h3 { color:#90D4C9; transition: .25s all ease-in-out;} em,i { font-style:italic;} .entry-content ul { margin-left:20px; padding-left:20px; list-style: disc;} .page-panel li { font-family: 'Albert Sans';} .entry-content img.aligncenter { padding:10px; width:calc(100%); border:1px solid #00395A; height:auto;} .capitalize { text-transform:capitalize;} .lowercase { text-transform:lowercase;} .uppercase { text-transform:uppercase;} strong, b { font-weight:700; font-family: 'Albert Sans';} .button, a.button, p a.button, .button-link a, a.button-link, .search-submit, button.forminator-button-submit { background-color: #FCB034 !important; border-radius: 10px !important; padding: 15px 48px 15px 27px !important; line-height: 1em; transform: scale(100%) !important; display: inline-block !important; border: none !important; transition: .25s all ease-in-out !important; cursor: pointer; text-align: center; font-weight: 400; text-decoration: none !important; font-size: 16px; color: #00395A; letter-spacing: 0; position: relative; } .button:hover, .button.active, a:hover .button, a.button:hover, p a.button:hover, .button-link a:hover, a.button-link:hover, .search-submit:hover, button.forminator-button-submit:hover { background-color: #006857 !important; transform:translateX(-2px) translateY(-2px) !important; box-shadow: 2px 2px 0 0 #7F4C3A !important; transition: .25s all ease-in-out !important; border: none !important; text-decoration: none !important; color:#fff;} hr { margin:20px 0; padding: 0; background:#FCB034; width:100%; height:1px; border:none;} .button::after, a.button::after, p a.button::after, .button-link a::after, a.button-link::after, .search-submit::after, button.forminator-button-submit::after { content:''; position: absolute; right:16px; top:50%; transform:translateY(-50%); background:url("/wp-content/themes/city_of_elkins/images/chevron-blue.svg") no-repeat; background-size:contain; width:11px; height:21px; transition:.25s all ease-in-out; } .button:hover::after, a.button:hover::after, p a.button:hover::after, .button-link a:hover::after, a.button-link:hover::after, .search-submit:hover::after, button.forminator-button-submit:hover::after { opacity:0; transition:.25s all ease-in-out; } .button::before, a.button::before, a .button::before, p a.button::before, .button-link a::before, a.button-link::before, .search-submit::before, button.forminator-button-submit::before { content:''; position: absolute; right:16px; top:50%; transform:translateY(-50%); background:url("/wp-content/themes/city_of_elkins/images/chevron-white.svg") no-repeat; opacity: 0; background-size:contain; width:11px; height:21px; transition:.25s all ease-in-out; } .button:hover::before, a.button:hover::before, a:hover .button::before, p a.button:hover::before, .button-link a:hover::before, a.button-link:hover::before, .search-submit:hover::before, button.forminator-button-submit:hover::before { opacity:1; transition:.25s all ease-in-out; z-index: 3; } .forminator-ui.forminator-design--default .forminator-button-submit { font-weight: 400 !important; font-size: 16px !important; } .discover-inner a { display:block;} .discover-inner img {border-radius:10px; margin:20px 0;} .discover-inner a:hover { transform:scale(104%); cursor: pointer;} a.button.button-white { color: #00395A; background:#fff !important; margin:30px 0 0 !important;} a.button.button-white:hover { color: #fff; background:#2B8D3A !important; margin-right: 20px;} a.download-link { padding-right: 42px !important; } a.download-link::after { content:''; position: absolute; top:50%; transform: translateY(-50%); right:8px; height:20px; width:25px; background: url("/wp-content/themes/city_of_elkins/images/downloadable.svg") no-repeat; background-size: contain;} input:focus, select:focus, textarea:focus, button:focus { outline: none; } .no-bottom, .nobottom, .noBottom { margin-bottom:0 !important;} .no-top, .notop, .noTop { margin-top:0 !important;} .no-padding-bottom, .nopaddingbottom, .noPaddingBottom { padding-bottom:0 !important;} .no-padding-top, .nopaddingtop, .noPaddingTop { padding-top:0 !important;} .no-padding, .nopadding, .noPadding { padding:0 !important;} .no-margin, .nomargin, .noMargin { margin:0 !important;} .no-bottom p:last-child, .nobottom p:last-child, .noBottom p:last-child { margin-bottom:0;} .videoWrapper { position: relative; padding-bottom: 51.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .no-vid .videoWrapper { position:static; padding: 0; height: auto;} .no-vid .videoWrapper iframe { position:static; height: auto;} .last-module { padding-bottom:60px;} footer .button-link a { color: #00395A; background:#fff !important; margin:0 10px !important;} @media (max-width:990px){ footer .button-link a { color: #00395A; background:#fff; margin-right: 0;} } footer .button-link a:hover { color: #00395A!important; background:#fff !important; margin-right: 20px; transform: scale(107%);} footer a:hover { margin-right: 20px; transform: scale(104%);} footer ul { margin-top:30px;} footer ul li:last-child {margin: 0;} footer #footer-title { width:180px; height:191px; margin: 0 20px 20px 0; display: block; background-position: left center; text-indent: -9999px; overflow: hidden; position: relative; transition: .25s all ease-in-out;} footer #footer-title::before { width: 100%; height: 100%; top: 0; left: 0; content: ''; position: absolute; background: url("/wp-content/themes/city_of_elkins/images/logo.png") no-repeat; background-size: auto; background-size: contain; opacity: 1; transition: .5s all ease-in-out;} footer .flexPanel { max-width:unset; width:100%; min-height: 50vw; margin: 0;} .masthead .flexPanel { max-width: unset; width: 100%; height: calc(100vh - 140px); margin: 70px 0 0 0;} .page-template-primary .masthead .flexPanel { height: calc(100vh - 70px); margin: 0;} @media (max-width:990px){ .page-template-primary .masthead { height: calc(96vh - 50px); margin: 0; overflow: hidden;} .page-template-primary .masthead .flexPanel { height: calc(96vh - 50px); margin: 0; overflow: hidden; display: block !important;} .page-template-primary .masthead .flexPanel .left-masthead { height: calc(48vh - 35px); margin: 0; overflow: hidden; padding:10vh 24px 2vh !important; align-items: flex-start;} .page-template-primary .masthead .flexPanel .right-masthead { height: calc(48vh - 15px); margin: 0; overflow: hidden;} .page-template-secondary .masthead { height: calc(96vh - 50px); margin: 0; overflow: hidden;} .page-template-secondary .masthead .flexPanel { height: calc(96vh - 50px); margin: 0; overflow: hidden; display: block !important;} .page-template-secondary .masthead .flexPanel .left-masthead { height: calc(48vh - 35px); margin: 0; overflow: hidden; padding:100px 24px 20px !important; align-items: flex-start;} .page-template-secondary .masthead .flexPanel .right-masthead { height: calc(48vh - 15px); margin: 0; overflow: hidden;} } @media (max-width:640px){ .page-template-primary .masthead .flexPanel .left-masthead {padding:8.5vh 24px 2vh !important; } } @media (max-width:480px){ .page-template-primary .masthead { height: calc(96vh - 50px); margin: 0; overflow: hidden;} .page-template-secondary .masthead { height: calc(96vh - 50px); margin: 0; overflow: hidden;} .page-template-primary .masthead .flexPanel .left-masthead {padding:7vh 24px 2vh !important; } } footer .flexPanel .full_6, .masthead .flexPanel .full_6 { width:50%; margin: 0; padding:100px 50px;} @media (max-width:990px){ footer #footer-title { margin:0 auto;} footer .flexPanel, .masthead .flexPanel { flex-direction: column-reverse;} footer .flexPanel .full_6, .masthead .flexPanel .full_6 { width:100%;} } footer { border-radius:0 !important; padding:0; text-align:center; line-height: 1.5em;} @media (max-height:650px) and (min-width:991px){ .masthead .flexPanel .full_6 {padding: 60px 50px;} } .right-masthead .masthead-masthead.slick-initialized.slick-slider .slick-slide { min-height:100%;} .right-masthead .masthead-masthead.slick-initialized.slick-slider { min-height:100%;} .right-masthead .masthead-masthead.slick-initialized.slick-slider .slick-list { min-height:100%;} .flexRight { justify-content:flex-end; display:flex;} .halfinner { max-width: 590px; text-align: left; width: 100%;} @media (max-width:990px){ .halfinner { max-width: 100%; text-align: center;} } footer .textwidget { margin-bottom:20px;} footer .textwidget p { font-size:20px;} footer .menu-badge-menu-container ul { display:flex; flex-wrap: wrap; margin:40px 0;} footer .menu-badge-menu-container li { width:50%; padding-left:65px; height:62px; display: flex; align-items: center; position: relative; margin-bottom: 3px;} @media (max-width:640px){ footer .menu-badge-menu-container li { width: 100%;} } footer .menu-badge-menu-container li::before { content:''; position: absolute; top:0; left:-5px; width:65px; height: 65px; background-size:contain; background-repeat: no-repeat;} footer .menu-badge-menu-container li.alert::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-alert.svg");} footer .menu-badge-menu-container li.elkins::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-elkins.svg");} footer .menu-badge-menu-container li.council-people::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-council-people.svg");} footer .menu-badge-menu-container li.council::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-council.svg");} footer .menu-badge-menu-container li.payments::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-payments.svg");} footer .menu-badge-menu-container li.cardpayments::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-cardpayments.svg");} footer .menu-badge-menu-container li.employment::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-employment.svg");} footer .menu-badge-menu-container li.utilities::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-utilities.svg");} footer .menu-badge-menu-container li.map::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-map.svg");} footer .menu-badge-menu-container li.waste::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-waste.svg");} footer .menu-badge-menu-container li.parking::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-parking.svg");} footer .menu-badge-menu-container li.roads::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-roads.svg");} footer .menu-badge-menu-container li.restaurants::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-restaurants.svg");} footer .menu-badge-menu-container li.business::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-business.svg");} footer .menu-badge-menu-container li.trees::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-trees.svg");} footer .menu-badge-menu-container li.firstresponders::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-firstresponders.svg");} footer .menu-badge-menu-container li.gavel::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-gavel.svg");} footer .menu-badge-menu-container li.calendar::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-calendar.svg");} footer .menu-badge-menu-container li a { text-transform:uppercase; line-height: 1.2em;} .default-header #menu-badge-menu { display:flex; flex-wrap: nowrap; margin:0;} .default-header #menu-badge-menu li { width:50%; align-items: center; position: relative; margin-bottom: 3px; display: block; text-align: center;} .default-header #menu-badge-menu li a { text-transform: uppercase; display: block; position: relative; text-align: center; padding: 175px 0 16px; font-weight: 600; font-size: 14px; color: #073F2C; letter-spacing: 0; line-height: 1em; cursor: pointer; border-radius: 10px;} .default-header #menu-badge-menu li a::before { content:''; position: absolute; background-size:contain; background-repeat: no-repeat; left:50%; transform: translateX(-50%); width:170px; height:170px; max-width: 100%; top:0px; background-position: bottom;} .default-header #menu-badge-menu li a:hover { transform:scale(104%); cursor: pointer; background:#FCB034; } .default-header #menu-badge-menu li.alert a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-alert.svg");} .default-header #menu-badge-menu li.elkins a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-elkins.svg");} .default-header #menu-badge-menu li.council-people a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-council-people.svg");} .default-header #menu-badge-menu li.council a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-council.svg");} .default-header #menu-badge-menu li.payments a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-payments.svg");} .default-header #menu-badge-menu li.cardpayments a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-cardpayments.svg");} .default-header #menu-badge-menu li.employment a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-employment.svg");} .default-header #menu-badge-menu li.utilities a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-utilities.svg");} .default-header #menu-badge-menu li.map a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-map.svg");} .default-header #menu-badge-menu li.waste a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-waste.svg");} .default-header #menu-badge-menu li.parking a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-parking.svg");} .default-header #menu-badge-menu li.roads a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-roads.svg");} .default-header #menu-badge-menu li.restaurants a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-restaurants.svg");} .default-header #menu-badge-menu li.business a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-business.svg");} .default-header #menu-badge-menu li.trees a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-trees.svg");} .default-header #menu-badge-menu li.firstresponders a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-firstresponders.svg");} .default-header #menu-badge-menu li.gavel a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-gavel.svg");} .default-header #menu-badge-menu li.calendar a::before {background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-calendar.svg");} @media (max-width:1350px){ .default-header #menu-badge-menu li a { padding-top:160px;} .default-header #menu-badge-menu li a::before { width:150px; height:150px;} } @media (max-width:1200px){ .default-header #menu-badge-menu li a { padding-top:125px;} .default-header #menu-badge-menu li a::before { width:116px; height:116px;} } @media (max-width:900px){ .default-header #menu-badge-menu { flex-wrap: wrap;} .default-header #menu-badge-menu li { width: 25%;} .default-header #menu-badge-menu li a::before { width:116px; height:116px;} } @media (max-width:640px){ .default-header #menu-badge-menu li { width: 33%;} .default-header #menu-badge-menu li a { padding-top:100px; font-size:12px;} .default-header #menu-badge-menu li a::before { width: 90px; height: 94px;} } p, ul, li, .p { line-height: 1.6em;} p, .p { margin-bottom: 20px; } #memberships, #memberships p { display:flex; align-items: center; justify-content: center;} #memberships img { margin:0 20px;} @media (max-width:990px){ #memberships p { flex-wrap: wrap;} #memberships img { margin: 10px 0; display: block; max-width: 100%;} } .flex-wrap {flex-wrap: wrap;} .nav-links { display: flex; justify-content: space-between; margin-bottom: 50px; } .pageinner { max-width:1280px; width:100%; margin:0 auto; padding: 0; position: relative;} @media (max-width:1400px) { .pageinner { width:calc(100% - 100px); margin:0 50px;} } @media (max-width:990px) { .pageinner { width:calc(100% - 50px); margin:0 25px;} } .pageinnerslim { max-width:840px;} @media (max-width:990px) { .pageinnerslim, .further-reading { width:100%; margin: 0;} } .pageinnerslim img, .wp-caption { max-width:100%;} .further-reading {margin-top:70px;} .full-width.pageinner { max-width:100%; width:100%; margin: 0;} .attachment-post-thumbnail, .page-setting img { border-radius:0px; margin-bottom: 30px;} @media (max-width:767px) { .attachment-post-thumbnail, .page-setting img { display:block;} } .flex { display:flex;} @media (max-width:990px) { .desktop-only { display:none !important;} } @media (min-width:991px) { .mobile-only { display:none !important;} } #header { position: fixed; width:100%; top:70px; left: 0; z-index: 99999; transition: .5s all ease-in-out; background-position:0 -200px; box-shadow: 0 0px 5px rgba(0,0,0,.4); background:#fff; } .scroll-down #header, .scroll-up #header { transition: .5s all ease-in-out; box-shadow: 0 0px 5px rgba(0,0,0,.4);} .scroll-down #header{ top:0px; transition:.25s top ease-in-out;} @media (max-width:990px){ .page-template-primary #header { box-shadow: 0 0px 0px rgba(0,0,0,0);} .page-template-primary.scroll-down #header, .page-template-primary.scroll-up #header { box-shadow: 0 0px 5px rgba(0,0,0,.4);} .page-template-secondary #header { box-shadow: 0 0px 0px rgba(0,0,0,0);} .page-template-secondary.scroll-down #header, .page-template-primary.scroll-up #header { box-shadow: 0 0px 5px rgba(0,0,0,.4);} } @media (max-width:480px){ #header {top :60px;} } .page-template-secondary #header { top:0;} .page-template-secondary.scroll-up #header { top:70px;} .page-template-secondary.scroll-up #header.topper { top:0px;} .page-template-primary:not(.scrolled-down) #header { top:-120px !important;} .page-template-primary.scrolled-down #header { top:0px;} .page-template-primary.scroll-up #header { top:70px;} .page-template-primary.scroll-up #header.topper { top:0px;} @media (max-width:990px){ .page-template-primary:not(.scrolled-down) #header { top:0 !important;} .page-template-primary .alert-bar { transition:.25s all ease-in-out;} .page-template-primary .alert-bar.topper { bottom:-150px; transition:.25s all ease-in-out;} .page-template-primary .alert-bar.topper.topper2 { bottom:unset; top:0; transition:none;} .page-template-secondary .alert-bar { transition:.25s all ease-in-out;} .page-template-secondary .alert-bar.topper { bottom:-150px; transition:.25s all ease-in-out;} .page-template-secondary .alert-bar.topper.topper2 { bottom:unset; top:0; transition:none;} } @media (max-width:480px){ .page-template-secondary.scroll-up #header { top:60px;} .page-template-primary.scroll-up #header { top:60px;} } #header .pageinner.flex { justify-content: space-between;} #site-title { width: 76px;height: 80px; background-position: left center; text-indent: -9999px; overflow: hidden; margin: 12px 0; position: relative; transition: .25s all ease-in-out;} .scroll-up #site-title, .scroll-down #site-title { width: 68px; height: 67px; margin: 6px 0; transition: .25s all ease-in-out;} #site-title::before { width:100%; height: 100%; top:0; left: 0; content: ''; position: absolute; background:url("/wp-content/themes/city_of_elkins/images/logo.png") no-repeat; background-size:contain; opacity: 1;transition: .5s all ease-in-out;} @media (max-width:990px){ #site-title { width: 68px; height: 67px; margin: 6px 0; } } #site-title a { display: block; height: 100%; cursor: pointer;position: relative;z-index: 999999;} .scroll-down #site-title, .scroll-up #site-title { /*height:89px; width:74px;transition:.5s all ease-in-out;*/} #searchoverlay { position:fixed; top:0; left:0; width:100%; height: 100%; background:rgba(45,69,83,.9); z-index: 999999999999999999; visibility: hidden; opacity: 0; transition:.25s all ease-in-out;} #searchoverlay.active { visibility: visible; opacity: 1; transition:.25s all ease-in-out;} #searchoverlay #search {margin:0vh auto 0; max-width: 700px; background: #fff; padding:25px; border-radius:3px; width: calc(100% - 50px); transition:.25s all ease-in-out;} #searchoverlay.active #search {margin:20vh auto 0; transition:.25s all ease-in-out;} form.search-form {display: flex; justify-content: space-between;} @media(max-width:767px){ form.search-form {display: block;} form.search-form .search-field {margin-bottom: 30px;} } #search h2 { padding-bottom: 5px;} #search h2::after { display:none;} textarea, input[type="text"], input[type="button"], input[type="reset"], input[type="search"], input[type="password"] { -webkit-appearance: none; appearance: none; border-radius: 0; border: 1px solid #ccc; font-size: 16px; padding: 12px 22px 10px; width:100%; } form.search-form label { width:calc(100% - 135px)} .closeX { position:absolute; right:50px; top:50px; width:34px; height:34px;} @media(max-width:990px){ .closeX { right: 25px; top: 30px;} } .closeX::before { transition:.25s all ease-in-out; content: ''; height:2px; width:35px; top:16px; left:0; transform: rotate(-45deg); background:#fff; position: absolute;} .closeX::after { transition:.25s all ease-in-out; content: ''; height:2px; width:35px; top:16px; left:0; transform: rotate(45deg); background: #fff; position: absolute;} .closeX:hover::before, .closeX:hover::after { transition: .25s all ease-in-out; transform:rotate(0deg)} .default-header, .text-header { padding:240px 0 30px; margin-bottom:30px; border-bottom:1px solid #FCB034;} .default-header.alert-header { padding-bottom:0; margin-bottom:0; border-bottom:none;} @media(max-width:990px){ .default-header, .text-header {padding: 220px 0 30px;} } @media(max-width:640px){ .default-header, .text-header {padding: 180px 0 30px;} } .page-template-secondary .default-header, .page-template-secondary .text-header { padding: 150px 0 30px;} @media(max-width:990px){ .page-template-secondary .default-header, .page-template-secondary .text-header { padding: 50px 0 30px;} } .page-template-primary .default-header, .page-template-primary .text-header { padding: 140px 0 0; border: none;} @media(max-width:990px){ .page-template-primary .default-header, .page-template-primary .text-header { padding: 40px 0 0;} } .subH1 { font-size: 48px; color: #00395A; letter-spacing: 0; text-align: center; margin: 20px 0;} @media(max-width:990px){ .subH1 { font-size: 28px;} } .project-overlay { display:flex; padding:0 0 30px; margin-bottom: 50px;} .project-buttons { padding-right: 20px; display: flex; flex-wrap: wrap;} .project-overlay a { text-transform: uppercase; margin-right: 0; letter-spacing: 1px; display: block; line-height: 1.23; width: 33%;} @media(max-width:990px){ .project-overlay a { text-transform: uppercase; margin-right: 30px; width: 100%; display: block; padding: 5px 0;} .resource_search { width: 100%; margin: 10px 0 0;} } .theflexs { border-radius:10px; } @media(max-width:767px){ .theflexs .flexPanel .card, .theflexs .flexPanel .card .card-content, .theflexs .flexPanel .card ul { padding-top:0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;} } /* ---------------- ---------------- */ /* -------- Menu -------- */ /* ---------------- ---------------- */ .horiz-menu { display:flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; width:calc(100% - 100px);} nav .search { width:365px; } #search-form { display:flex; width:100%;} #search-form #s { width:calc(100% - 55px); height:55px; line-height: 55px; border-radius:8px 0px 0px 8px !important; padding-left: 15px; font-size: 18px; font-style: italic;padding-right:0;} .search-submit { height:55px; width:55px; border-radius:0px 8px 8px 0px !important; text-indent: -9999px; overflow: hidden; background-image:url("/wp-content/themes/city_of_elkins/images/spyglass.svg"); background-repeat: no-repeat; background-position: center center; background-size: 25px 25px;} #menu-social { display:flex; justify-content: flex-end; align-items: center; margin-left:10px; margin-right: 32px;} @media (max-width:1350px){ nav .search { width:315px;} #search-form #s { font-size:16px;} } @media (max-width:1250px){ nav .search { width:255px;} #search-form #s { font-size:13px;} } @media (max-width:1150px){ nav .search { width:255px;} #search-form #s { font-size:12px;} #menu-social { margin-right: 10px;} } .mega-menu { display:flex; justify-content: flex-end; align-items: center; margin-left:0; margin-right: 0;} .mega-menu > li > a { font-size: 20px; font-weight: 500; display: block; position: relative; padding:3px 30px 3px 14px;} @media (max-width:1250px){ .mega-menu > li > a { font-size: 16px; font-weight: 500; display: block; position: relative; padding: 3px 16px 3px 11px; } } .mega-menu > li > a::before { background-color:#FCB034; width:4px; height:100%; content: ''; top:0; left:0px; display: block; position: absolute; transition: .25s width .75s ease-in-out; z-index: -1;} @media (min-width:991px){ .mega-menu > li:hover > a { color:#fff; } .mega-menu > li:hover > a::before { background-color:#FCB034; width:100%; transition: .25s width ease-in-out;} } /* ---------------- ---------------- */ /* -------- Mega Menu -------- */ /* ---------------- ---------------- */ .has-mega-menu { } .mega { position: absolute; left: 0; top: 67px; border: #FCB034 12px solid; border-radius: 25px; padding:0 34px 0 64px; width: calc(100% - 152px); margin: 0 76px; background: #FAF8F6; z-index: 9999999; overflow: hidden; max-height:0px; opacity: 0; transition:.65s all 0s ease-in-out, .15s opacity .5s ease-in-out, .15s padding .5s ease-in-out;} .page-template-primary .masthead .mega { left: 150px; width: calc(50vw + 440px); top: 40px; margin: 0;} @media (max-width:1350px){ .page-template-primary .masthead .mega {width: calc(100vw - 250px);} } .scroll-down .mega, .scroll-up .mega { top: 54px;} .has-mega-menu:hover .mega { transition:.75s all .25s ease-in-out, .25s opacity .25s ease-in-out, .25s padding .25s ease-in-out; border: #FCB034 12px solid; max-height:100vh; opacity: 1; padding:34px 34px 34px 64px;} @media (max-width:1250px){ .mega { width: calc(100% - 48px); margin: 0 24px;} } a.mega-title { font-size: 44px; font-weight: 600; color: #00395A; line-height: 1em; padding: 10px 30% 10px 10px; margin-bottom: 10px; display: inline-block; width: auto; margin-left: -10px;transition: .25s all ease-in-out; position: relative; } @media (max-width:640px){ a.mega-title { padding-right:10px; font-size: 31px;} } a.mega-title::before { width:0px; height: 100%; position: absolute; z-index: -1; content: ''; background-color:#FCB034; top:0; left:0;transition: .25s all ease-in-out;} a.mega-title:hover { color:#fff; transition: .25s all ease-in-out;} a.mega-title:hover::before { width:100%; transition: .25s all ease-in-out;} .mega .menu > li { margin-bottom:20px;} .mega .menu > li > a { font-weight:500; font-size: 20px; line-height: 23px; padding:7px 0 7px 35px; position: relative; display:block; z-index: 1} .mega .menu > li > a::before { position:absolute; left:0; top:0; width:8px; height:100%; content: ''; background:#FCB034; z-index: -1; transition: .25s width ease-in-out;} .mega .menu > li > a:hover { color:#fff; } .mega .menu > li > a:hover::before { background-color:#FCB034; width:100%; transition: .25s width ease-in-out;} .mega .menu > li ul.sub-menu { margin:10px 0 0 39px;} .mega .menu > li li > a { font-weight:400; font-size: 16px; line-height: 18px; display: block; margin:0; padding:3px 3px 3px 7px;transition: .25s all ease-in-out;} .mega .menu > li li > a:hover { color:#fff; background-color:#FCB034; transition: .25s all ease-in-out;} @media (max-height:800px) and (min-width:991px){ .mega .menu > li > a { font-size: 18px; line-height: 20px; padding:5px 0 5px 35px;} .mega .menu > li li > a { font-size: 14px; line-height: 16px; margin: 0px 0; } } @media (max-height:825px) and (min-width:991px){ .mega { width: calc(100% - 48px); margin: 0 24px; max-height:0; overflow-y: scroll; overflow-x: hidden;} .has-mega-menu:hover .mega { max-height: calc(93vh - 137px); } .has-mega-menu:hover .mega::after { width: calc(100%); position: sticky; left: 0; content: ''; bottom: -36px; height: 70px; background: rgb(250,248,246); background: linear-gradient(180deg, rgba(250,248,246,0) 0%, rgb(250, 248, 246) 80%); z-index: 8888888888; display: block; margin-left: -50px; } } .mega-flex { flex-wrap:wrap;} .mega .widget_text { width:100%;} .mega .widget_nav_menu { width:33.333%; padding-right:30px;} .city-hall .mega .widget_nav_menu:nth-child(2) { width:33.333%;} .city-hall .mega .widget_nav_menu:nth-child(3) { width:35.333%;} .city-hall .mega .widget_nav_menu:nth-child(4) { width:30.333%; padding-right:0px;} /* ---------------- ---------------- */ /* -------- Masthead Mega Overrides -------- */ /* ---------------- ---------------- */ .masthead-menu .search { margin:40px 0; max-width: 400px;} @media(max-width:990px){ .masthead-menu .search { margin: 26px 0; max-width: 400px; } } .page-template-primary .masthead .flexRight { position:relative; z-index: 1;} .page-template-primary .masthead .flexRight .halfinner { position:relative; z-index: 1;} .page-template-primary .masthead .flexPanel .full_6 { padding: 0 50px;} @media(max-height:600px){ .page-template-primary .masthead .flexPanel .full_6 { padding: 20px 50px;} } .page-template-primary .masthead .mega-menu { display:block; margin-top:0; } .mega-menu li { padding-bottom: 3px; margin: 0;} .masthead-mega .mega-menu > li { padding-bottom: 10px; margin: 0;} .page-template-primary .masthead .mega-menu li:last-child { margin-bottom:0px; } /* ---------------- ---------------- */ /* -------- Mobile Menu -------- */ /* ---------------- ---------------- */ @media(max-width:990px){ .stackNav { position:absolute; top:25px; right:4px; height:38px; width:auto; z-index: 99;padding-left: 33px !important;} .stackNav * { transition:.25s all ease-in-out; font-family: 'Albert Sans';} .stackNav .one { height:2px; width:27px; top:11px; left:8px; position: absolute; background: #FCB034; border-radius: 4px;} .stackNav .two { height:2px; width:27px; top:18px; left:8px; position: absolute; opacity: 1; background: #FCB034; border-radius: 4px;} .stackNav .three { height:2px; width:27px; top:25px; left:8px; position: absolute; background: #FCB034; border-radius: 4px;} .stackNav.active {} .stackNav.active .one { transform:rotate(45deg); top:18px; width:20px; height:0px;} .stackNav.active .two { transform:rotate(45deg); top:18px; transition:.25s all ease-in-out, .125s opacity .125s ease-in-out;} .stackNav.active .three { transform:rotate(-45deg); top:18px; transition:.25s all ease-in-out, .125s opacity .125s ease-in-out;} .horiz-menu { display:block; max-height: 100vh; width:90vw; right: -120%; top:79px; position: absolute; background:#fff; box-shadow: 0 35px 47px rgba(0,0,0,.4); overflow-x:hidden; overflow-y:auto; height: calc(90vh - 5px); transition: .5s right ease-in-out; padding-top:20px;} .horiz-menu.active { right:-24px; transition: .5s right ease-in-out; } .mega-menu { flex-wrap: wrap; padding:0 0 15px 15px;} .has-mega-menu { width: 100%; margin: 15px 0 5px 0;} .mega-menu > li > a::before { z-index: 0;} .mega-menu > li > a:hover::before { width: 4px; } #menu-social {margin-right: 10px; justify-content: flex-start; padding: 10px 0 26px 4px;} nav .search { width: calc(100% - 39px); margin: 0 0 20px 15px; font-size: 15px;} #search-form #s { font-size: 15px;} .has-mega-menu .mega, .has-mega-menu:hover .mega {position: absolute;top: 20px;border-radius: 0; transition: .75s all .25s ease-in-out, .25s opacity .25s ease-in-out, .25s padding .25s ease-in-out;border: #FCB034 4px solid;max-height: 100vh;opacity: 1;padding: 24px;height: calc(90vh - 90px);overflow-y: auto;overflow-x: hidden; left:110%; width: calc(100% - 24px); margin: 0 24px 0 12px;} .has-mega-menu .mega.active, .has-mega-menu:hover .mega.active { left: 14px; transition: .25s left ease-in-out; top: 20px; width: calc(100% - 52px);} .mega-title { font-size: 20px; font-weight: 600; color: #00395A; line-height: 28px; margin-bottom: 10px;} .mega .menu > li > a::before { width: 4px;} .mega .menu > li > a { font-weight: 500; font-size: 15px; line-height: 12px; padding-left: 12px; margin-top: 10px;} .mega .menu > li ul.sub-menu { margin: 3px 0 0 24px;} .mega::after { width: calc(100%); position: sticky; left: 0; content: ''; bottom: -36px; height: 80px; background: rgb(250,248,246); background: linear-gradient(180deg, rgba(250,248,246,0) 0%, rgb(250, 248, 246) 80%); z-index: 8888888888; display: block; margin-left: -50px; } .mega .menu > li li > a { font-weight: 400; font-size: 14px; line-height: 18px; display: block; margin: 0;} .mega-menu > li > a:hover { color: inherit;} .city-hall .mega .widget_nav_menu:nth-child(2), .city-hall .mega .widget_nav_menu:nth-child(3), .city-hall .mega .widget_nav_menu:nth-child(4) { width:100%;} .departments .mega .widget_nav_menu:nth-child(2), .departments .mega .widget_nav_menu:nth-child(3), .departments .mega .widget_nav_menu:nth-child(4) { width:100%;} .community .mega .widget_nav_menu:nth-child(2), .community .mega .widget_nav_menu:nth-child(3), .community .mega .widget_nav_menu:nth-child(4) { width:100%;} .how-do-i .mega .widget_nav_menu:nth-child(2), .how-do-i .mega .widget_nav_menu:nth-child(3), .how-do-i .mega .widget_nav_menu:nth-child(4) { width:100%;} .mega-flex { margin-left: 0px; margin-top: 18px;} } @media (max-width:767px){ .stackNav {top:21px;} #search-form #s { font-size: 14px;} .search-submit { } } @media (max-width:480px){ #search-form #s { font-size: 12px; height:44px;} .search-submit { height: 44px;} } @media (max-width:420px){ .stackNav {top:21px;} .horiz-menu { top:79px;} } .closeArrow { position:absolute; top:20px; right:20px; display: none;} @media (max-width:767px){ .closeArrow { top: 3px; left: 9px; display: block; width: 23px; height: 35px; z-index: 2; background: url("/wp-content/themes/city_of_elkins/images/arrow-gold.svg") no-repeat; background-position: center center; background-size: contain; transform: rotate(0); } } /* ---------------- ---------------- */ /* -------- Alert Bar -------- */ /* ---------------- ---------------- */ .alert-bar {background:#2E2E2E; height:70px; width:100%; display: flex; align-items: flex-start; position: fixed; z-index: 654; top:0px; transition: .25s top ease-in-out;} .scroll-down .alert-bar { top:-70px; transition: .25s top ease-in-out;} .alert-headline { font-size: 27px; color: #FCB034; letter-spacing: 0; font-weight: 600; padding:0 40px 0 70px; line-height: 70px; width:184px; position: relative;} .alert-headline-100 { width:100% !important;} .explore-panel .alert-headline { color: #00395A;} .alert-headline::before { position: absolute; content: ''; background:url(/wp-content/uploads/2022/10/icon-alert.svg) no-repeat; background-size: contain; height:43px; width:43px; left:17px; top:15px;} .explore-panel .alert-headline::before { background-image:url("/wp-content/themes/city_of_elkins/images/icons/icon-calendar.svg");} .alert-list { width:calc(100% - 184px); padding: 10px 0;} .alert-list .slick-prev { display:none !important;} .alert-list .slick-next { width:100px; background: rgb(46,46,46); background: linear-gradient(90deg, rgba(46,46,46,0) 0%, rgba(46,46,46,0.7945378835127801) 60%, rgba(46,46,46,1) 100%); z-index: 655; right:0; top:0; height:70px; } .alert-list .slick-next::before { content:''; width:20px; height:2px; background:#fff; position: absolute; top:26px; transform:rotate(45deg); right:20px; transition: .25s right ease-in-out;} .alert-list .slick-next::after { content:''; width:20px; height:2px; background:#fff; position: absolute; top:40px; transform:rotate(-45deg); right:20px; transition: .25s right ease-in-out;} .alert-list .slick-next:hover::before { right:15px; transition: .25s right ease-in-out;} .alert-list .slick-next:hover::after { right:15px; transition: .25s right ease-in-out;} .alert-list-item1, .alert-list-item { height:50px; overflow: hidden; padding:1px 10px 1px 25px; border-left:4px solid #FCB034; display: block; } .alert-list-item1.high-priority, .alert-list-item.high-priority { border-left:4px solid #FC6534; } .alert-list-item1.low-priority, .alert-list-item.low-priority { border-left:4px solid #90D4C9; } .alert-title {margin-top: 4px;font-weight: 600;font-style: italic;font-size: 17px;color: #FCB034;letter-spacing: 0;margin-right: 33px;line-height: 1.1;margin-bottom: 4px;} .explore-panel .alert-title { color:#006857;} .high-priority .alert-title { color: #FC6534;} .low-priority .alert-title { color: #90D4C9;} .alert-desc { color:#fff; font-size:14px;line-height: 19px; white-space: nowrap; overflow: hidden; width: calc(100% - 24PX);} .alert-list-item1.active .alert-desc, .alert-list-item.active .alert-desc { text-indent: -2000px; transition: 50s all linear; } @media (max-width:990px){ .alert-headline { font-size: 20px; width: 154px; padding-right:0;} .alert-title { font-size:14px; line-height: 17px;} .alert-desc { font-size:13px; line-height: 15px;} .alert-list .slick-next { width:90px;} .alert-list { width:calc(100% - 154px);} .alert-list-item1, .alert-list-item { display:flex; align-items: center; padding-top:7px;} } .slick-track { margin-left:0;} @media (max-width:480px){ .alert-bar {height:60px; } .scroll-down .alert-bar { top:-60px; } .alert-headline { font-size: 18px; width: 112px; padding-left: 40px; height: 60px; line-height: 60px;} .alert-headline::before { top:15px; left:4px; width: 30px; height:30px;} .alert-list { width:calc(100% - 112px); padding: 5px 0;} .alert-list .slick-next { height: 60px;} .alert-list .slick-next::before { top:22px; right:15px;} .alert-list .slick-next::after { top:36px; right:15px;} .alert-list .slick-next:hover::before { right:10px; } .alert-list .slick-next:hover::after { right:10px; } } .alert-card .alert-list-stack { margin-top:20px; margin-right: 17px;} @media (max-width:990px){ .alert-card .alert-list-stack { margin: 20px 10px;} } .alert-card .alert-list-item1, .alert-card .alert-list-item { margin-bottom: 34px; overflow: visible; height: auto; padding-bottom: 5px; position: relative; } .alert-card .alert-list-item::after { position:absolute; content: ''; background:url("/wp-content/themes/city_of_elkins/images/chevron-white.svg") no-repeat; background-size:contain; transform:rotate(90deg); top: 0; right: 8px; width: 16px; height: 24px; transition:.5s all ease-in-out;} .explore-panel .alert-card .alert-list-item::after { background-image:url("/wp-content/themes/city_of_elkins/images/chevron-blue.svg"); } .alert-card .alert-list-item1.actively::after, .alert-card .alert-list-item.actively::after { transform:rotate(-90deg); transition:.5s all ease-in-out;} .alert-card .alert-list-item1.acc_off::after, .alert-card .alert-list-item.acc_off::after { display:none;} .alert-card .alert-desc { white-space: unset;} .alert-list-content { list-style: none; font-size: 14px; margin: -20px 0 20px 29px; background: #414141; padding:14px; display:none;} .alert-list-content p { margin-bottom:10px; line-height: 1.2em} .alert-home .alert-list-content { display:block} .explore-panel .alert-list-item { border-left:4px solid #006857; margin-bottom: 19px;} .explore-panel .alert-list-content { background: rgba(65,65,65,.11);} .explore-panel .alert-list-content p { color:#212121;} .page-template-secondary .alert-bar { top:unset; bottom:0;} .page-template-primary .alert-bar { top:unset; bottom:0;} /* ---------------- ---------------- */ /* -------- Headings -------- */ /* ---------------- ---------------- */ h1, h2.h1 { font-weight:700; font-size: 48px; color: #00395A; text-align: left; letter-spacing: -0.79px; margin-top:0; } .single-post h1 { font-size: 48px; color: #00395A; letter-spacing: 0; text-align: left;} .single-post h1 a { } .masthead h1, .masthead h2.h1 { font-size: 49px; color: #FFFFFF; letter-spacing: 0; text-align: left; margin-top:20px;max-width: 800px; line-height: 1.15em;} .masthead .bg-white h1, .masthead .bg-white h2.h1 { color: #00395A;} .page-template-secondary .masthead h1, .page-template-secondary .masthead h2.h1 { font-size:90px; line-height: 1;} .page-template-secondary .masthead h1.super-long-word, .page-template-secondary .masthead h2.h1.super-long-word { font-size:80px;} .page-template-primary .masthead h1, .page-template-primary .masthead h2.h1 { font-size:100px; line-height: 1; max-width: 550px;} @media (max-width:1350px){ .page-template-secondary .masthead h1.super-long-word, .page-template-secondary .masthead h2.h1.super-long-word { font-size: 70px;} } @media (max-width:1200px){ .page-template-secondary .masthead h1.super-long-word, .page-template-secondary .masthead h2.h1.super-long-word { font-size: 60px;} } @media (max-width:990px){ h1, h2.h1 {font-size: 48px;} .single-post h1 {font-size: 31px;} .page-template-primary .masthead h1, .page-template-primary .masthead h2.h1 { font-size: 60px; line-height: 1; max-width: 500px; margin-top: 50px;} .page-template-secondary .masthead h1, .page-template-secondary .masthead h2.h1 { font-size: 60px; line-height: 1; max-width: 500px; margin-top: 50px;} .page-template-secondary .masthead .left-masthead .halfinner { border-bottom: 18px solid #FCB034; padding-bottom: 20px;} } @media (max-width:640px){ .masthead h1 {font-size: 30px;} .default-inner h1, h2.h1 { padding-left: 0 !important; padding-top: 75px !important;} .page-template-primary .masthead h1, .page-template-primary .masthead h2.h1 { font-size: 56px; line-height: 1; max-width: 400px;} .page-template-secondary .masthead h1, .page-template-secondary .masthead h2.h1 { font-size: 56px; line-height: 1; max-width: 300px;} .page-template-secondary .masthead h1.super-long-word, .page-template-secondary .masthead h2.h1.super-long-word { font-size: 30px;} } @media (max-width:480px) and (max-height:650px){ .page-template-primary .masthead h1, .page-template-primary .masthead h2.h1 { font-size: 42px;} .page-template-secondary .masthead h1, .page-template-secondary .masthead h2.h1 { font-size: 42px;} .page-template-secondary .masthead h1.super-long-word, .page-template-secondary .masthead h2.h1.super-long-word { font-size: 28px;} } .entry-title { margin-bottom:40px;} h2 { font-weight:700; margin-bottom: 20px; margin-top: 20px; position: relative; font-size: 27px; color: #00395A; letter-spacing: 0;} @media (max-width:990px){ h2 { font-size: 22px; } } h2.flex_title { margin-bottom:0;} @media(max-width:767px){ h2.flex_title { margin-bottom: 30px;} } .bg-blue h2 { color:#fff;} .bg-blue h2::after { background:#fff;} h3 { font-size: 27px; letter-spacing: 0;color: #00395A; line-height: 1; font-weight: 700; font-family: 'Albert Sans'; margin: 15px 0;} h4 { font-weight:700; font-size: 21px; color: #00395A; letter-spacing: 0; margin-bottom: 2px;} .news-panel h4 { margin:23px 0 20px;} .explore-panel h4 { margin:0 0 20px;} .explore-panel .title_cell { margin-bottom:0 !important;} h5 { font-size: 16px; letter-spacing: 0; line-height: 1.5; font-weight: 700; margin: 0 0 10px; } h6.meta-team-title { color: #00395A; font-size: 13px; letter-spacing: 3px; line-height: 1.5; font-weight: 600; margin: 5px 0 9px; text-transform: uppercase; } .page-setting h2, .page-setting h3, .page-setting h4 { color: #00395A; margin-bottom: 20px; margin-top: 20px;} .primary-logo { height:auto; max-width: 180px;} @media (max-width:990px){ .primary-logo { display:none;} } .flexPanel .cell_12.flexPanel.explore-shell { padding-left: 20px !important; } /* ---------------- ---------------- */ /* -------- Flex Panel Values -------- */ /* ---------------- ---------------- */ .flexPanel { display: flex !important; padding: 0; width:calc(100% + 40px); max-width:1320px; flex-wrap: wrap; margin:0 -20px;} .flexPanel.flexReverse { flex-direction:row-reverse;} .flexPanel .cell_12, .flexPanel .cell_11, .flexPanel .cell_10, .flexPanel .cell_9, .flexPanel .cell_8, .flexPanel .cell_7, .flexPanel .cell_6, .flexPanel .cell_5, .flexPanel .cell_4, .flexPanel .cell_3, .flexPanel .cell_2, .flexPanel .cell_1 { width:calc(100% - 40px); margin:20px; display:block;} @media (min-width:641px){ .flexPanel .cell_6.cell_12_mid { width:calc(100% - 40px) !important;} .flexPanel .cell_8, .flexPanel .cell_7, .flexPanel .cell_6, .flexPanel .cell_5, .flexPanel .cell_4 { width:calc(50% - 40px);} } @media (min-width:768px){ .flexPanel .cell_6.cell_12_mid { width:calc(100% - 40px) !important;} .flexPanel .cell_8, .flexPanel .cell_9 { width:calc(67.777% - 40px);} .flexPanel .cell_4, .flexPanel .cell_3 { width:calc(33.333% - 40px);} } @media (min-width:991px){ .flexPanel .cell_6.cell_12_mid { width:calc(50% - 40px) !important;} .flexPanel .cell_11 { width:calc(91.667% - 40px);} .flexPanel .cell_10 { width:calc(83.333% - 40px);} .flexPanel .cell_9 { width:calc(75% - 40px);} .flexPanel .cell_8 { width:calc(66.667% - 40px);} .flexPanel .cell_7 { width:calc(58.333% - 40px);} .flexPanel .cell_5 { width:calc(41.667% - 40px);} .flexPanel .cell_4 { width:calc(33.333% - 40px);} .flexPanel .cell_3 { width:calc(25% - 40px);} .flexPanel .cell_2 { width:calc(16.667% - 40px);} .flexPanel .cell_1 { width:calc(8.333% - 40px);} } @media (max-width:990px){ .flexPanel .mobile_12 { width:calc(100% - 40px) !important;} .theflexs .flexPanel { padding-left: 0 !important;} } .flexPanel .cell_12.explore-shell { padding:0 20px 20px; border-radius: 10px;} .flexPanel .cell_8.explore-shell { padding:0; border-radius: 0 10px 10px 0;} .flexPanel .flexPanel.sidebyside > .cell_8 { margin: 0; width:66.667%; padding:0 40px 20px;} .flexPanel .flexPanel.sidebyside > .cell_4 { margin: 0; width:33.333%;; border-radius: 10px 0 0 10px; padding:20px 10px;} @media (max-width:990px){ .flexPanel .flexPanel.sidebyside { flex-direction: column-reverse;} .flexPanel .flexPanel.sidebyside > .cell_8 { width:100%; border-radius: 10px 10px 0 0 !important; padding: 0 24px 20px;} .flexPanel .flexPanel.sidebyside > .cell_4 { width:100%; border-radius: 0 0 10px 10px !important;} } /* ---------------- ---------------- */ /* -------- Panel Values -------- */ /* ---------------- ---------------- */ main#content { width:100%; margin-top:0;overflow-x: hidden;} @media (max-width:990px){ main#content { margin-top:0;} } .page-panel { padding: 0; position: relative;} @media (max-width:990px){ .page-panel { padding: 0;} } .news-panel, .explore-panel { padding: 100px 0; position: relative;} @media (max-width:990px){ .news-panel, .explore-panel { padding: 75px 0;} } .news-panel img { border-radius:10px;} .explore-panel img { border-radius: 10px; margin-bottom: 15px;} .panel-over-right { position:absolute; right:-20px; top:120px; min-width: 386.65px;} .panel-over-right p { line-height:1em;} .masthead .pane { border-radius:0px; height:100vh; } @media (max-width:990px){ .panel-over-right { min-width: 215px;} } .masthead-menu { margin:50px 0 0; text-align: left;} .page-template-primary .masthead-menu { margin:25px 0 0;} @media (max-width:990px){ .page-template-primary .masthead-menu { margin: 0;} } div.masthead .flexRight { display: flex; align-items: center;} .masthead .pageinner { position: absolute; top: 50vh; left: 50%; width: 90%; height: 50vh; z-index: 2; transform: translateX(-50%); margin: 0; display: flex; align-items: center; flex-wrap: wrap;} @media (max-width:990px){ .masthead .pageinner { width: calc(100% - 50px); margin: 0;} } #main-panel-1.masthead.page-panel { padding:0; margin: 0; max-width: 100%; height:100vh;} .panel-bg-padding { padding:40px;} .masthead-text { margin-top:28px;} .masthead-text p { font-size: 31px; color: #FFFFFF; letter-spacing: 0; font-style: italic; line-height: 1.375;} .image-icon { bottom: -1px; left: -94px; position: absolute; width: 230px; height: 272px; z-index: 2; background-size: contain; background-repeat: no-repeat; background-position: left bottom;} .image-icon.building { bottom: 0px; left: -83px; position: absolute; width: 230px; height: 172px; z-index: 2; background-size: contain; background-repeat: no-repeat; background-position: left bottom; } @media (max-width:990px){ .image-icon.building { bottom: -1px;} } .image-icon.house { bottom: 0px; left: -104px; position: absolute; width: 230px; height: 146px; z-index: 2; background-size: contain; background-repeat: no-repeat; background-position: left bottom; } @media (max-width:990px){ .image-icon.house { bottom: -1px;} } @media (max-width:1250px){ .masthead-text p { font-size: 26px;} } @media (max-width:1100px){ .masthead-text p { font-size: 23px;} } @media (max-width:990px){ .image-icon { bottom: -1px; left: -37px; position: absolute; width: 90px; height: 122px; z-index: 2; background-size: contain;background-repeat: no-repeat; background-position: left bottom;} .masthead .cell_4 { width: calc(100% - 40px); top: -20px; position: relative; margin: 0; z-index: -1; border-radius: 0 0 7px 7px;} .masthead-text p {font-size: 23px;} .panel-bg-padding { padding:25px;} .image-icon.house {bottom: -1px;left: 0px;width: 110px;height: 96px;} .image-icon.building {left: 0; width: 70px; height: 172px;} } .panel-side-title { transform-origin: top left; left: -40px; top: 39px; transform: rotate(-90deg) translateX(-100%); text-align: right; padding: 0px 42px 0 0; position: absolute; font-family: 'Albert Sans', mono; font-style: italic; letter-spacing: 4px; } @media (max-width:990px){ .panel-side-title { transform-origin: top left; left: 10px; top: 19px;} .thecards .flexPanel { display: flex !important; padding: 0; width: calc(100% + -20px); max-width: 1320px; flex-wrap: wrap; margin: 0 -20px 0 40px;} } @media (max-width:640px){ .panel-side-title { left: 0px; top: 0px; transition: none; transform: none;position: relative;text-align: left;} .thecards .flexPanel { display: flex !important; padding: 0; width: calc(100% + 40px); max-width: 1320px; flex-wrap: wrap; margin: 0 -20px;} } .bg-blue .panel-side-title { color:#fff;} .card { border-top:none; border-radius: 0 0 7px 7px;} .card-title { display: flex; align-items: center; justify-content: flex-start; border-radius: 7px 7px 0 0; width:calc(100% + 2px); margin-left:-1px;} .card-icon { width:64px; height: 85px; background-position: center center; background-repeat: no-repeat; margin:25px; background-size: contain;} @media (max-width:990px){ .card-icon { width:44px; height: 60px;} } .card-icon.none { width:40px; margin-left:0; margin-right: 0;} .card-icon.leaf { background-image: url("/wp-content/themes/city_of_elkins/images/leaf_icon.svg"); } .card-icon.building { background-image: url("/wp-content/themes/city_of_elkins/images/building_icon.svg"); } .card-icon.house { background-image: url("/wp-content/themes/city_of_elkins/images/house_icon.svg"); } .card .pane { height:425px; width:100%; border-radius: 0px; margin-bottom:35px;} .card-content { padding:0;} @media (max-width:1250px){ .card .pane { height:352px;} } @media (max-width:990px){ .card-content { padding: 0 0 10px 0;} .card .pane { height:300px;} } @media (max-width:640px){ .card .pane { height:250px;} } .cell_12 .card-image .pane, .cell_11 .card-image .pane, .cell_10 .card-image .pane {height:625px;} @media (max-width:1250px){ .cell_12 .card-image .pane, .cell_11 .card-image .pane, .cell_10 .card-image .pane { height:452px;} } @media (max-width:990px){ .cell_12 .card-image .pane, .cell_11 .card-image .pane, .cell_10 .card-image .pane { height:300px;} } @media (max-width:640px){ .cell_12 .card-image .pane, .cell_11 .card-image .pane, .cell_10 .card-image .pane { height:250px;} } .card .pane.border { padding:10px; border:1px solid #00395A;} .card a.button-link { position: absolute; bottom: 67px; } .cell_4 .card-title h2 { padding-right:20px; font-size: 30px;} .card-image { display:flex; border:1px solid #00395A; margin-bottom: 30px;} .card-image .pane { margin:10px; padding: 0; height: 440px; width:100%;} .card-caption { font-family: 'Albert Sans'; border-right:1px solid #00395A; writing-mode: vertical-rl; transform: rotate(180deg); padding: 20px; font-style: italic;letter-spacing: 4px; height: 460px; } @media (max-width:990px){ .slide .card-image { flex-wrap:wrap; margin-bottom: 0;} .slide .card-caption { width:100%; height: auto; border-top:1px solid #00395A; border-right:none; writing-mode:unset; transform:rotate(0deg);} .slide .card-image .pane { height: 400px;} } @media (max-width:767px){ .slide .card-image .pane { height: 300px;} } @media (max-width:640px){ .slide .card-image .pane { height: 210px;} } .card .flexPanel .article_img { border:1px solid #00395A; } .card .flexPanel .article_img .pane {margin: 10px;padding: 0;width: calc(100% - 20px);height: 178px;} .card .postFlex:nth-child(2n-1){flex-direction: row-reverse;} @media (max-width:990px){ .card .postFlex .cell_6 { width:100%; margin:0 0 20px 0} .thecards .flexPanel.postFlex { margin-left:0px; margin-top:0;} .card .postFlex:nth-child(2n-1){flex-direction: row;} } @media (max-width:640px){ .card .postFlex .cell_6 { width:calc(100% - 40px);} } .flexPanel .cell_12.flex { display:flex; } .space-between { justify-content:space-between; align-items: center;} .border-bottom {border-bottom:1px solid #dedede; margin-bottom: 20px; padding-bottom:20px;} .article_img { position:relative; height:220px; margin-bottom: 20px; padding:10px; border:1px solid #00395A;} .article_img .pane { height:200px; background:url("/wp-content/themes/city_of_elkins/images/city.jpg") #00395A center center no-repeat; background-size:auto 100px; } .tt .article_img .pane { width: calc(100% - 20px);} a.blogroll { display: block;} a.blogroll:hover { transform:scale(104%); transition: .25s all ease-in-out;} .team_img { position:relative; height:400px; margin-bottom: 20px;} .team_img .pane { height:400px;} @media (max-width:1250px){ .team_img, .team_img .pane { height:300px;} } @media (max-width:1100px){ .team_img, .team_img .pane { height:250px;} } @media (max-width:991px){ .team_img, .team_img .pane { height:225px;} } @media (max-width:768px){ .team_img, .team_img .pane { height:300px;} } .team_img::before { content: ''; position: absolute; bottom: 0; left: -19px; background-size: contain; background-repeat: no-repeat; background-position: left bottom; width: 47px; height: 55px; z-index: 4; background-image: url("/wp-content/themes/city_of_elkins/images/leaf.svg"); } .team_member h3 { margin-bottom: 10px;} .insights h3 { font-size:21px; font-weight:700; margin: 20px 0; text-transform: uppercase; line-height: 1.2em;} .insights .cell { padding-bottom:40px; position: relative; margin-bottom:50px;} .insights .cell a.read-more { position: absolute; bottom:0; left:0;} .stat .stat-title { padding: 40px;} .stat .stat-title p { font-size: 49px;color: #FFFFFF;letter-spacing: 0; line-height: .9em; margin: 30px 0 0;} @media (max-width:1250px){ .stat .stat-title p { font-size: 36px; line-height: 1;} } .stat .stat-title img { float: right; width: 50%;} .right-icon { position: absolute; right: -108px; bottom: 37px;} @media (max-width:990px){ .right-icon { right: -51px; bottom: 37px; width:100px; height: auto;} } /* ---------------- ---------------- */ /* -------- Blog Values -------- */ /* ---------------- ---------------- */ .portfolio-container { margin-top:20px; margin-bottom: 0; transition:.75s all ease-in-out;} .cat-resource { font-size: 21px;color: #00395A;letter-spacing: 0;line-height: 24px; margin:10px 0; text-transform: uppercase;} .resource-title { font-weight:700; font-size: 30px; color: #00395A; letter-spacing: 0; line-height: 32px; margin: 20px 0 10px; text-transform: uppercase;} .portfolio-container .cell { padding:20px 0 50px; position: relative;} .portfolio-container .cell .button { position:absolute; bottom: 10px;left:0; } .portfolio-container.fadey { transition:.75s all ease-in-out; opacity: 0; filter:blur(5px);} .tags { border-top:#ECECEC 1px solid; border-bottom:#ECECEC 1px solid; text-transform: uppercase; padding:5px 0;margin-bottom: 12px; } .tags a { display:inline-block; padding: 10px 10px 8px 0; position: relative; font-size: 14px; margin-right:10px; letter-spacing: 1px;} .tags a::after { height:76%; width:1px; content: ''; right:0; top:12%; position: absolute; background: #ECECEC;} .tags a:last-child::after { display:none;} .resource_search input[type="search"] { padding: 7px 9px; font-size: 16px; width:100%;height: 40px; border-radius:0; border: none; color:#53534A;} .project-overlay { display:flex; justify-content: space-between; align-items: center;} @media (max-width:990px){ .project-overlay { flex-wrap:wrap;} } .resource_search input[type="submit"] { text-indent: -9999px; overflow: hidden; background-color: #fff; border-radius: 0 !important; height: 40px; width: 30px; padding: 0; background-image: url('/wp-content/themes/city_of_elkins/images/spyglass.svg'); background-position: center center; background-size:12px 12px; background-repeat: no-repeat; } .resource_search input[type="submit"]:hover { transform:none; background-color:#63C863; box-shadow: none;} .resource_search form.search-form label { width: 100%; } .filter_nav { border-top:1px solid #00395A; padding-top:20px;} .project-buttons {padding-right:20px;} .single-thumbnail { padding: 0 0 62px 0; display: block; position: relative;/* margin-top: 60px !important; margin-bottom: 60px !important; */ height:500px; width:100%;} .single-thumbnail-inner { padding: 10px; display: block; position: relative; height:500px; width:100%;border-radius:0px; overflow: hidden; border:1px solid #00395A;} @media (max-width:990px){ .single-thumbnail { margin-top: 30px !important; margin-bottom: 70px !important; height:400px; } .single-thumbnail-inner { height:400px; } } @media (max-width:767px){ .single-thumbnail { height:300px; } .single-thumbnail-inner { height:300px; } } .single-thumbnail img { display: block; margin-bottom: 0; width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; object-fit: cover; } .single-thumbnail::before { content:''; background:url("/wp-content/themes/city_of_elkins/images/leaf-right.svg") no-repeat; z-index: 3; bottom:0; right:-108px; width:180px; height: 180px; position: absolute; background-size: contain;} @media (max-width:990px){ .single-thumbnail::before { bottom: 0;} } blockquote {font-style:italic;font-size: 42px;color: #00395A;letter-spacing: 0;text-align: center; padding:40px; border-top:1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; margin: 40px 0;} blockquote p {font-style:italic;font-size: 42px;color: #00395A;letter-spacing: 0;text-align: center; line-height: 1.2em;} blockquote p:last-of-type { margin-bottom:0;} @media (max-width:990px){ blockquote {font-size: 31px; padding:20px;} blockquote p {font-size: 31px;} } .cell_12.tags.singletags { margin-top: 0px; display: flex; justify-content: space-between; flex-wrap: nowrap; margin-bottom: 17px; } .singletags .meta { display: inline-block; padding: 10px 0 8px 10px; position: relative; font-size: 14px; margin-left: 10px; letter-spacing: 1px; } .singletags .meta.author { display:none;} .cell_12.related-title { padding:10px 0; border-bottom:1px solid #00395A;} .meta-info { padding:0 0 25px; margin-bottom: 50px; border-bottom:1px solid #00395A; display: flex; flex-direction: row-reverse; justify-content: space-between;} .dl-area { padding:25px 0} .forminator-ui.forminator-design--default .forminator-input, .forminator-ui.forminator-design--default .forminator-input:hover, .forminator-ui.forminator-design--default .forminator-input:focus, .forminator-ui.forminator-design--default .forminator-input:active, .forminator-ui.forminator-design--default select.forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered, .forminator-ui.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"], .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea, .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea:hover, .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea:focus, .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea:active, .forminator-ui.forminator-design--default .forminator-checkbox .forminator-checkbox-box { border-color: #ccc !important; background-color: #fff !important; } .phone { display:flex; flex-wrap: wrap; margin-top:20px; padding-top: 20px; border-top:1px solid rgb(76,116,140);} .phone-item { width:100%; margin-bottom: 10px; } .phone-item:last-child { margin-bottom: 0px; } .social-contacts { display:flex; margin-top:20px; padding-top: 20px; border-top:1px solid rgb(76,116,140);} .social { height: 25px; width: 25px; overflow: hidden; text-indent: -9999px; display: block; position: relative; margin-right:5px;transition:.25s all ease-in-out;} .social.email { width:40px;} .social a { height: 25px; width: 25px; overflow: hidden; text-indent: -9999px; display: block; position: relative;} .social:hover { transform:scale(114%); transition:.25s all ease-in-out;} .social.facebook a { background:url('/wp-content/themes/city_of_elkins/images/facebook-round.svg'); color:#fff;} footer .social.facebook a { background:url('/wp-content/themes/city_of_elkins/images/facebook-round-fff.svg'); color:#fff;} .social.linkedin a { background:url('data:image/svg+xml;utf8,LinkedIn'); color:#fff;} .social.twitter a { background:url('/wp-content/themes/city_of_elkins/images/twitter-round.svg'); color:#fff;} footer .social.twitter a { background:url('/wp-content/themes/city_of_elkins/images/twitter-round-fff.svg'); color:#fff;} .social.youtube a { background:url('data:image/svg+xml;utf8,YouTube'); color:#fff;} .social.instagram a { background:url('/wp-content/themes/city_of_elkins/images/instagram-round.svg'); color:#fff;} footer .social.instagram a { background:url('/wp-content/themes/city_of_elkins/images/instagram-round-fff.svg'); color:#fff;} .social.pinterest a { background:url('data:image/svg+xml;utf8,'); color:#fff;} .social.houzz a { background:url('data:image/svg+xml;utf8,'); color:#fff;} .social.tiktok a { background:url('data:image/svg+xml;utf8,'); color:#fff;} .social.email a {height: 30px; width: 30px; margin-top: -2px; background:url('data:image/svg+xml;utf8,'); color:#fff;} .menu-social-container ul { display:flex;} @media (max-width:990px){ .menu-social-container ul { justify-content: center;} .social { height: 35px; width: 35px;} .social a { height: 35px; width: 35px; background-size: contain !important; background-repeat: no-repeat;} } .team_member .cell:hover .team_img .normy { opacity:0;} .normy { z-index:3;} .funny { z-index:2;} .wp-caption { max-width: 100%; border: 1px solid #00395A; padding:10px;} .wp-caption img { margin-bottom:0; } .alignleft { float:left; margin: 0 30px 30px 0;} .alignright { float:right; margin: 0 0 30px 30px;} @media (max-width:767px){ .alignright, .alignleft { margin:0 0 30px 0; float: none; max-width: 100%; width:100%;} } .wp-caption-text { font-style: italic; padding: 10px 10px 0; margin: 10px -10px 0; border-top: 1px solid #00395A; line-height: 1.5em; width: calc(100% + 20px); } .dl { border-top:1px solid #ececec; padding: 37px 0; display:flex; } .dl:last-child { border-bottom:1px solid #ececec; margin-bottom: 100px;} .dl-image { width:67%; margin-right:50px; height:300px; position: relative; border-radius: 0px; overflow: hidden; background: #000;} .dl-image img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: .95;} .dl-meta-inner { border-top:1px solid #ececec; border-bottom:1px solid #ececec; padding:20px 0; margin: 20px 0; font-weight:700; font-size: 14px;letter-spacing: 1px;text-transform: uppercase;} @media (max-width:640px){ .dl { flex-wrap: wrap;} .dl-image { width:100%; margin: 0; height: 200px;} .dl-meta { width:100%; margin-top:40px;} } .gm-style-iw { padding:0 !important;} .marker-panel { padding:30px;} .marker-panel h2 { background:url("/wp-content/themes/city_of_elkins/images/plans_green.jpg"); padding:30px 30px 30px 60px; width:calc(100% + 60px); margin:-30px 0 0 -30px; font-size: 30px; font-weight:500; color:#fff; position: relative;} .marker-panel h2::before { width:40px; height: 100%; content: ''; position: absolute; left:10px; top:0px; background-size: contain; background-repeat: no-repeat; background-position:center center; background-image: url("/wp-content/themes/city_of_elkins/images/leaf_icon.svg"); } .marker-panel-inner { padding: 30px 0 0 30px;} .marker-panel-inner div { padding: 5px 0;} @media (max-width:640px){ .marker-panel-inner { padding: 30px 0 0 0;} } .gm-ui-hover-effect {top: 0px !important;right: 0px !important;} .gm-ui-hover-effect::before { top:17px; left: 0; width:20px; height:2px; content: ''; transform: rotate(-45deg); background: #fff !important;transition: .25s all ease-in-out !important; position: absolute;} .gm-ui-hover-effect::after { top:17px; left: 0; width:20px; height:2px; content: ''; transform: rotate(45deg); background:#fff !important;transition: .25s all ease-in-out !important; position: absolute;} .gm-ui-hover-effect:hover::before, .gm-ui-hover-effect:hover::after { background: #dfd; transition: .25s all ease-in-out !important;} .gm-ui-hover-effect img { display: none !important;} .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default { background: #fff;} .gallery-limit { margin-bottom: 60px; width:calc(100% - 70px);} .gallery-limit .gallery { display:flex; align-items: center; justify-content: flex-start; } .gallery-limit .gallery .gallery-item, .gallery-limit .gallery br { display:none; width:auto !important; } .gallery-limit .gallery .gallery-item:nth-child(1), .gallery-limit .gallery .gallery-item:nth-child(2), .gallery-limit .gallery .gallery-item:nth-child(3), .gallery-limit .gallery .gallery-item:nth-child(4), .gallery-limit .gallery .gallery-item:nth-child(5) { display:block;} .gallery-limit .gallery .gallery-item img { border:none !important;} @media (max-width:767px){ .gallery-limit { width:calc(100%);} .gallery-limit .gallery { flex-wrap: wrap;} .gallery-limit .gallery .gallery-item { width:auto !important; max-width:33%;} } .gallery.gallery-columns-3 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 31.333% !important; margin: 1%; } @media (max-width:767px){ .gallery.gallery-columns-3 .gallery-item {width: 100% !important;margin: 0 0 1%;} } .gallery { margin: 0 -1% !important; } .gallery img { border: none !important; border-radius: 10px !important; } .slick-prev { position:absolute; top:calc(50% - 32px); left:-30px; background:url("/wp-content/themes/city_of_elkins/images/arrow-left.svg") center center no-repeat; width:21px; height:64px; border:none; text-indent: -9999px; overflow: hidden; font-size: 1px; cursor:pointer;} .slick-next { position:absolute; top:calc(50% - 32px); right:-30px; background:url("/wp-content/themes/city_of_elkins/images/arrow-right.svg") center center no-repeat; width:21px; height:64px; border:none; text-indent: -9999px; overflow: hidden; font-size: 1px; cursor:pointer;} @media (max-width:990px){ .slick-prev { background-size:contain; width:12px; height:40px; left:-20px; top:calc(50% - 20px);} .slick-next { background-size:contain; width:12px; height:40px; right:-20px; top:calc(50% - 20px);} } .plusLink { padding-bottom:50px !important; } .blogheader { border: 1px solid #00395A; margin:190px 0 25px; position: relative;} .blogheader-caption { font-family: 'Albert Sans'; position: absolute; border-left: 1px solid #00395A; writing-mode: vertical-rl; transform: rotate(180deg); padding: 20px; font-style: italic; letter-spacing: 4px; height: 460px;} .blogheader-content { display:flex; align-items: center;} .blogheader-image { width: 54%; height: 440px; margin: 10px 50px 10px 67px;} .blogheader-inner { width:calc(46% - 117px); padding-right:25px;} .blogheader-inner h1 { text-align:left !important;} .blogheader-pretitle { font-family: 'Albert Sans'; font-size:26px; letter-spacing: 5px; font-style: italic;} @media (max-width:1200px){ .blogheader-image { margin: 10px 25px 10px 67px;} } @media (max-width:991px){ .blogheader { margin:110px 0 25px;} .blogheader-caption { height:525px; } .blogheader-content { flex-wrap: wrap; height: 525px; align-items: flex-start;} .blogheader-image { margin: 10px 10px 10px 67px; width:100%; height:300px;} .blogheader-inner { width: 100%; padding-right:25px; margin: 10px 10px 10px 67px;} .blogheader-inner h1 { margin-bottom: 20px;} } @media (max-width:640px){ .blogheader-image { height:200px;} } @media (max-width:419px){ .blogheader { margin:80px 0 25px;} .blogheader-caption { height:550px; } .blogheader-content { height: 550px;} .blogheader-inner { width: 100%; padding-right:5px;} .blogheader-pretitle { font-family: 'Albert Sans'; font-size:17px; letter-spacing: 2px; margin-bottom: 10px; } } @media (max-width:350px){ .blogheader-caption { height:610px;} .blogheader-content { height:610px;} } .gribelda { margin:190px 0 25px;} @media (max-width:990px){ .gribelda { margin:110px 0 25px;} } @media (max-width:419px){ .gribelda { margin:80px 0 25px;} } .last-modified {margin: 0 0 -4px 0;font-size: 13px;} .page-setting { margin-bottom:70px; padding-bottom:50px; border-bottom:1px solid #FCB034;} a.parent-link { font-weight: 500; font-size: 20px; line-height: 23px; padding: 7px 0 7px 20px; position: relative; display: block; z-index: 1;} a.parent-link::before { position: absolute; left: 0; top: 0; width: 4px; height: 100%; content: ''; background: #FCB034; z-index: -1;} ul.children { list-style:none; margin-left:0;} ul.children li { padding:0; margin:7px 0;} ul.children.children-no-margin li { margin:0;} ul.children li a { display:block; padding:1px 30px; line-height: 1.25em;} ul.children li a.current-post { background: #FCB034; color:#fff;} ul.children.bg-tan { margin:0; padding: 10px 0;} ul.children.bg-tan li { margin-top:0;} ul.children.bg-tan li a { padding-left: 45px; font-size: 14px; } ul.children.bg-tan li a.grandchild-post { padding-left: 20px; margin-left: 25px; width: calc(100% - 50px); } /* ---------------- ---------------- */ /* -------- Right Masthead Values -------- */ /* ---------------- ---------------- */ .right-masthead, footer .flexPanel .full_6.right-masthead, .masthead .flexPanel .full_6.right-masthead { padding:0;} @media (max-width:990px){ .right-masthead, footer .flexPanel .full_6.right-masthead, .masthead .flexPanel .full_6.right-masthead { padding: 0; min-height: 600px;} .right-masthead ul, .right-masthead .slick-list, .right-masthead .slick-track , .right-masthead .slick-track li { margin: 0; min-height: 160px; height: calc(50vh - 15px) !important;} } @media (max-width:640px){ .right-masthead, footer .flexPanel .full_6.right-masthead, .masthead .flexPanel .full_6.right-masthead { padding: 0; min-height: 300px;} } .right-masthead ul { margin:0; } .right-masthead ul li { height:100%; position: relative;} .right-masthead ul li img { height:100%; width:100%; object-fit: cover; position: absolute; top:0; left:0} .right-masthead ul li::before { content:''; width: 100%; height:100%; top:0; left:0; background:rgba(22,28,35,.14); position: absolute; z-index: 1;} .right-masthead ul li h5, .masthead-meta h5 { font-weight:500; font-size: 20px; color: #FFFFFF; letter-spacing: 0; text-align: right; margin: 0; line-height: 1em;} .right-masthead ul li h6, .masthead-meta h6 { font-family: 500; font-size: 16px; color: #FFFFFF; letter-spacing: 0; text-align: right; font-style: italic;} .right-masthead ul li .masthead-meta { position:absolute; bottom:40px; right:40px; max-width:75%; z-index: 2;} @media (max-width:990px){ .right-masthead ul li .masthead-meta { bottom:60px;} } /* ---------------- ---------------- */ /* -------- Discover Values -------- */ /* ---------------- ---------------- */ .discover { margin-top:100px; margin-bottom: 100px;} .discover-inner { margin:40px 0; border-radius: 10px; padding:20px 40px;} @media (max-width:990px){ .discover { margin-top:75px; margin-bottom: 75px;} .discover-inner { padding:20px 24px;} } img.secondary-thumbnail { border-radius:10px;} .page-template-secondary .default-header.reformat, .page-template-secondary .text-header.reformat { padding: 160px 0 0px; border: none; margin-bottom: -20px;} .page-template-primary .default-header.reformat, .page-template-primary .text-header.reformat { padding: 160px 0 0px; border: none; margin-bottom: -20px;} /* .theflexs.bg-none .flexPanel { padding-left: 0; }*/ @media (min-width:768px){ .h3-offset {padding-top: 57px;} } .feature-cards .card em { font-style:italic; font-size: 12px; color: #073F2C; letter-spacing: 2.57px; text-transform: uppercase; display: inline-block; line-height: 1.5em; margin-top:10px; } .feature-cards img { border-radius:10px; width:100%; height: auto; max-width: 100%;} .feature-cards img.team { max-width: 580px;} /* ---------------- ---------------- */ /* -------- Left Masthead Height Overrides -------- */ /* ---------------- ---------------- */ @media (min-width:991px) and (max-height:900px){ .page-template-primary .masthead .primary-logo { max-width: 14vh;} .page-template-primary .masthead .mega-menu > li > a { padding:1px 30px 1px 14px; font-size: 16px;} .page-template-primary .masthead .masthead-mega .mega-menu > li { padding-bottom: 6px;} .page-template-primary .masthead .masthead-menu .search { margin: 20px 0 25px;} .page-template-primary .masthead .mega { top: 0;} .page-template-primary .masthead h1, .page-template-primary .masthead h2.h1 { font-size: 90px; max-width: 500px;} } @media (min-width:991px) and (max-height:800px){ .page-template-primary .masthead nav .search { width:255px;} .page-template-primary .masthead #search-form #s { font-size:13px; height:44px; line-height: 44px;} .page-template-primary .masthead .search-submit { height: 44px;} } @media (min-width:991px) and (max-height:720px){ .page-template-primary .masthead h1, .page-template-primary .masthead h2.h1 { font-size: 64px; max-width: 350px;} } @media (min-width:991px) and (max-height:650px){ .page-template-primary .masthead h1, .page-template-primary .masthead h2.h1 { max-width: unset;} } .news-panel .news-feed .news_cell a, .explore-panel .explore-feed .explore_cell a { display:block;} .news-panel .news-feed .news_cell a:hover, .explore-panel .explore-feed .explore_cell a:hover { transform:scale(104%); color:#00395A;} .flexApart { display:flex !important; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;} .flexApart h2 { margin-bottom:0px;} @media (max-width:990px){ .flexApart h2 { margin-bottom: 0px; padding-top: 0 !important;} .see_all { min-width: 82px;} .news-feed .see_all { margin-top: 15px;} } @media (max-width:1250px){ .news-feed > .cell_8, .news-feed > .cell_4 { width:100%;} } .see_all a { padding-right:24px; display: block; position: relative; text-decoration: underline;} .see_all a:hover {color:#FCB034; } .see_all a::before { position:absolute; content:''; top:0px; right:0px; width:14px; height:20px; background-size: contain; background-image:url("/wp-content/themes/city_of_elkins/images/chevron-blue.svg"); background-repeat: no-repeat; transition: .25s all ease-in-out; opacity: 1;} .see_all a:hover::before { right:-4px; transition: .25s all ease-in-out; opacity: 0;} .see_all a::after { position:absolute; content:''; top:0px; right:0px; width:14px; height:20px; background-size: contain; background-image:url("/wp-content/themes/city_of_elkins/images/chevron-gold.svg"); background-repeat: no-repeat; transition: .25s all ease-in-out; opacity: 0;} .see_all a:hover::after { right:-4px; transition: .25s all ease-in-out; opacity: 1;} .alert-card .see_all { margin: 26px 19px 0 0;} .alert-card .see_all a::before { background-image:url("/wp-content/themes/city_of_elkins/images/chevron-white.svg");} .explore-panel .alert-card .see_all a::before { background-image:url("/wp-content/themes/city_of_elkins/images/chevron-blue.svg");} .alert-card { border-radius:10px; padding: 16px 5px;} .explore-panel .alert-desc { color:#2E2E2E;} .meta_middle { font-weight:600;} .bg-image .page-plain { padding-top:50px; padding-bottom:50px;} @media (max-width:990px){ .bg-image .page-plain { padding-top:30px; padding-bottom:30px;} } .alert-list-cta { list-style:none;} h3.flex_title { padding-left: 57px; position: relative;} h3.flex_title::before { position: absolute; content: ""; width: 49px; height: 49px; top: -10px; left: -4px; background-image: url("/wp-content/themes/city_of_elkins/images/icons/icon-elkins.svg"); background-size: contain;} h3.flex_title.discover_icon::before { background-image: url("/wp-content/themes/city_of_elkins/images/icons/icon-elkins.svg");} h3.flex_title.calendar_icon::before { background-image: url("/wp-content/themes/city_of_elkins/images/icons/icon-calendar.svg");} img.logobadge { float:right; max-width: 50%;} ul.list-with-desc { margin-left:0;} ul.list-with-desc li { margin-bottom:20px; list-style: none; padding-left:0;} ul.list-with-desc li:last-child { margin-bottom:0px; } ul li em { font-style:italic;} .alert-home .alert-headline.alert-headline-100 { padding-left:29px; color:#fff;} .alert-home .alert-headline.alert-headline-100 span { color:#fff;} .alert-home .alert-headline.alert-headline-100::before { display:none;} .alert-home .alert-title { font-size:20px; margin-bottom:10px;} .alert-sub { display:block; margin-bottom:10px; font-size:17px; font-style:italic; line-height: 1.25em;} .alert-home .alert-list-stack { display:flex; flex-wrap: wrap; } .alert-home .alert-list-stack .alert-list-item1 { width:50%;} @media (max-width:990px){ .alert-home .alert-list-stack .alert-list-item1 { width:100%;} } .post.not-found h1, .default-header h1 { text-align: center;} .default-header .cell_12 h1, .default-header .cell_8 h1 { text-align: left;} .blogheader-inner p { margin-top:20px;} .tribe-common-l-container.tribe-events-l-container { margin: 40px 0 !important; padding: 0 !important; } a.block { display:block; transition:.25s all ease-in-out; position:relative;} a.block:hover { display:block; transition:.25s all ease-in-out; transform:scale(104%); } a.block img { border-radius:10px;} .et_bloom .et_bloom_optin_1 .et_bloom_popup_container.et_bloom_border_solid { border-color: #1C547A !important; } .pane.team {padding-bottom: 100%;} .feature-cards .pane.team img {height: 100%; } .team-panel p.term { margin-bottom: 20px; line-height: 1em; } .team-panel p.term em { font-weight: 400; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; font-style: normal; margin: 0; line-height: 1; }