@media screen {
* {
margin: 0;
padding: 0;
}
.screen-reader-text {
position: absolute;
left: -9999px;
top: -9999px;
}
.clear {
clear: both;
}
.group:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .group,
*:first-child + html .group {
zoom: 1;
} .group {
display: inline-block;
clear: both;
}/*\*/* html .group {
height: 1%;
}
.group {
display: block;
}/**/article,
aside,
figure,
footer,
header,
nav,
section {
display: block;
} body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
form,
blockquote {
padding: 0;
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code {
font-size: 1em;
}
a {
text-decoration: none;
}
a img {
border: none;
} h1 {
margin: 0 0 1em 0;
font-size: 2.8em;
font-weight: 700;
}
h2 {
margin: 0 0 0.5em 0;
font-size: 1.6em;
font-weight: 700;
line-height: 1.1em;
}
h3 {
margin: 0 0 0.5em 0;
font-size: 1.3em;
font-weight: 700;
color: #9c2b09;
}
h3.subHead {
font-size: 1.4em;
font-weight: 700;
color: #274694;
font-family: Cagliostro, sans-serif;
text-transform: uppercase;
margin: 1em 0 0.2em 0;
}
h4 {
margin: 0 0 0.5em 0;
font-size: 0.9em;
font-weight: 300;
}
p {
margin: 0 0 1em 0;
}
a {
text-decoration: none;
} html.loading body {
visibility: hidden;
} noscript body {
visibility: visible;
} body, html { text-rendering: optimizeLegibility; font-variant-ligatures: common-ligatures contextual; -webkit-font-feature-settings: "liga" on, "calt" on;
font-feature-settings: "liga" on, "calt" on; letter-spacing: normal;
}
html { }
body {
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 300;
color: #555;
margin: 0;
padding: 0;
}
#wrapper {
width: 100%;
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/wood_bg3.jpg) left top repeat;
} header {
height: 510px;
padding-top: 2.5%;
}
header div.hero {
position: absolute;
width: 42%;
top: 130px;
left: 55%;
}
header div.hero h1 {
line-height: 1em;
margin: 0 0 30px 0;
color: #fff;
}
a.logo,
div.logo-home {
z-index: 90;
display: block;
max-width: 700px;
height: 200px;
margin: 0 auto;
margin-top: 70px;
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/logo-lg.png) no-repeat 0 0;
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/logo.png) no-repeat 0 0;
background-size: contain; }
a.logo {
margin-top: 0;
}
a.logo span,
div.logo-home span {
display: none;
}
#page {
background: #ffffff;
position: relative;
margin: 0 auto;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
padding-bottom: 50px;
max-width: 1100px;
}
body div#home #page { padding-bottom: 0;
}
button {
padding: 5px 8px;
font-family: McLaren, cursive;
font-size: 1em;
margin-top: 3%;
background: #ffffff;
color: #274694;
font-weight: bold;
}
button:hover {
background: #928c8c;
color: #ffffff;
}
.contact-form label {
color: #274694;
} h1 {
margin: 0 0 1em 0;
font-size: 2.8em;
font-weight: 700;
}
h2 {
margin: 0 0 0.5em 0;
font-size: 1.6em;
font-weight: 700;
line-height: 1.1em;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
h3 {
margin: 0 0 0.5em 0;
font-size: 1.3em;
font-weight: 700;
color: #9c2b09;
}
h4 {
margin: 0 0 0.5em 0;
font-size: 1em;
font-weight: 700;
}
padding {
margin: 0 0 1em 0;
}
a {
color: #007eff;
}
a:visited,
a {
color: #274694;
}
a.btn {
text-decoration: none;
color: #333;
font-variant: small-caps;
font-size: 1.4em;
font-weight: bold;
transition: background-color 0.5s;
border-radius: 5px;
padding: 0 8px;
margin-left: 2.5%;
}
a.btn:hover {
background-color: rgba(255, 255, 255, 0.3);
color: #367a52;
} section {
padding: 0 30px;
} body div#home section.main,
section.secondary,
section.main.standard {
padding: 5% 3% 0 5%;
margin: 0 auto;
max-width: 1200px;
}
section.main.standard {
padding: 5% 3%;
margin: 0 auto;
max-width: 1100px;
}
body div#home section.main.cart {
padding-bottom: 5%;
}
section.secondary {
max-width: 1100px;
}
section.secondary .pageContent.list ul.commLinks li {
list-style-image: none;
list-style-type: none;
}
section.secondary .pageContent.list ul.commLinks li::before {
}
section.main,
section.main.cart {
max-width: 1000px;
margin: 0 auto;
padding: 40px 0 0 0;
}
section.main.cart {
min-height: 600px;
}
section.announcements article h2 a.btn {
font-size: 0.6em;
font-family: "Julius Sans One", sans-serif;
letter-spacing: 1px;
margin-left: 3%;
}
section.main aside {
float: left;
border-left: 1px solid #cecece;
width: 22.3%;
padding: 0 1.7%;
margin-bottom: 3%;
}
section.announcements .announce_container,
section.announcements .calendar_container { }
section.announcements .announce_container {
width: 100%;
float: none;
clear: both;
}
section.announcements .calendar_container {
width: 31.3%;
float: left;
display: none;
}
section.announcements .announce_container .content.announce {
display: block;
width: 95%;
margin: 0 2.5%;
}
section.announcements .announce_container .content.announce::after {
content: "";
display: block;
clear: both;
}
section.announcements .announce_container .content.announce-med {
display: none;
}
section.announcements .announce_container aside {
width: 31.5%;
margin-right: 2.75%;
float: left;
margin-bottom: 20px;
}
section.announcements .announce_container aside:last-child {
margin-right: 0;
}
section.announcements .calendar_container aside { }
section.announcements aside.calendar {
padding-right: 0;
}
section.announcements aside .content.calendar ul {
width: 90%;
margin-left: 10%;
}
section.announcements aside.calendar .content.calendar ul li {
text-indent: -10%;
padding: 2% 0% 1.5% 2%;
}
section.announcements aside.calendar .content.calendar ul li:first-child {
padding-top: 0;
}
section.announcements aside.calendar .content.calendar ul li a,
a span.date {
text-decoration: none;
color: #8c1919;
font-weight: 700;
}
a span.date,
aside.calendar a {
color: #333232;
letter-spacing: 0.04em;
font-family: "PT Serif", "Times New Roman", "Palatino", serif;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
}
aside.calendar a.download {
color: #325ca1;
}
a span.date:hover,
section.announcements aside.calendar .content.calendar ul.meet li p a:hover,
ul.meet li .fa-landmark:hover,
aside.calendar a:hover.download {
color: #d8d8d8;
}
section.announcements aside.calendar .content.calendar ul.meet li p {
padding-top: 1.5%;
}
section.announcements aside.calendar .content.calendar ul.meet li p a {
padding-left: 10%;
padding-top: 2%;
font-family: "Julius Sans One", sans-serif;
font-size: 1.1em;
}
.fa-building,
.fa-landmark {
padding-right: 4%;
color: #000;
}
.fa-external-link-alt,
.fa-file-download {
color: #274694;
font-size: 1.6em;
padding-right: 2%;
}
a:hover .fa-file-download,
a:hover .fa-external-link-alt {
color: #c79c4e;
}
.fa-external-link-alt {
font-size: 1.3em;
}
aside.calendar .minutes_link {
margin-top: 5%;
}
span.date,
aside.calendar a {
border-bottom: 1px solid #999;
margin-bottom: 3%;
font-weight: 700;
font-size: 1.1em;
font-variant: small-caps;
}
aside.calendar a {
color: #343d4a;
font-family: "Julius Sans One", sans-serif;
}
aside.calendar a.download {
margin-left: 5%;
}
aside.calendar a span.download_icon {
font-size: 0.6em;
}
section.main div.department_container {
width: 95%;
margin: 0 2.5%;
}
section.main aside:nth-child(1),
section.main aside:nth-child(5) {
border-left: none;
padding-left: 0;
}
section.main aside:nth-child(4),
section.main aside:nth-child(8),
section.announcements aside.calendar {
padding-right: 0;
}
aside .caption h3 {
color: #153562;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
letter-spacing: 0;
text-align: center;
margin-bottom: 0.2em;
font-family: McLaren, cursive;
font-family: 'Open Sans', sans-serif;
font-weight: 700; font-size: 1.5em;
}
aside .caption p {
text-align: center;
}
section.announcements .caption h3 {
font-size: 1.25em;
color: #333;
}
aside .caption h3:hover {
color: #f9f9f9;
}
section.announcements .caption h3:hover {
color: #d8d8d8;
}
section.main h4,
section.main aside p.title {
font-weight: bold;
color: #28499f;
font-size: 1.2em;
line-height: 1.1em;
margin: 0.9em 0;
}
section.main h4.last {
margin-top: 2em;
}
section.main .content.contact {
margin-left: 15px;
padding-left: 10px;
margin-right: 15px;
padding-right: 10px;
}
section.main aside:first-child .content {
margin-left: 0;
}
section.main aside:last-child .content {
margin-right: 0;
}
section.main .content ul ul li.mapLink {
float: left;
width: 20%;
margin: 8% 0 0 0;
text-align: center;
}
section.main .content ul ul li.mapLink a {
color: #28499f;
}
section.main .content.kids {
border: none;
}
section.main aside h3 a,
section.main aside a {
color: #333;
text-decoration: none;
}
section.main aside h3 a:hover {
text-decoration: underline;
}
section.main aside p.second_line {
margin-top: -15px;
}
section.main aside p.second_line a {
text-decoration: underline;
}
section.main aside p.second_line a:hover {
text-decoration: none;
}
section::after,
aside:nth-child(4)::after,
section.announcements aside.calendar::after,
.backLink aside::after,
div.meeting-item::after,
.doc-info::after {
content: "";
display: block;
clear: both;
}
section.main aside .content .photo {
height: 208px;
max-width: 318px;
margin-bottom: 10px;
border-radius: 10px;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.6);
border: 1px solid #777;
}
section.main aside .content .photo:hover {
opacity: 0.7;
}
section.main aside .content.utilities .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/utilities.jpg) top center no-repeat;
}
section.main aside .content.council .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/city_small.jpg) top center no-repeat;
}
section.main aside .content.ems .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/ems.jpg) top center no-repeat;
}
section.main aside .content.cemetery .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/cemetery.jpg) top center no-repeat;
}
section.main aside .content.fire .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/fireDept.jpg) top center no-repeat;
}
section.main aside .content.licensing .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/licensing.jpg) top right no-repeat;
}
section.main aside .content.download .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/download2.jpg) top center no-repeat;
}
section.main aside .content.reserve .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/reserve.jpg) top center no-repeat;
}
section.main aside .content.ordinances .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/ordinance.jpg) top center no-repeat;
}
section.main aside .content.payments .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/online.jpg) top center no-repeat;
}
section.main aside .content.events .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/events.jpg) top center no-repeat;
}
section.main aside .caption {
margin-top: 10px;
}
section.main h2,
section.secondary h2,
section.mainContent h2 {
font-family: "PT Serif", Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
font-size: 2.2em;
color: #687b8c;
margin-bottom: 0.3em;
letter-spacing: 1px;
line-height: 1.1em;
color: #1b262f;
color: #274694;
margin-bottom: 0.7em;
}
section.mainContent article.staff h2#post-title.single,
section.mainContent.pdf h2#post-title.single,
h2#post-title.single {
padding-bottom: 10px;
font-size: 3.2em;
border-bottom: 3px solid #274694;
color: #274694;
margin-bottom: 30px;
text-shadow: 2px 2px 5px rgba(58, 58, 78, 0.6);
}
section.secondary h2 {
line-height: 1.3em;
}
section.secondary.checkout h2.single-title {
text-align: left;
}
div#fieldlist_1 div#field.fform h2 {
font-size: 1.5em;
}
#fbuilder .fform {
margin-bottom: 3%;
}
#fbuilder span.uh {
margin-top: 3%;
font-family: "PT Serif", Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
color: #28499f;
}
.woocommerce td.product-name dl.variation p {
font-size: 1em;
color: #28499f;
}
.product .nyp .nyp-input, .wcopc .product-item .nyp .nyp-input {
padding: 5px 5px 15px 10px;
margin: 3% 3% 5% 0%;
color: #426a86;
color: #28499f;
min-width: 250px;
font-weight: normal;
font-size: 2.5em;
min-height: 50px;
letter-spacing: 1px;
font-family: 'Georgia', 'Times New Roman', Times, Palatino, serif;
display: block;
} .woocommerce div.product form.cart input.input-text[name*="price"],
.woocommerce div.product form.cart input[type="number"].amount {
color: #28499f !important; }
input#nyp-1.input-text.amount.nyp.input-text 	{
color: #28499f !important;
}
section.about .pageContent.wide h2#post-title span.about {
color: #664e32;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
display: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
float: left;
margin: 0 3.8% 2.992em 0;
padding: 0;
position: relative;
width: 90%;
margin-left: 0;
}
a.woocommerce-LoopProduct-Link.woocommerce-product-link
img.attachment.woocommerce_thumbnail.size-woocommerce_thumbnail {
width: 300px;
height: auto;
display: inline-block;
margin: 0 0 1em; 
box-shadow: 2px 3px 5px #777;
}
#singleStore div.entry img {
cursor: pointer;
border: 2px solid #1f3774;
}
.pageContent.wide {
width: 100%;
min-height: 500px;
}
#singleStore div.entry div#product-2459 img.wp-post-image {
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
display: none;
}
section.secondary.checkout .pageContent.wide {
width: 100%;
min-height: 250px;
}
.pageContent.wide ul li {
list-style-type: none;
padding-left: 5%;
padding-bottom: 0.5%;
}
.featuredImage img,
.announceImage img,
.featured-special img,
.fireImage img,
aside.calendar a img {
float: left;
margin-right: 5%;
width: 33.3%;
height: auto;
padding: 0;
box-shadow: 2px 3px 8px #27323e;
}
.fireImage img {
width: 45%;
}
.announceImage img,
aside.calendar a img {
width: 100%;
height: auto;
max-width: 318px;
margin-bottom: 10px;
border-radius: 10px;
box-shadow: 5px 3px 8px rgb(0 0 0 / 0.6);
} .featured-special img {
width: 97%;
margin-bottom: 2%;
}
.featuredImage .default img {
width: 42%;
}
#newsImage,
#meetingImage,
.featuredImage,
.featuredImage.account {
width: 40%;
margin-right: 5%;
height: auto;
float: left;
}
.featuredImage.account {
margin-bottom: 5%;
}
.featuredImage.account::after {
content: "";
display: block;
clear: both;
}
section.secondary.checkout .pageContent.wide div.space::before {
float: none;
clear: both;
}
#newsImage img,
#meetingImage img,
.featuredImage img {
width: 100%;
height: auto;
margin-bottom: 8%;
box-shadow: 3px 3px 12px #333;
}
#newsImage .backLink {
}
#meeting,
#news {
width: 55%;
float: left;
height: auto;
}
.minutes {
width: 55%;
float: right;
}
#news ul {
padding-bottom: 5px;
margin-left: 5%;
}
#news ul li span.posted {
font-family: "open Sans", Arial, Verdana, Corbel, sans-serif;
text-transform: uppercase;
font-style: italic;
font-variant: small-caps;
font-weight: 400;
}
div.list_container #news ul {
margin-left: 5%;
}
div.list_container #news ul li {
padding-bottom: 2%;
}
section.about .pageContent.wide .aboutImage,
section.about .pageContent.wide .councilImage {
float: left;
max-width: 454px;
height: auto;
margin-right: 3.5%;
padding: 0;
}
section.about .pageContent.wide .aboutImage img {
max-width: 450px;
max-height: 338px;
box-shadow: 2px 2px 12px rgb(91 67 42 / 71%);
border: 2px solid #5b432a;
margin-left: -2px;
}
section.about .pageContent.wide .councilImage img {
max-width: 450px;
max-height: 338px;
box-shadow: 2px 2px 12px rgb(91 67 42 / 71%);
border: 2px solid #66a0c4;
margin-left: -2px;
}
section.about .pageContent.wide p {
padding-left: 0;
color: #664e32;
}
section.about .pageContent.wide h2#post-title span.about.resolution {
color: #28499f;
font-family: "Julius Sans One", Verdana, "Trebuchet MS", Arial, Corbel, sans-serif;
}
section.about .pageContent.wide .resolution h4 {
text-align: center;
line-height: 1.5em;
}
section.about .pageContent.wide .resolution p,
section.about .pageContent.wide .councilText p {
padding-left: 0;
padding-bottom: 0.5em;
margin: 0;
color: #28499f;
line-height: 1.5em;
font-variant: small-caps;
font-family: Arial, sans-serif;
text-transform: none;
}
section.about .pageContent.wide .resolution li {
padding-bottom: 0;
font-size: 1.1em;
font-family: Arial, sans-serif;
letter-spacing: 0;
font-variant: small-caps;
}
section.about .pageContent.wide .resolution li .number,
section.about .pageContent.wide .resolution p .number,
section.about .pageContent.wide .councilText p .number {
font-family: Georgia, "New Times Roman", "Palatino Linotype", "PT Serif", serif;
font-size: 1.1em;
}
section.about .pageContent.wide .resolution li.sub {
margin: 2.5% 0;
}
section.about .pageContent.wide .resolution aside.leftcol ul li p,
section.about .pageContent.wide .resolution aside.rightcol ul li p,
section.about .pageContent.wide .resolution ul li p {
font-size: 1.15em;
font-weight: 500;
padding-bottom: 0;
}
section.main aside.leftcol,
section.main aside.rightcol {
float: left;
width: 45%;
margin-right: 7%;
border-left: none;
padding: 0;
}
section.main aside.rightcol {
margin-right: 0;
}
section.main aside.leftcol ul,
section.main aside.rightcol ul {
margin: 0 0 2.5% 0;
}
section.mainContent,
section.secondary {
padding: 5% 5% 8% 5%;
}
section.mainContent .ministries aside#sermonIcon.meeting {
width: 22%;
margin-right: 2%;
float: left;
text-align: center;
}
section.mainContent .ministries aside:nth-child(4)#sermonIcon.meeting {
margin-right: 0;
}
section.mainCntent .ministries aside#sermonIcon.meeting a img:hover {
opacity: 0.7;
}
section.about .pageContent.wide .resolution ul.mayor {
width: 70%;
text-align: center;
margin-top: 2%;
}
section.main .resolution::after,
section.main aside.leftcol::after,
section.main aside.rightcol::after,
section.main aside.leftcol ul::after,
section.main aside.rightcol ul::after {
content: "";
display: block;
clear: both;
}
nav::after, nav > ul::after {
content: '';
display: block;
clear: both;
}
section.about .pageContent.wide .resolution p.photo {
padding-bottom: 0;
}
section.about .pageContent.wide .resolution .bank img {
float: left;
width: 30%;
min-width: 148px;
margin-right: 1em;
margin-top: 0.5em;
border: 2px solid #28499f;
box-shadow: 1px 1px 4px rgb(7 10 19 / 86%);
}
}
section.about .pageContent.wide .resolution p.top {
margin-top: 3%;
}
section.about .pageContent.wide p.clear {
padding-left: 0;
float: none;
clear: both;
}
.announceImage img:hover,
aside.newsIcon img:hover {
opacity: 0.7;
}
.pageContent.wide .singleHead {
margin: 1% 0;
}
div.council,
.indent { }
div.council p {
margin-bottom: 0.5em;
}
.pageContent.wide .singleHead #news p {
font-family: McLaren, cursive;
font-size: 1.3em;
line-height: 1.7em;
color: #1b3370;
}
.pageContent.wide .singleHead #news p.subHead {
font-family: "Open Sans", Arial, Verdana, Corbel, sans-serif;
font-size: 1.1em;
font-weight: bold;
line-height: 1.7em;
}
.pageContent.wide .singleHead #news p.long {
font-family: "Open Sans", Arial, Verdana, Corbel, sans-serif;
font-size: 1em;
font-weight: normal;
line-height: 1.7em;
}
.pageContent.wide .singleHead #news div.content div.external-links {
margin: 5%;
}
.pageContent.wide .singleHead #news div.content div.external-links ul li.pageLink {
margin: 0 0 3% 5%;
font-size: 0.9em;
}
.pageContent.wide .singleHead #news div.content div.external-links ul li.pageLink a:hover {
color: #9b7a44;
text-decoration: underline;
}
.pageContent.wide .singleHead #news div.content .photo-sig {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/signature-block.png) top center no-repeat;
max-width: 500px;
height: 275px;
background-size: contain;
}
.pageContent.wide .singleHead #news ul.schedule {
margin-left: 5%;
}
.pageContent.wide .singleHead #news ul.schedule li.closed,
.pageContent.wide .singleHead #news ul.schedule li.open {
line-height: 1.8em;
font-size: 1.3em;
padding-left: 32px;
}
.pageContent.wide .singleHead #news ul.schedule li.closed {
color: red;
font-weight: bold;
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/star-bullet_red.png) 0 8px no-repeat;
}
.pageContent.wide .singleHead #news ul.schedule li.open {
color: green;
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/star-bullet_green.png) 0 8px no-repeat;
}
aside.newsIcon {
float: left;
width: 28%;
padding: 2.5% 0;
margin-right: 3%;
}
aside.newsIcon img {
box-shadow: 2px 2px 3px #777;
width: 90%;
height: auto;
}
aside.news-list,
aside.meet-list {
float: left;
width: 67%;
margin-right: 0;
border-bottom: 1px solid #777;
padding-top: 2.5%;
margin-bottom: 5%;
}
aside.meet-list {
}
div.meeting-item {
}
.pageContent.wide div.serve ul {
margin-left: 2.8%;
margin-top: 2%;
}
.pageContent.wide div.serve ul li {
background-image: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/service_bullet.png);
background-size: contain;
background-repeat: no-repeat;
padding-left: 3%;
margin-bottom: 2%;
font-size: 0.9em;
height: 0.9em;
text-align: left;
}
.pageContent.wide p,
.pageContent.wide ul li {
color: #303133;
padding-left: 1.8%;
}
.pageContent.wide div.list p {
color: #7591a9;
}
.pageContent.wide p.back {
padding-left: 0;
}
.pageContent.wide ul li.news-date,
.pageContent.wide ul li.meeting-date,
.pageContent.wide ul li.docLink,
.pageContent.wide ul li.pageLink,
.pageContent.wide ul li.pdfLink,
.pageContent.wide ul li,
.pageContent.wide ul li.docList {
font-family: "Julius Sans One", Arial, Corbel, Verdana, sans-serif;
font-family: "McLaren", cursive;
font-family: "Open Sans", Arial, Verdana, Corbel, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
padding-bottom: 1%;
font-weight: bold;
color: #274694;
border-bottom: 1px solid #7591a9;
}
.pageContent.wide ul.responsibilities.civil li {
font-family: "McLaren", cursive;
color: #17306d;
line-height: 1.8em;
}
.pageContent.wide ul li {
border-bottom: none;
}
.pageContent.wide ul li.docLink,
.pageContent.wide ul.bullets li {
margin-bottom: 3%;
}
.pageContent.wide ul li.docList {
padding-bottom: 1%;
border-bottom: 1px solid #7591a9;
text-indent: -18px;
font-size: 1.1em;
margin-bottom: 3%;
margin-left: 15px;
padding-left: 0;
}
.pageContent.wide ul li.docLink,
.pageContent.wide ul li.pageLink {
margin: 0;
border-bottom: none;
padding: 15px 0;
border-top: 0.15rem solid color(srgb 0.15 0.27 0.61 / 0.36);
}
.pageContent.wide ul li.docList a .fa-file-download {
margin-right: 15px;
padding-right: 0;
}
.pageContent.wide ul li.docLink a:hover,
.pageContent.wide ul li.pageLink a:hover {
color: #c79c4e;
text-decoration: underline;
}
.pageContent.wide ul li.minutes-link {
font-family: "McLaren", cursive;
font-weight: bold;
color: #2f2d7f;
font-size: 0.9em;
}
.pageContent.wide ul.bullets li {
list-style: disc;
margin-left: 40px;
}
.pageContent.wide ul li.pdfLink {
margin: 5% 0 3% 1%;
}
div.pageContent.wide #departments .download ul,
div.pageContent.wide .department .download ul,
div.pageContent.wide .department ul {
margin-left: 5%;
}
div.pageContent.wide .download ul {
padding-left: 8%;
}
div.pageContent.wide #departments .download ul {
margin-left: 0;
padding-left: 0;
}
div.pageContent.wide #departments ul li.docLink a,
.pageContent.wide #departments .download ul li.pageLink a,
div.pageContent.wide .department .download ul li a,
.pageContent.wide ul li.pdfLink a {
color: #274694;
}
div.pageContent.wide #departments ul li.docLink a:hover,
div.pageContent.wide #departments ul li.docLink a:focus,
.pageContent.wide #departments ul li.pageLink a:hover,
.pageContent.wide ul li.pdfLink a:hover,
div.pageContent.wide .department .download ul li a:hover,
div.pageContent.wide .download ul li.docList a:hover {
color: #b3beda;
}
div.pageContent.wide #departments ul li.docLink a,
div.pageContent.wide .department .download ul li a,
div.pageContent.wide #departments ul li.pageLink a {
padding-left: 6px;
}
section.secondary div.pageContent.wide article.docs {
text-align: left;
}
article.department {
margin-bottom: 5%;
}
article.department div.content-float {
margin-bottom: 5%;
width: 55%;
float: left;
}
article.department::after,
article.department div.content-float::after {
content: "";
display: block;
clear: both;
}
#departments div.download .backLink,
section.about .backLink,
section.main.two .backLink {
display: none;
}
section.secondary .downloads {
padding: 20px 0;
margin-bottom: 30px;
}
section.secondary .downloads aside#downloadIcon {
width: 21.5%;
float: left;
margin: 0.75% 2.5% 2% 0;
min-height: 200px;
}
section.secondary .downloads aside#minutesIcon {
width: 16%;
float: left;
margin: 0.75% 5% 2% 0;
min-height: 225px;
}
section.mainContent .ministries aside#sermonIcon {
width: 16.8%;
margin: 2%;
float: left;
min-height: 325px;
}
section.mainContent .ministries aside#sermonIcon:first-child,
section.mainContent .ministries aside#sermonIcon.atf:first-child,
section.mainContent .ministries aside#sermonIcon:nth-child(6),
section.mainContent .ministries aside#sermonIcon.pdf:first-child,
section.mainContent .ministries aside#sermonIcon.pdf:nth-child(5),
section.mainContent .ministries aside#sermonIcon.atf:nth-child(5) {
margin-left: 0;
}
section.mainContent .ministries aside#sermonIcon:nth-child(5),
section.mainContent .ministries aside#sermonIcon:nth-child(8) {
margin-right: 2%;
}
section.mainContent ul.doc-links {
border-top: 2px solid #274694;
padding-top: 4.5%;
width: 90%;
}
aside#sermonIcon ul.doc-links {
border-top: none;
padding-top: 0;
}
section.mainContent ul li.docLink {
margin-bottom: 8%;
padding-left: 2%;
padding-top: 2.5%;
}
section.mainContent article.staff p,
section.mainContent article.about p,
section.mainContent ul li,
section.mainContent ol li,
section.mainContent article.content div.content.float p,
section.mainContent article.content div.content.no-float p {
font-family: "Open Sans", Arial, Verdana, Corbel, sans-serif;
font-family: McLaren, cursive;
width: 100%;
font-weight: 300;
font-size: 1.3em;
line-height: 1.8em;
margin-bottom: 1.1em;
color: #707d90;
color: #274694;
}
section.mainContent article.staff aside#sermonIcon ul li p {
line-height: 1.4em;
font-size: 1em;
text-align: center;
}
section.mainContent ul li.docLink a,
section.mainContent div.announce-single ul li a,
section.mainContent ul li.docLink2 a,
section.mainContent ul.doc-links li.pageLink a,
section.mainContent ul.doc-links li.pageLink2 a,
section.main.two aside.two.left ul li.docLink a,
section.mainContent article.staff div.content ul li.pageLink-med a {
font-family: "Open Sans", Arial, Verdana, Corbel, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
padding-bottom: 1%;
font-weight: bold;
color: #274694;
text-decoration: none;
line-height: 3em;
}
section.mainContent aside#sermonIcon ul.doc-links li p a {
line-height: 1em;
padding-bottom: 0;
font-size: 0.9em;
font-family: "McLaren", cursive;
}
section.mainContent article.staff p a:hover {
text-decoration: underline;
opacity: 0.6;
}
section.secondary .downloads aside#downloadIcon:last-child {
margin-right: 0;
}
section.secondary .downloads aside#minutesIcon:nth-child(5),
section.secondary .downloads aside#minutesIcon:nth-child(10),
section.secondary .downloads aside#minutesIcon:nth-child(15),
section.mainContent .ministries aside#sermonIcon.minutes:nth-child(5) {
margin-right: 0;
}
section.secondary .downloads aside#downloadIcon a {
}
section.secondary .downloads aside#downloadIcon a img {
overflow: hidden;
}
section.secondary .downloads aside#minutesIcon a img {
overflow: hidden;
width: 90%;
height: auto;
}
div.download-info ul {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
float: left;
}
aside#downloadIcon div.download-info li {
font-family: "Open Sans", Arial, Verdana, Corbel, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
font-size: 1em;
}
.pageContent.wide p span.download_icon i.fas.fa-file-download,
.pageContent.wide p span.link_icon i.fas.fa-external-link-alt {
font-size: 1em;
color: red;
padding-right: 0.1em;
}
.fa-landmark:before {
content: "\f66f";
font-size: 1.3em;
}
section.secondary .pageContent.wide p span.download_icon fa.fa-file-download,
section.secondary .pageContent.wide p span.link_icon svg.svg-inline--fa.fa-external-link-alt {
color: red;
padding-right: 0.1em;
font-size: 1.1em;
}
.pageContent.wide ul li.news-date {
padding: 1% 0 1% 1.5%;
border-bottom: 1px solid #777;
}
.pageContent.wide ul li.title {
border-top: 3px solid #e4e7ea;
padding-top: 1.3%;
}
.pageContent.wide ul li.excerpt {
height: auto;
overflow: hidden;
}
.pageContent.wide ul li.excerpt::after {
}
h3.list {
color: #1d4a46;
margin-bottom: 0.3em;
}
div.committee_container {
width: 90%;
height: auto;
margin: 0 5%;
}
h3.subhead {
color: #791919;
letter-spacing: 1px;
text-decoration: underline;
margin-bottom: 0.3em;
font-size: 1.6em;
padding-left: 1.6em;
font-family: "PT Serif", Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
}
.pageContent.wide ul.contact_person {
color: #274694;
margin-bottom: 1.7em;
}
.pageContent.wide h4 {
font-family: "PT Serif", Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
padding-left: 1.6%;
}
.resolution .pageContent.wide h4 {
font-family: "PT Serif", Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
padding-left: 0;
text-align: center;
color: #28499f;
}
.pageContent.wide h3.privacy {
color: #274694;
font-family: "PT Serif", Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
font-size: 1.4em;
padding-top: 3%;
}
.pageContent.wide ol {
padding-left: 5%;
padding-bottom: 3%;
}
.pageContent.wide a.privacy {
color: #a7583f;
font-family: "McLaren", cursive;
font-variant: small-caps;
font-size: 1.3em;
}
.pageContent.wide p,
.pageContent.wide ol li {
font-family: "PT Serif", Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
line-height: 1.8em;
font-size: 1.3em;
color: #274694;
}
.pageContent.wide article.department div.address {
padding-left: 5%;
}
.pageContent.wide article.department div.closing {
padding: 25px 0 25px 15px;
}
.pageContent.wide article.department div.address p,
.pageContent.wide article.department div.closing p {
line-height: 1.5em;
margin: 0;
}
span.sig {
font-family: Kurale, cursive;
font-size: 1.3em;
}
article.department div.closing p.title {
text-transform: uppercase;
font-size: 1em;
letter-spacing: 1px;
}
.pageContent.wide .woocommerce-product-details_short-description p {
font-size: 1.5em;
}
.pageContent.wide .woocommerce-variation-description p {
font-size: 1.1em;
line-height: 1.5em;
}
section.secondary.checkout .pageContent.wide .woocommerce-checkout #payment {
background: #c3c3c3;
margin-bottom: 5%;
}
.pageContent.wide li.excerpt p {
text-transform: none;
font-family: "Open Sans", Arial, Verdana, Corbel, sans-serif;
font-size: 1.1em;
font-weight: normal;
}
.pageContent.wide p.courtesy {
font-size: 1em;
}
.pageContent.wide p.credit {
font-family: "Open Sans", Verdana, Corbel, san-serif;
font-size: 0.9em;
font-style: italic;
text-transform: lowercase;
font-variant: small-caps;
}
.pageContent.wide p.small.caps {
font-family: Raleway, sans-serif;
font-size: 0.9em;
line-height: 2em;
color: #3c5fa9;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
}
.pageContent.wide p.exampleText {
font-family: Raleway, sans-serif;
font-size: 16px;
line-height: 2em;
color: #c28a31;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
}
.pageContent.wide p.small.last,
.pageContent.wide p.small.first,
.pageContent.wide p.small.captcha {
font-family: "Open Sans", Arial, Verdana, Corbel, sans-serif;
font-family: McLaren, cursive;
font-size: 0.9em;
line-height: 2em;
color: #3c5fa9;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
margin-bottom: 30px;
}
.pageContent.wide p.small.first {
margin-bottom: 20px;
}
.pageContent.wide p.small.captcha {
font-family: "Open Sans", Arial, Verdana, Corbel, sans-serif;
margin-bottom: 0;
}
.pageContent.wide ul.contact_person li,
.pageContent.wide ul.fire_photo li {
color: #274694;
text-transform: none;
line-height: 1.8em;
font-size: 1.3em;
font-family: "McLaren", cursive;
font-weight: normal;
}
.pageContent.wide ol li {
font-size: 1.3em;
}
.pageContent.wide ul.fire_photo {
color: #274694;
width: 50%;
float: left;
}
.pageContent.wide ul.fire_photo p {
padding-left: 0;
margin-bottom: 0.5em;
}
.pageContent.wide ul.fire_photo li.address {
padding-bottom: 0;
padding-left: 30px;
}
.pageContent.wide ul.fire_photo li.address.last {
margin-bottom: 30px;
}
div.download {
font-size: 1.1em;
}
span.bold {
font-weight: bold;
}
span.underline {
text-decoration: underline;
}
span.italic {
font-style: italic;
}
.pageContent.wide p span.name {
font-weight: bold;
font-family: "PT Serif", serif;
font-size: 1.2em;
color: #28499f;
}
.pageContent.wide p.last {
margin-bottom: 1.5em;
}
.pageContent.wide p a,
.pageContent.wide div.disclaimer a {
text-decoration: none;
color: #9c3209; font-weight: 600;
}
.pageContent.wide p a.small.caps {
font-variant: small-caps;
font-family: "McLaren", cursive;
font-size: 0.9em;
}
.pageContent.wide p a:hover {
color: #9c3209;
text-decoration: underline;
}
.pageContent.wide p a:hover.small.caps {
font-style: italic;
}
.pageContent.list ul {
margin-left: 5%;
width: 95%;
}
.pageContent.list ul li {
line-height: 3em;
text-indent: -2.5%;
}
.fa-map-marker-alt {
padding-right: 5%;
font-size: 1.5em;
}
.pageContent.list ul li:before {
font-family: "Font Awesome 5 Free";
padding-right: 1%;
}
#adobe {
padding: 15px;
height: auto;
border-top: 1px solid #454767;
border-bottom: 1px solid #454767;
margin: 8% 0 5% 1.5%;
}
#adobe a img {
float: left;
width: 14.3%;
min-width: 148px;
margin-right: 3%;
margin-top: 0.5%;
box-shadow: none;
}
#adobe p {
margin-bottom: 0;
font-family: "Open Sans", Arial, Verdana, Corbel, sans-serif;
font-size: 1em;
} section.announcements {
background-color: #b2bdcd;
padding: 4% 3% 0 5%;
color: #333;
}
section.announcements h2 {
font-family: "PT Serif", serif;
font-size: 2em;
}
div.calendar_container h2 {
font-size: 2em;
}
section.announcements article {
max-width: 1080px;
margin: 0 auto;
padding: 0 0 50px 0;
}
section.announcements article div.caption {
}
section.announcements article .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/news.jpg) top left no-repeat;
float: left;
width: 100%;
min-height: 275px;
margin: 0 5% 5% 0;
border-radius: 0;
border: 1px solid;
box-shadow: none;
}
section.announcements aside.calendar .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/minutes.jpg) top left no-repeat;
float: left;
width: 100%;
min-height: 275px;
margin: 0 5% 5% 0;
border-radius: 0;
border: 1px solid;
box-shadow: none;
}
section.announcements article .caption p {
margin-bottom: 20px;
font-size: 1.1em;
}
section.announcements article:after,
#news:after,
.pageContent.wide .singleHead:after,
.news_item:after,
#newsImage:after,
#meetingImage:after,
section.announcements .caption h3:after,
.announceImage:after,
.featuredImage:after,
#adobe:after,
.downloads:after,
.minutes:after,
aside#downloadIcon:after {
content: "";
display: block;
clear: both;
} section.how-to { position: relative;
padding-bottom: 20px;
}
section.how-to aside {
width: 32%;
float: left;
margin-right: 1.9995%;
}
section.how-to aside:last-child {
margin-right: 0;
}
section.how-to aside .content {
padding: 50px 30px 20px 0;
}
section.how-to aside .content img {
display: block;
margin-bottom: 15px;
padding: 2px;
width: 90%;
border: 1px solid #cc6633;
}
section.how-to aside .content h4 {
margin-bottom: 0;
}
section.how-to aside .content p {
margin-bottom: 0.5em;
}
section.how-to aside .content a {
display: inline-block;
color: #cc6633;
font-weight: 700;
}
section.how-to blockquote {
margin: 0;
width: 32%;
color: #444;
background-color: #fff;
position: absolute;
bottom: 0;
right: 4%;
}
section.how-to blockquote p {
margin: 30px 30px 20px 50px;
}
section.how-to blockquote p.quote {
font-style: italic;
font-size: 1.2em;
}
section.how-to blockquote p.credit {
color: #777;
font-size: 0.9em;
margin-top: 0;
padding-left: 20px;
line-height: 1.3em;
position: relative;
}
section.how-to blockquote::before {
content: "\201c";
color: #d2bd65;
position: absolute;
top: 10px;
left: 8px;
font-size: 5em;
font-family: serif;
}
section.how-to blockquote p.quote:after {
content: "\201d";
font-family: serif;
}
section.how-to blockquote p.credit:before {
content: "\2014";
position: absolute;
top: -1px;
left: 0;
} nav {
z-index: 125;
position: relative;
padding: 0;
margin-top: 25%; }
nav .overlay {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgb(26 47 35);
background-image: linear-gradient(rgb(85, 101, 121) 25%, rgb(27, 38, 47) 75%);
background-size: 100%;
}
nav::after,
section.main .row1::after {
content: "";
display: block;
clear: both;
}
nav a.mobile_menu {
width: 32px;
height: 32px;
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/icon_menu.svg) no-repeat 0 0;
background-size: contain;
position: absolute;
top: 22px;
left: 50%;
margin-left: -16px;
display: none;
}
ul {
list-style: none;
padding: 0;
max-width: 100%;
}
.pageContent.wide div.woocommerce.columns-4 ul.products.columns-4 {
width: 100%;
}
.woocommerce-page ul.products li.product.type-product {
width: 30.5%;
min-height: 425px;
clear: none;
margin-right: 3.8%;
}
.woocommerce-page ul.products li:nth-child(3).product.type-product {
margin-right: 0;
}
.woocommerce ul.products li.product a img,
a.woocommerce-LoopProduct-link.woocommerce-loop-product_link {
box-shadow: 3px 3px 5px #777;
border: 0.09rem solid #44697d;
}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
font-size: 1.2em;
text-shadow: none;
font-weight: bold;
font-family: "Julius Sans One", sans-serif;
line-height: 1.5em;
text-align: center;
}
section.secondary .pageContent.wide a.button.product_type_variable.add_to_cart_button,
section.secondary .pageContent.wide a.button.product_type_simple.add_to_cart_button {
margin-top: 0;
position: relative;
left: 50%;
margin-left: -86px;
border: 2px solid #d8d8d8;
}
.pageContent.wide aside.meet-list ul,
.pageContent.wide aside.news-list ul {
width: 100%;
}
#nav_container ul li {
float: left;
padding: 0% 8% 2% 8%;
}
#nav_container ul li:first-child {
padding-left: 10px;
}
#nav_container ul li:last-child {
padding-right: 0;
}
nav ul li:hover {
color: red;
}
nav ul li:hover > ul {
display: block;
}
#nav_container ul li a {
display: inline-block;
color: #fff;
text-decoration: none;
width: auto;
position: relative;
text-align: center;
}
#nav_container ul li a:hover {
color: #7181a5;
}
nav ul li a:visited {
}
nav ul li a:hover {
color: #7c85a5;
} nav ul li:first-child {
}
nav ul li:nth-child(2) {
}
nav ul li:last-child {
margin-right: 0;
}
nav ul li a {
font-size: 1.5em;
font-variant: small-caps;
width: auto;
color: #fff;
letter-spacing: 4px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
nav > ul > li > a {
width: auto;
padding: 15px 20px 20px 20px;
font-weight: 600;
color: #5787c5;
}
nav ul::after {
content: "";
display: block;
clear: both;
} footer#contact {
font-size: 0.75em;
padding: 1.5% 0 0 0;
color: #f4f4f5;
}
section.bottom {
max-width: 1080px;
margin: 0 auto;
}
footer#contact #copyright {
float: right;
font-family:
"Julius Sans One",
"Open Sans",
Verdana,
Corbel,
Trebuchet MS,
Arial,
sans-serif;
position: relative;
}
footer#contact #copyright p,
#credit p,
#credit p a {
color: #bdbdbd;
font-family: "Julius Sans One", "Trebuchet MS", "Droid Sans", Verdana, Arial, sans-serif;
font-weight: 700;
line-height: 1.8em;
margin: 0;
text-align: right;
}
footer#contact #credit p a span.name {
color: #87acd5;
margin-left: 3px;
letter-spacing: 0;
font-weight: bold;
}
#fbuilder .fields { margin-left: 25px;
}
div#fieldlist_1.top_aligned label {
float: left;
padding-right: 3%;
padding-top: 1.5%;
text-align: right;
width: 45%;
}
.year,
input#fieldname4_1.codepeoplecalculatedfield.field.medium,
input#fieldname2_1.codepeoplecalculatedfield.field.medium,
input#fieldname9_1.codepeoplecalculatedfield.field.medium,
input#fieldname13_1.codepeoplecalculatedfield.field.medium,
input#fieldname12_1.codepeoplecalculatedfield.field.medium,
input#fieldname10_1.field.cffcurrency.small,
#fbuilder .medium,
input#fieldname2_1.field.number.medium,
input#fieldname4_1.field.number.medium,
.phone_number {
font-family: Georgia, "Times New Roman", serif;
font-weight: normal;
font-size: 1.1em;
letter-spacing: 0;
color: #28499f;
padding: 3px;
width: 75%;
}
.year {
color: #f4f4f5;
}
.phone_number {
color: #17306d;
font-weight: bold;
letter-spacing: 0.01rem;
font-size: 1.2em;
}
input#fieldname10_1.field.cffcurrency.small,
input#fieldname19_1.field.cffcurrency.small,
input#fieldname20_1.field.cffcurrency.small {
font-family: Georgia, "Times New Roman", serif;
font-weight: normal;
font-size: 1.1em;
letter-spacing: 0;
color: #28499f;
border: none;
box-shadow: none;
}
input#fieldname19_1.field.cffcurrency.small,
input#fieldname20_1.field.cffcurrency.small {
margin-bottom: 0;
}
div#field_1-10.fields.fieldname10_1.cff-currency-field .uh {
color: rgb(81, 62, 43);
}
div#field_1-4.fields.fieldname19_1.cff-currency-field .uh,
div#field_1-4.fields.fieldname19_1.cff-currency-field,
div#field_1-5.fields.fieldname20_1.cff-currency-field {
padding: 0;
}
div#field_1-5.fields.fieldname20_1.cff-currency-field .uh {
margin-bottom: 3%;
}
#fbuilder .medium {
width: 75%;
}
.year {
font-size: 1.3em;
color: #bdbdbd;
}
p.phone .year {
font-size: 1.5em;
letter-spacing: 2px;
color: #dde1ea;
}
ul.contact_person li p {
margin-bottom: 0;
}
ul.contact_person li p.phone .year {
font-size: 1.2em;
letter-spacing: 0;
color: #274694;
font-family: Georgia, "Times New Roman", serif;
font-weight: normal;
}
#fbuilder .left_aligned .fields label:not(:empty) + .dfield {
width: 50%;
}
form#cp_calculatedfieldsf_pform_1.cp_cff_elegant {
padding: 0;
}
.cp_cff_elegant #fbuilder_1 div#field.fform span {
margin-bottom: 2.5%;
margin-top: 1%;
}
.cp_cff_elegant div#fbuilder_1 div#formheader_1 div#field.fform h2,
.cp_cff_elegant div#fbuilder_1 div#formheader_1 div#field.fform span,
#fbuilder .top_aligned .fields label {
color: #28499f;
}
#fbuilder *,
#fbuilder ::after,
#fbuilder ::before {
padding: 1.5%;
}
#fbuilder .top_aligned .fields label {
font-weight: bold;
text-align: left;
font-size: 1.5em;
padding: 0;
}
#fbuilder div#fbuilder_1 {
padding: 0;
}
#fbuilder div#fbuilder_1 div#fieldlist_1,
#fbuilder div#fbuilder_1 div#fieldlist_1 div.pb0.pbreak,
#fbuilder div#fbuilder_1 div#fieldlist_1 div.pb0.pbreak div#field_1-0.field div.dfield.fapp {
padding: 0;
}
div#formheader_1 {
display: none;
}
#fbuilder div.ui-datepicker-inline {
max-width: 450px;
}
div.slots span {
font-family: McLaren, cursive;
font-size: 1.3em;
}
.cp_cff_elegant #fbuilder input[type="text"] {
margin-top: 0.4em;
}
div#fbuilder_1 div#formheader_1 div#field.fform span {
border-top: 1px dotted rgb(40, 73, 159);
border-bottom: 1px dotted rgb(40, 73, 159);
padding-bottom: 0.4em;
padding-top: 0.3em;
}
div#fbuilder_1 div#fieldlist_1.top-aligned div#field_1-2.fields.fieldname8_1.section_breaks,
div#fbuilder_1 div#field_1-5.fields.fieldname9_1.section_breaks,
.cp_cff_elegant #fbuilder .fields.section_breaks {
padding-bottom: 0.4em;
padding-top: 0.2em;
width: 100%;
clear: both;
float: none;
}
div.dfield div.one_column input#fieldname12_1_rb0,
div.dfield div.one_column input#fieldname12_1_rb1 {
float: left;
margin-right: 8px;
margin-top: 4px;
}
div.dfield div.one_column label {
margin-bottom: 5px;
}
div#fieldlist_1 div#field_1-0.fields.fieldname2_1.cff-number-field {
font-family: Georgia, "Times New Roman", serif;
font-weight: normal;
font-size: 1.1em;
letter-spacing: 0;
color: #28499f;
width: 100%;
}
div#fieldlist_1 div#field_1-0.fields.fieldname2_1.cff-number-field div.dfield {
width: 50%;
}
div#fieldlist_1 div#field_1-2.fields.fieldname4_1.cff-calculated-field label,
div#fieldlist_1 div#field_1-6.fields.fieldname13_1.cff-calculated-field label,
div#fieldlist_1 div#field_1-5.fields.fieldname12_1.cff-calculated-field label,
div#field_1-3.fields.fieldname9_1 label,
div#fieldlist_1 div#field_1-4.fields.fieldname19_1 label,
div#fieldlist_1 div#field_1-5.fields.fieldname20_1 label,
div#fieldlist_1 div#field_1-6.fields.fieldname6_1 label,
div#fieldlist_1 div#field_1-7.fields.fieldname7_1 label,
div#fieldlist_1 div#field_1-8.fields.fieldname14_1 label,
div#fieldlist_1 div#field_1-10.fields.fieldname10_1 label,
div#fieldlist_1 div#field_1-11.fields.fieldname11_1 label {
font-family: Georgia, "Times New Roman", serif;
font-weight: normal;
font-size: 1.1em;
letter-spacing: 0;
color: #28499f;
float: left;
}
div#fieldlist_1 div#field_1-1.fields.fieldname15_1.section_breaks,
div#fieldlist_1 div#field_1-4.fields.fieldname19_1.section_breaks {
margin-top: 5%;
margin-bottom: 1.5%;
}
div#fieldlist_1 div#field_1-4.fields.fieldname15_1 label,
div#fieldlist_1 div#field_1-5.fields.fieldname17_1 label,
div#fieldlist_1 div#field_1-6.fields.fieldname16_1 label {
margin-top: 5px;
}
div#fieldlist_1 div#field_1-0.fields.fieldname12_1.cff-radiobutton-field input#fieldname12_1_rb0.field.group.required {
text-align: left;
}
div#fieldlist_1 div#field_1-4.fields.fieldname15_1.cff-number-field input#fieldname15_1.field.digits.small,
div#fieldlist_1 div#field_1-5.fields.fieldname17_1.cff-number-field input#fieldname17_1.field.digits.small,
div#fieldlist_1 div#field_1-6.fields.fieldname16_1.cff-number-field input#fieldname16_1.field.digits.small {
border: none;
box-shadow: none;
font-family: Georgia, "Times New Roman", serif;
font-weight: normal;
font-size: 1.1em;
letter-spacing: 0;
color: #28499f;
}
div#fieldlist_1 div#field_1-13.fields.fieldname18_1.cff-textarea-field {
margin-top: 30px;
}
div#fieldlist_1 div#field_1-13.fields.fieldname18_1.cff-textarea-field textarea#fieldname18_1.field.large {
border: none;
box-shadow: none;
color: #28499f;
}
div#fieldlist_1 div#field_1-4.fields.fieldname15_1.cff-number-field input#fieldname15_1.field.digits.small.valid {
color: #28499f;
}
div#fieldlist_1 div#field_1-13.fields.fieldname18_1 label {
margin-top: 6px;
text-align: right;
margin-right: 15px;
}
div#fieldlist_1 div#field_1-1.fields.fieldname15_1.section_breaks span.uh,
div#fieldlist_1 div#field_1-4.fields.fieldname19_1.section_breaks span.uh {
padding-top: 0.5em;
font-size: 0.9em;
}
form.variations_form.cart table.variations {
margin-top: 5%;
}
form.contact-form div.grunion-field-wrap input,
form.contact-form div.grunion-field-wrap textarea {
font-size: 1.2em;
margin-bottom: 5%;
}
form.contact-form div.grunion-field-wrap select {
margin: 0.5% 0 5% 0;
font-size: 1em;
}
form.contact-form div.grunion-field-wrap textarea {
padding: 1%;
}
form.contact-form div.grunion-field-wrap label.grunion-field-label.select {
font-size: 0.9em;
font-family: "Open Sans", sans-serif;
font-weight: normal;
}
form.contact-form p.contact-submit input.pushbutton-wide {
font-size: 1.2em;
padding: 1%;
}
.pageContent.wide p.contact-submit {
padding-left: 0;
}
div.xcharges {
margin-left: 4em;
margin-top: 1em;
}
div.disclaimer {
color: rgb(81, 62, 43);
margin-left: 2em;
font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
font-size: 16px;
border-top: 1px dotted rgb(81, 62, 43);
padding-top: 10px;
margin-top: 1em;
}
div.disclaimer.fine-print {
font-size: 12px;
}
div.xcharges,
div.pageContent.wide div.xcharges p {
font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color: rgb(81, 62, 43);
border-top: none;
margin-bottom: 0;
line-height: 1.6em;
}
footer#contact #credit p a {
font-size: 1.36em;
margin-left: 0;
text-transform: lowercase;
font-variant: none;
padding-left: 3px;
letter-spacing: 0.05em;
text-decoration: none;
font-family: "Trebuchet MS", sans-serif;
}
footer#contact #credit p a:hover {
color: #f4f4f5;
text-decoration: none;
}
footer#contact #credit p a:hover span.name {
color: #f4f4f5;
text-decoration: none;
}
#access {
text-align: left;
font-size: 1.25em;
color: #bdbdbd;
font-variant: small-caps;
padding-left: 1.25%;
width: 50%;
padding-top: 3%;
}
footer .content {
max-width: 1080px;
margin: 0 auto;
}
footer a {
margin: 0 15px;
color: #f4f4f5;
}
footer a:visited {
color: #d4d4d6;
}
footer a:hover {
color: #333;
}
footer#desktopFooter,
footer#contact {
height: auto;
display: block;
background: #0c1829;
margin-top: -20px;
padding-top: 20px;
}
footer#contact {
padding-top: 35px;
}
footer#desktopFooter div.footer_container,
footer#contact div.footer_container {
font-size: 12px;
margin: 0 auto;
max-width: 1100px;
height: auto;
position: relative;
padding: 20px 0 80px 0;
}
footer#contact div.footer_container {
padding: 0;
}
footer#desktopFooter div.footer_container::after,
footer#contact div.footer_container::after {
content: " ";
display: block;
clear: both;
} footer#mobile {
display: none;
}
.menu {
float: left;
width: 14%;
margin: 0;
padding-right: 15px;
}
.menu ul li {
list-style: none;
font-size: 14px; font-family: "Julius Sans One", "Open Sans", "Trebuchet MS", Verdana, Corbel, Arial, sans-serif;
font-family: "Cagliostro", sans-serif;
font-weight: bold;
}
.menu li a,
.menu ul li p {
text-decoration: none;
text-transform: uppercase;
line-height: 2.35em;
color: #c2d2c4;
letter-spacing: 2px;
font-size: 1.1em;
}
.menu ul li p {
margin: 0 15px;
color: #958d7b;
}
.menu ul li a:hover {
color: #eca422;
}
footer#contact div.footer_container .menu {
float: left; margin: 0;
width: 50%;
padding-right: 0;
}
.footerWidget {
width: 48%;
float: left;
padding-left: 30px;
padding-right: 10px;
padding-bottom: 0px;
border-left: 1px solid #a4b695;
margin-bottom: 0;
min-height: 130px;
}
#short_code_si_icon {
width: 65px;
}
#desktopFooter h3 {
font-family: "Julius Sans One", "Open Sans", "Trebuchet MS", Verdana, Corbel, Arial, sans-serif;
color: #ffd602;
color: #a4b695;
color: #b2bdcd;
font-size: 1.1375em;
font-weight: bold;
letter-spacing: 1px;
}
#bottom.footerWidget p {
margin-left: 0;
}
.column1 p,
.column2 p,
.column3 p,
.column1 a,
.moreInfo p,
.extra p,
.credit p {
font-family: "Julius Sans One", "Open Sans", "Trebuchet MS", Verdana, Corbel, Arial, sans-serif;
color: #d9d9d9;
line-height: 1.3em;
letter-spacing: 1px;
font-size: 1.2em;
font-weight: bold;
}
span.space {
letter-spacing: 5px;
}
.moreInfo p {
line-height: 1.8em;
margin-bottom: 0.2em;
}
.column1,
.column2 {
float: left;
max-width: 100%;
height: auto;
margin: 10px 0;
}
.column1 .extra {
margin-top: 8%;
}
.column2 {
width: 18%;
margin-top: 5px;
margin-right: 2%;
float: right;
}
.column1::after,
.column2::after {
content: "";
display: block;
clear: both;
}
#fb {
min-height: 70px;
}
#fb img {
float: right;
}
#fb a {
margin: 0;
}
#housing {
height: 60px;
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/eoh.png);
background-size: contain;
background-position: top right;
background-repeat: no-repeat;
margin-top: 15%;
}
.column1::after,
.column2::after {
content: "";
display: block;
clear: both;
}
p.email {
margin-bottom: 0;
}
#bottom.footerWidget .column1 p a,
#bottom.footerWidget .column2 p a {
margin-left: 0;
color: #ffffff;
}
.moreInfo {
float: left;
padding-left: 2.5%;
margin: 3px 0 15px 0;
width: 29%;
border-left: 1px solid #a4b695;
}
footer#desktopFooter #credit p {
line-height: 1.8em;
margin: 0;
color: #bdbdbd;
font-family: "Julius Sans One", "Trebuchet MS", "Droid Sans", Verdana, Arial, sans-serif;
text-align: left;
margin-bottom: 20px;
font-size: 1.1em;
}
footer#contact section.bottom #copyright #credit.med,
footer#contact section.right #copyright,
footer#contact section.right #credit.med {
padding: 0;
float: none;
clear: both;
}
footer#contact section.bottom,
footer#contact section.right {
padding: 0;
}
footer#contact section.right {
width: 500px;
float: right;
}
span.official {
font-size: 1.4em;
}
footer#desktopFooter #credit p a {
font-size: 1.36em;
margin-left: 0;
text-transform: lowercase;
font-variant: none;
padding-left: 3px;
letter-spacing: 1px;
text-decoration: none;
color: #b9bfc7;
font-family: "Trebuchet MS", sans-serif;
}
footer#desktopFooter #credit p a span.name {
color: #87acd5;
margin-left: 3px;
letter-spacing: 0;
font-weight: bold;
}
footer#desktopFooter #credit p a:hover,
footer#desktopFooter #credit p a:hover span.name {
color: #f4f4f5;
}
footer#desktopFooter .menu ul {
width: 100%;
margin-bottom: 15%;
}
section.bottom {
display: none;
}
section.right {
display: block;
}
section.right .copyright,
section.right .credit.med {
font-family: "Julius Sans One", Arial, Verdana, sans-serif;
font-size: 1.2em;
letter-spacing: 1px;
text-align: right;
font-variant: small-caps;
}
section.right #copyright p.copyright {
font-size: 1em;
font-variant: none;
}
section.main div#post-2057.post p.description {
font-family: "Julius Sans One", Arial, Verdana, sans-serif;
font-size: 1.2em;
letter-spacing: 1px;
font-weight: bold;
}
.backLink {
margin: 15px 0 30px 8px;
}
.backLink {
display: block;
margin: 0 30px;
padding-top: 15px;
height: 25px;
}
.backLink aside { margin: 6% 10% 2% 2%;
padding: 0 2.5%;
float: left;
}
section.mainContent .backLink aside {
margin: 0 5%;
padding: 0 2.5%;
}
.backLink a {
font-family: "Julius Sans One", sans-serif;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 0.06em;
color: #252b38;
padding: 47px 0 0 0;
}
.backLink aside div.home a p {
float: left;
padding-left: 2%;
font-variant: small-caps;
letter-spacing: 0.06em;
color: #28499f;
font-family: "McLaren", cursive;
padding-top: 5%;
}
.backLink aside div.home a:hover p {
color: #687b8c;
}
section.mainContent article.staff .backLink.meetings {
margin-top: 5%;
}
div.doc-info::after,
#adobe::after,
section.mainContent article.staff .featuredImage::after,
.featured-special::after {
content: "";
display: block;
clear: both;
}
#page::after {
content: "";
display: block;
clear: both;
}
#ending {
display: none;
}
section.main .cartPage .backLink {
width: 75%;
}
section.main .cartPage .backLink aside {
border-left: none;
}
p.return-to-shop a.button.wc-backward {
display: none;
}
div.woocommerce p.cart-empty.woocommerce-info::before {
color: #1e85be;
content: "";
display: none;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: green;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: blue;
}
.woocommerce ul.products li.product span.price,
.woocommerce div.product p.price,
div.summary.entry-summary p.price span.woocommerce.-Price-amount.amount {
color: #244e86;
font-family: Georgia, "PT Serif", "Palatino Linotype", "Times New Roman", Times, serif;
font-size: 1.8em; }
div.woocommerce div.single-product div#product-2459 p {
font-size: 1.16em;
}
div.woocommerce div.single-product div#product-2459 p.small {
font-size: 0.9em;
}
.woocommerce ul.products li.product span.price {
font-size: 1.35em;
line-height: 1.4em;
text-align: center;
}
span.price span.woocommerce-Price-amount.amount bdi, p.price span.woocommerce-Price-amount.amount bdi {
font-size: 1.4em;
color: #274694;
}
p.price span.woocommerce-Price-amount.amount bdi 	{
font-size: 1.8em;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product_link span.price {
font-size: 1.2em;
}
div.woocommerce-variation-price {
margin: 3% 3% 5% 3%;
font-size: 1.8em;
font-family: "Georgia", "Times New Roman", Times, Palatino, serif;
display: block;
}
.woocommerce div.product form.cart .button, div.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward {
background: #1d3a7b;
text-transform: uppercase;
letter-spacing: 1px;
padding: 15px;
}
.woocommerce div.product form.cart .button:hover, .woocommerce div.product form.cart .button:focus-visible, div.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:hover, div.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:focus-visible {
background: #e8f1f5;
color: #1d3a7b;
border: 1px solid #1d3a7b;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
background: #1d3a7b;
color: #fff;
-webkit-font-smoothing: antialiased;
}
div.woocommerce div.woocommerce-MyAccount-content a.button, .woocommerce-page .woocommerce-message .button, .woocommerce .woocommerce-message .button 	{
display:none;
}
p.woocommerce-store-notice.demo_store {
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #44697d;
color: #fcfbfe;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0, 0, 0, .2);
display: none;
}
ul.wc-item-meta li p, .woocommerce td.product-name .wc-item-meta p {
font-size: .9em;
color: #9c2b09;
} .woocommerce-product-gallery__image {
pointer-events: none;
} .single-product .woocommerce-product-gallery__wrapper {
pointer-events: none;
}
.woocommerce-product-gallery__trigger {
display: none; 
}
.pageContent.wide p span.highlight {
font-weight: bold;
text-decoration: underline;
}
.woocommerce div.product form.cart .variations select {
padding: 2%;
margin-bottom: 2%;
}
.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first {
clear: none;
float: left;
}
div.summary.entry-summary .product_meta span.posted_in, .woocommerce td.product-name .wc-item-meta .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation dt {
display: none;
}
div#checkout .woocommerce td.product-name .wc-item-meta .wc-item-meta-label 	{
color: #274694;
}
#access {
text-align: left;
font-size: 1.25em;
color: #bdbdbd; font-variant: small-caps;
width: 30%;
float: left;
}
#access ul {
margin: 0;
padding: 0;
}
#access ul li a {
color: #3f51b5;
font-size: 1.2em;
}
span.findUs {
font-family: "McLaren", cursive;
padding-left: 10px;
font-weight: 600;
color: #3f51b5;
}
.fab {
font-size: 1.1em;
color: #3f51b5;
}
#access ul li a:hover,
#access ul li a:hover span.findUs,
#access ul li a:hover i.fab {
color: #9fa6cc;
} .woocommerce form .form-row input.input-text {
padding: 5px;
font-size: 1em;
}
li[class*="payment_method"] input[type="radio"] + label:not(.wc-stripe-label-payment-type) {
font-size: 1.5em;
font-weight: bold;
}
.woocommerce table.shop_table td {
font-size: 1.1em;
font-weight: bold;
color: #9c2b09;
}
.select2-container--default .select2-selection--single {
padding-top: 5px;
}
span.select2-selection.select2-selection--single {
height: 40px;
}
.select2-results__options {
width: 98%;
}
div.members {
max-width: 100%;
}
.col1,
.col2 {
float: left;
margin-left: 5%;
width: 30%;
}
.members::after {
content: "";
display: block;
clear: both;
}
.list_container .announce.col1 ul,
.list_container .announce.col2 ul {
width: 100%;
margin-left: 0;
}
.announce.col1,
.announce.col2 {
float: left;
margin-left: 0%;
width: 50%;
margin-right: 6%;
}
.announce.col2 {
width: 44%;
margin-right: 0;
}
.announce.singleCol {
float: left;
margin-left: 0%;
width: 80%;
margin-right: 6%;
}
div.singleCol1 ul,
div.singleCol2 ul {
margin-left: 8%;
margin-bottom: 8%;
}
div.pageContent.wide .singleHead #news div.singleCol1 ul li,
div.pageContent.wide .singleHead #news div.singleCol2 ul li {
padding-bottom: 5%;
padding-left: 35px;
font-family: "McLaren", cursive;
color: #274694;
font-size: 1.2em;
}
div.pageContent.wide .singleHead #news div.singleCol1 ul.responsibilities li {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/checkmark-bullet-green.png) 0 8px no-repeat;
}
div.pageContent.wide .singleHead #news div.singleCol2 ul li {
padding-bottom: 5%;
font-family: "McLaren", cursive;
color: #711919;
font-size: 1.2em;
}
div.pageContent.wide .singleHead #news div.singleCol1 ul li .fa-sharp.fa-solid.fa-square-check,
div.pageContent.wide .singleHead #news div.singleCol2 ul li .fa-sharp.fa-solid.fa-square-xmark {
font-size: 1.3em;
position: relative;
top: 3px;
}
#news .announce.col1 li,
#news .announce.col2 li {
padding-bottom: 0.87em;
}
.list_container {
width: 98%;
margin-left: 2%;
height: auto;
position: relative;
padding-bottom: 5%;
}
.list_container::after {
content: "";
display: block;
clear: both;
}
.pageContent.wide .list_container .announce.col1 ul li,
.pageContent.wide .list_container .announce.col2 ul li {
font-family: "Julius Sans One", sans-serif;
font-weight: bold;
letter-spacing: 0;
}
.list_container .announce.col1 ul li:before,
.list_container .announce.col2 ul li:before {
content: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/tyBullet.png);
position: relative;
top: 10px;
left: -8px;
}
.list_container .job_announce ul {
margin-left: 5%;
}
.list_container .job_announce ul li:before {
content: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/helmet.png);
position: relative;
left: -8px;
top: 5px;
}
.list_container .job_announce ul ul {
margin-top: 1%;
}
.list_container .job_announce ul ul li:before {
content: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/wrench.png);
position: relative;
left: -8px;
top: 5px;
}
.pageContent.wide div.booking {
height: 300px;
margin: 0 20px 20px 20px;
}
.pageContent.wide div.booking div.booking_pic 	{
background:#deb887 url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/booking_calendar.jpg);
height: 100%;
}
.pageContent.wide div.booking p {
font-size: 1.17em;
margin-right: 3%;
float: left;
width: 45%;
}
.pageContent.wide div#bookingText p span.emphasis {
font-weight: bold;
text-decoration: underline;
margin-bottom: 0;
font-family: "McLaren", cursive;
color: #122c6e;
text-transform: uppercase;
font-size: .9em;
}
form#booking_form_div1.booking_form_div div.times-form span.wpdev-form-control-wrap.starttime1 {
margin: 15px 0px;
width: 400px;
float: left;
margin-right: 3%;
}
.pageContent.wide .booking_form_div textarea,
.booking_form_div input[type="text"],
.section.secondary pageContent.wide .booking_form_div select,
section.secondary pageContent.wide .booking_form .form-group .controls select,
section.secondary pageContent.wide wp.develop input {
width: 400px;
}
.booking_form .form-group div.controls input {
width: 350px;
margin-right: 3%;
}
textarea#details1.input-xlarge,
textarea#name1.input,
input#secondname1,
input#streetaddress1,
input#citystatezip1,
input#email1,
input#phone1 {
display: block;
width: 350px;
}
textarea#details1.input-xlarge {
min-height: 150px;
}
section.secondary
.pageContent.wide
form#booking_form1.booking_form.vertical
div#booking_form_div1.booking_form_div
div.times-form
p
.wpdev-form-control-wrap.starttime1
select#startTime1,
section.secondary
.pageContent.wide
form#booking_form1.booking_form.vertical
div#booking_form_div1.booking_form_div
div.times-form
p
.wpdev-form-control-wrap.endtime1
select#endTime1,
section.secondary
.pageContent.wide
form#booking_form1.booking_form.vertical
div#booking_form_div1.booking_form_div
div.times-form
p
.wpdev-form-control-wrap.name1
input.wpdev-validates-as-required,
section.secondary
.pageContent.wide
form#booking_form1.booking_form.vertical
div#booking_form_div1.booking_form_div
div.times-form
p
.wpdev-form-control-wrap.secondname1
input.wpdev-validates-as-required,
section.secondary
.pageContent.wide
form#booking_form1.booking_form.vertical
div#booking_form_div1.booking_form_div
div.times-form
p
.wpdev-form-control-wrap.phone1
input,
section.secondary
.pageContent.wide
form#booking_form1.booking_form.vertical
div#booking_form_div1.booking_form_div
div.times-form
p
.wpdev-form-control-wrap.email1
input.wpdev-validates-as-email.wpdev-validates-as-required {
width: 400px;
}
.wpbc_structure_form::after,
div.times-form::after {
content: "";
display: block;
clear: both;
}
.pageContent.wide div.booking .wpdevelop .btn {
border: 3px solid transparent;
font-family: "McLaren", cursive;
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
border-color: #ccc;
border-radius: 5px;
box-shadow: 0 1px 0 #eee;
vertical-align: top;
font-size: 1.3em;
padding: 1% 3%;
color: #f7f7f7;
background: #444466 none repeat scroll 0 0;
font-weight: bold;
margin-top: 8%;
}
form#booking_form_div1.booking_form_div .btn,
.booking_form_div .button,
.booking_form_div .submit,
.booking_form_div .button-secondary {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: #f7f7f7 none repeat scroll 0 0;
border-color: #ccc;
box-shadow: 0 1px 0 #eee;
color: #555;
vertical-align: top;
padding: 0.75% 1.5%;
font-size: 1.5em;
color: #44697d;
font-weight: bold;
font-family: "McLaren", cursive;
border-color: #44697d;
border-width: 0.12rem;
}
div.form-group div.controls div.wpbc_times_selector div.wpbc_time_selected,
div.form-group div.controls div.wpbc_times_selector div.wpbc_time_selected:hover {
background: #607284;
opacity: 1;
min-width: 170px;
}
.wpbc_times_selector div {
color: #789;
border: 1px solid #789;
border-radius: 5px;
text-align: center;
font-weight: 400;
font-size: 0.9em;
min-width: 170px;
}
.pageContent.wide div.booking .wpdevelop .btn:hover {
background: #d3d3dd;
color: #444466;
border: 0.08rem solid #959595;
transition:
background 0.3s,
color 0.3s;
opacity: 0.8;
box-shadow: 2px 2px 5px #353434;
}
div.form-group div.controls div.wpbc_times_selector {
min-width: 170px;
}
div.form-group div.controls div.wpbc_times_selector div:hover {
opacity: 0.75;
font-weight: bold;
border-color: #000;
box-shadow: 2px 2px 5px #000;
color: #fff;
background: #77859f;
}
.popover-content div.flex-popover-content-data div.flex-label-dates .flex-label.field-booking-date.approved,
.popover-content div.flex-popover-content-data div.flex-popover-booking-data {
font-size: 1.2em;
}
.popover-content
.flex-popover-content-data
div.flex-label-dates
a.field-booking-date.label.flex-label.approved
sup.field-booking-time {
font-size: 1.3em;
line-height: 2em;
font-weight: bold;
}
section.secondary.checkout {
padding: 5.5% 3.5%;
}
section.secondary.checkout .featuredImage img {
float: left;
width: auto;
height: auto;
margin: 1% 5% 5% 3%;
box-shadow: 2px 4px 8px #777;
}
section.secondary div#account_page {
padding-top: 8%;
}
div.woocommerce nav.woocommerce-MyAccount-navigation {
float: none;
clear: both;  width: 100%;
background-color: #ffffff;
}
section.secondary div.pageContent.wide .woocommerce .col2-set,
.woocommerce-page .col2-set {
width: 100%;
clear: both;
}
.woocommerce .col2-set .col-1::after,
.woocommerce-page .col2-set .col-1::after {
content: "";
display: block;
clear: both;
}
section.secondary.checkout div.pageContent.wide div.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
float: none;
margin-left: 45%;
}
section.secondary.checkout .woocommerce .col2-set .col-1::before,
.woocommerce-page .col2-set .col-1::before {
clear: both;
}
section.secondary.checkout div.pageContent.wide div.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
float: left;
margin-left: 0;
}
div#check-out .woocommerce .col2-set .col-1,
div#check-out .woocommerce-page .col2-set .col-1,
div.woocommerce .col2-set .col-2,
div#check-out .woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
width: 48%;
margin-right: 4%;
margin-left: 0;
}
div#check-out .woocommerce-page .col2-set .col-1,
div.woocommerce .col2-set .col-2,
div#check-out .woocommerce-page .col2-set .col-2 {
margin-right: 0;
margin-left: 0;
}
section.secondary .pageContent.wide .woocommerce form span.show-password-input,
section.secondary .pageContent.wide .woocommerce-page form span.show-password-input {
position: absolute;
right: 0.7em;
top: 0.2em;
cursor: pointer;
}
div.woocommerce-additional-fields h3,
div.woocommerce-billing-fields h3,
h3#order_review_heading {
margin: 0.5em 0;
font-size: 2em;
font-weight: 700;
color: #9c2b09;
font-family: Cagliostro, sans-serif;
border-bottom: 2px solid #9c2b09;
}
section.secondary .pageContent.wide nav > ul {
z-index: 28;
border-bottom: 3px solid rgba(40, 73, 159, 0.4);
position: absolute;
bottom: 0;
padding-left: 0;
width: 100%;
}
section.secondary .pageContent.wide nav ul li {
float: left;
padding: 0 0 3px 0;
}
section.secondary div.pageContent.wide div#account_page a {
color: #426a86;
}
section.secondary div#account_page div.woocommerce nav > ul > li > a {
letter-spacing: 0;
}
section.secondary nav.woocommerce-MyAccount-navigation ul li a {
display: inline-block;
color: #274694;
padding: 5px 20px;
text-decoration: none;
width: auto;
position: relative;
font-weight: bold;
font-family: "McLaren", cursive;
text-transform: uppercase;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-size: 0.9em;
letter-spacing: 0;
}
section.secondary nav.woocommerce-MyAccount-navigation ul li a:hover {
background-color: rgba(40, 73, 159, 0.4);
color: #ffffff;
}
section.secondary div.woocommerce .woocommerce-MyAccount-content {
width: 95%;
padding-top: 2.5%;
margin-bottom: 5%;
}
section.secondary div.woocommerce .woocommerce-MyAccount-content p {
padding-left: 1em;
}
section.secondary .woocommerce-info,
section.secondary div#account_page .woocommerce-message {
border: none;
}
form.woocommerce-EditAccountForm.edit-account fieldset {
margin-bottom: 5%;
}
section.secondary.checkout .woocommerce button.button {
color: #f4f4f5;
background-color: #1f3f69;
border: none;
letter-spacing: 1px;
text-transform: uppercase;
}
section.secondary.checkout .woocommerce button.button:hover, section.secondary.checkout .woocommerce button.button:focus-visible {
background-color: #ecebeb;
color: #173a67;
border:1px solid #173a67;
}
.woocommerce form .form-row input.input-text {
padding: 5px;
font-size: 1em;
}
form.woocommerce-EditAccountForm.edit-account fieldset {
margin-bottom: 5%;
padding: 2.5%;
}
section.secondary.checkout .woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
position: absolute;
right: 0.7em;
top: 0.25em;
cursor: pointer;
}
.backLink,
.backLink.book {
display: block;
max-width: 1050px;
}
.backLink aside:last-child,
section.main .cartPage .backLink aside:last-child {
margin-right: 0;
} .backLink aside,
section.mainContent .backLink aside {
margin: 0 5% 2% 2%;
padding: 0 2.5%;
float: left;
text-align: center;
}
.backLink a,
section.secondary .backLink a,
section.main.two .backLink aside a,
section.main .backLink aside h3 a,
section.main .backLink aside a {
font-family: "McLaren", cursive;
font-weight: bold;
font-size: 1.4em;
font-variant: small-caps;
letter-spacing: 0.06em;
padding: 0;
color: #366095;
text-decoration: none;
}
section.main.two .backLink aside a {
text-align: center;
}
section.secondary .backLink a.print .fa-solid.fa-print {
font-size: 1.25em;
}
.fa-solid {
--fa-style: 700;
font-size: 1.3em;
}
.backLink a:hover,
section.secondary .backLink a:hover,
section.main.two .backLink aside a:hover,
.backLink a:focus-visible,
section.secondary .backLink a:focus-visible,
section.main.two .backLink aside a:focus-visible{
color: #9c2b09;
}  @media screen and (max-width: 1100px) { }
@media screen and (max-width: 1025px) {
#page {
padding: 0 30px 50px 30px;
}
body div#home #page {
padding: 0;
}
body div#home #page section.main {
padding: 3%;
}
#departments div.download .backLink,
section.about .backLink,
section.main.two .backLink {
display: block;
}
.menu {
display: none;
}
.footerWidget {
border-left: none;
width: 50%;
}
.moreInfo {
width: 40%;
}
.col1,
.col2 {
float: left;
margin-left: 5%;
width: 45%;
}
}
@media screen and (max-width: 890px) {
body div#home #page section.main {
padding: 3%;
padding-top: 5%;
}
section.main aside {
width: 48%;
margin-right: 4%;
padding: 0;
border-left: none;
}
section.main aside .content.council .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/council_wider.jpg) top left no-repeat;
}
section.main aside .content.reserve .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/reserve_wider.jpg) top center no-repeat;
}
section.main aside .content.licensing .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/licensing_wider.jpg) top right no-repeat;
}
section.main aside .content.download .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/download_wider.jpg) top center no-repeat;
}
section.main aside .content.cemetery .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/cemetery_wider.jpg) top center no-repeat;
}
section.main aside .content.payments .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/online_wider.jpg) top right no-repeat;
}
section.main aside .content .photo {
max-width: 98%;
}
section.main aside:nth-child(even) {
margin-right: 0;
}
}
@media screen and (max-width: 825px) {
section.announcements .announce_container {
width: 100%;
float: none;
clear: both;
}
section.announcements {
padding: 5% 5% 0 5%;
}
section.announcements .announce_container .content.announce {
display: none;
}
section.announcements .announce_container .content.announce-med {
display: block;
}
section.announcements .announce_container aside {
padding: 0;
width: 45%;
margin: 0 2.5% 5% 2.5%;
}
section.announcements .announce_container aside:nth-child(2) {
margin-right: 0;
}
section.announcements .caption h3 {
font-size: 4vh;
text-shadow: none;
font-family: "McLaren", cursive;
}
a.btn {
font-size: 1.8em;
}
.announceImage img,
aside.calendar a img {
width: 100%;
height: auto;
max-width: 100%;
}
section.announcements .calendar_container {
width: 31.3%;
float: left;
display: none;
}
}
@media screen and (max-width: 790px) {
body div#about,
body div#contact {
background-color: #1d3165;
}
#wrapper {
max-width: 790px;
}
nav,
#page,
nav .overlay {
box-shadow: none;
border-radius: 0;
}
section.main.two p.sub {
display: none;
}
#newsImage,
#meetingImage,
.featuredImage,
.featuredImage.account {
width: 48%;
margin-right: 5%;
}
#news {
width: 47%;
}
section.findus {
padding: 4%;
}
aside .caption h3,
section.findus h2 {
font-size: 1.7em;
}
aside .caption p {
font-size: 1.2em;
line-height: 1.5em;
}
section.findus article {
position: relative;
}
section.findus article div.caption {
padding: 5% 5% 0 8%;
clear: both;
}
section.findus article .photo {
float: none;
clear: both;
margin: 0 auto;
}
section.findus article a.btn {
font-size: 1.2em;
position: relative;
right: 0;
bottom: -8%;
float: right;
}
section.findus h2 {
font-size: 1.7em;
}
.pageContent.wide h4 {
font-size: 1.6em;
}
#desktopFooter .menu {
display: none;
}
#desktopFooter {
max-width: 790px;
}
footer#desktopFooter div.footer_container,
footer#contact div.footer_container {
font-size: 12px;
margin: 0 auto;
max-width: 1100px;
height: auto;
position: relative;
padding: 20px 0;
}
.footerWidget {
width: 100%;
float: none;
border: none;
clear: both;
}
.menu {
display: none;
}
#ending,
.footerWidget {
display: block;
width: 90%;
padding: 0 5%;
margin: 0;
}
footer#desktopFooter div.footer_container .footerWidget p {
font-size: 1.2em;
letter-spacing: 0;
line-height: 1.2em;
}
.moreInfo,
#credit,
span#siteseal {
display: none;
}
.moreInfo.med,
#credit.med {
display: block;
float: none;
clear: both;
margin: 0;
padding: 0;
width: 100%;
border-left: none;
}
.moreInfo.med {
margin-top: 3%;
}
.moreInfo.med p,
footer#desktopFooter #credit p,
p.credit,
.moreInfo.med p.copyright {
text-align: center;
font-size: 1em;
line-height: 1.3em;
}
div.extra p.email {
font-size: 1.3em;
margin-bottom: 5%;
}
.column1 p,
.column2 p.moreInfo.med p {
text-align: left;
}
.moreInfo.med p.copyright {
margin: 0;
letter-spacing: 0;
}
p.copyright span.year {
font-size: 1.6em;
}
footer#desktopFooter #credit p.credit {
font-size: 1.2em;
}
.pageContent.wide div.serve ul li {
padding-left: 5%;
font-size: 1.1em;
margin-left: 4%;
}
footer#contact {
padding-top: 5%;
}
section.bottom {
display: block;
}
section.right {
display: none;
}
div.secondaryFooter .copyright,
div.secondaryFooter .credit.med {
font-family: "Julius Sans One", Arial, Verdana, sans-serif;
font-size: 1.2em;
letter-spacing: 1px;
text-align: center;
font-variant: small-caps;
}
div.secondaryFooter .copyright p.copyright {
font-size: 0.9em;
}
div.secondaryFooter .copyright p.copyright span.year {
font-size: 1.8em;
}
div.secondaryFooter #credit p {
text-align: center;
font-size: 1.2em;
}
}
@media screen and (max-width: 768px) {
.woocommerce .col2-set::after,
.woocommerce .col2-set::before,
.woocommerce-page .col2-set::after,
.woocommerce-page .col2-set::before {
clear: both;
}
div.pageContent.wide div.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
margin-left: 0;
width: 100%;
}
div#check-out .woocommerce .col2-set .col-1,
section.secondary.checkout div.pageContent.wide div.woocommerce .col2-set .col-2,
section.secondary.checkout div.pageContent.wide div.woocommerce .col2-set .col-1 {
float: none;
clear: both;
width: 100%;
margin-left: 0;
}
}
@media screen and (max-width: 690px) {
a.logo {
max-width: 90%;
}
}
@media screen and (max-width: 650px) {
#newsImage,
#meetingImage,
.featuredImage,
.featuredImage.account {
width: 100%;
height: auto;
margin-right: 0;  }
div.committee_container {
width: 100%;
height: auto;
margin: 5% auto 7% auto;
}
h3.subhead {
padding-left: 0;
text-align: center;
}
.col1,
.col2 {
width: 100%;
float: none;
text-align: center;
margin: 0;
}
.pageContent.wide p.back {
padding-left: 0;
text-align: center;
}
.pageContent.wide ul.contact_person {
color: #274694;
margin-bottom: 1.7em;
margin-left: 0;
text-align: center;
}
}
@media screen and (max-width: 625px) {
#nav_container {
max-width: 100%;
margin: 0 auto;
display: none;
}
.pageContent.wide {
}
section.announcements {
padding-bottom: 80px;
}
#departments div.download .backLink,
section.about .backLink,
section.main.two .backLink {
display: none;
}
footer#desktopFooter {
display: none;
}
footer#mobile {
display: block;
}
footer#mobile {
background: #0c290c;
width: 100%;
min-height: 35px;
max-height: 38px;
margin: 0;
border-top: 2px solid #777;
border-top: 1px solid rgb(86 24 24 / 24%);
position: fixed;
padding-bottom: 30px;
z-index: 2000;
bottom: 0;
border-top: 2px solid #454444;
}
footer#mobile .button_container {
max-width: 100%;
padding-top: 1%;
border-top: 1px solid rgba(175, 172, 172, 0.4);
}
footer#mobile .button_container aside ul {
width: 100%;
}
footer#mobile aside {
float: left;
width: 24.5%;
width: 19.75%;
margin: 0; border-right: 1px solid rgba(175, 172, 172, 0.4);
font-size: 1.5em;
text-align: center;
padding-bottom: 5%;
font-size: 1.65em;
}
footer#mobile aside:last-child {
border-right: none;
}
footer#mobile aside a {
text-decoration: none;
margin: 0;
padding: 0;
padding-bottom: 5px;
color: rgb(86 24 24 / 24%);
color: #ffffff;
}
footer#mobile aside p {
font-size: 0.55em;
line-height: 0.9em;
color: rgb(86, 24, 24);
color: rgb(75 56 56);
color: #ffffff;
font-variant: small-caps;
text-align: center;
letter-spacing: 1px; }
.backLink.book {
margin: 0 30px 80px 0;
padding-top: 50px;
display: none;
}
}
@media screen and (max-width: 575px) {
section.main aside {
width: 48%;
padding: 0;
border-left: none;
margin: 0 auto;
}
section.main aside:nth-child(even) {
padding-right: 0;
}
section.main aside {
width: 80%;
padding: 0;
border-left: none;
margin: 0 auto;
float: none;
padding-bottom: 5%;
}
section.main aside:nth-child(even) {
margin: 0 auto;
}
section.announcements .announce_container aside {
padding: 0;
width: 70%;
margin: 0 15%;
margin-bottom: 50px;
float: none;
clear: both;
}
section.announcements .caption h3 {
font-size: 4vh;
text-transform: uppercase;
}
a.btn {
font-size: 5vh;
font-weight: bold;
transition: background-color 0.5s;
border-radius: 5px;
color: #414040;
letter-spacing: 2px;
margin-left: 8%;
}
}
@media screen and (max-width: 480px) {
#wrapper {
max-width: 480px;
}
a.logo {
max-width: 400px;
}
section {
padding: 0 5px;
}
section.main {
margin: 0 2%;
}
.pageContent.wide p {
font-size: 1.3em;
}
section.announcements .announce_container aside {
width: 90%;
margin: 0 5% 12% 5%;
}
.backLink aside div.home a div.icon {
padding-top: 10px;
}
section.main aside .content .photo,
section.main aside .content .caption {
width: 90%;
float: none;
clear: both;
margin: 0 auto;
padding-left: 0;
}
section.main aside .content .caption {
padding-top: 3%;
}
section.findus article .photo {
background: url(//coc.ce-sites.com/city/wp-content/themes/COCTheme/images/home_marker.jpg) center center no-repeat;
float: none;
max-width: 325px;
min-height: 275px;
height: 275px;
}
.pageContent.wide div.serve ul li {
font-size: 1em;
padding-left: 8%;
margin-bottom: 5%;
}
#bottom.footerWidget p {
text-align: center;
padding: 0;
}
#bottom.footerWidget div.extra {
display: none;
}
div.secondaryFooter .copyright p.copyright {
font-size: 1.2em;
}
div.secondaryFooter .copyright p.copyright span.year {
font-size: 1.3em;
}
.column1,
.column2 {
width: 100%;
float: none;
clear: both;
margin-bottom: 8%;
}
.moreInfo.med p.copyright {
font-size: 1em;
}
.moreInfo.med {
display: none;
}
.moreInfo {
display: block;
width: 90%;
text-align: center;
}
}
@media screen and (max-width: 380px) {
#wrapper {
max-width: 380px;
}
a.logo {
max-width: 350px;
}
}
.widefat tfoot tr td,
.widefat tfoot tr th,
.widefat thead tr td,
.widefat thead tr th {
width: 80%;
} @media print {
.do-not-print {
display: none;
}
#comments {
page-break-before: always;
}
body {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.4;
word-spacing: 1.1pt;
letter-spacing: 0.2pt;
font-family: Garamond, "Times New Roman", serif;
color: #000;
background: none;
font-size: 12pt;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Helvetica, Arial, sans-serif;
}
h1 {
font-size: 19pt;
}
h2 {
font-size: 17pt;
}
h3 {
font-size: 15pt;
}
h4,
h5,
h6 {
font-size: 12pt;
}
code {
font:
10pt Courier,
monospace;
}
blockquote {
margin: 1.3em;
padding: 1em;
}
img {
display: block;
margin: 1em 0;
}
a img {
border: none;
}
table {
margin: 1px;
text-align: left;
}
th {
border-bottom: 1px solid #333;
font-weight: bold;
}
td {
border-bottom: 1px solid #333;
}
th,
td {
padding: 4px 10px 4px 0;
}
caption {
background: #fff;
margin-bottom: 2em;
text-align: left;
}
thead {
display: table-header-group;
}
tr {
page-break-inside: avoid;
}
a {
text-decoration: none;
color: black;
}
}