@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

/* for the election poll */
.WaGadgetPoll .noticeBox.boxTypeInfo {
    display: none;
}

.openAuthFormContainer {
	display: none !important;
}

body {
    background-color: var(--color-bg-light);
}
:root {
    --color-orange-primary: #f1791c;
    --color-orange-secondary: #ee934d;
    --color-green-primary: #0c7e00;
    --color-red-primary: #ed1c26;
    --color-red-secondary: #f14951;
    --color-teal-primary: #057870;
    --color-teal-secondary: #37938d;
    --color-text-light: #fff;
     --color-bg-light: #fff;
    --color-text-highlight: #fff0ba;
}
.bgLiteContainer {
    background-color: var(--color-bg-light);
}

a, a:link, a:active, a:visited, .gadgetStyleNone a, .gadgetStyleNone a:link, .WaGadgetLoginForm .authenticated .loginPanel .profileBox a:hover {
    color: var(--color-red-primary);
}
.gadgetStyle001, .gadgetStyle001 ul li .date {
    font-family: Arial, Helvetica, sans-serif !important;
}
p, #text {
    line-height: 1.8rem;
}

.WaGadgetMenuHorizontal {
    overflow: visible;
    border-top: solid 5px black;
    margin: 0px;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
    height: 16px;
    padding: 16px 13px 27px;
    }

h1, h2 {
    font-family: 'Oswald', sans-serif !important; 
}
h1 {
    padding: .1em .2em .2em .3em;
}
.siteTitleContainer {
    margin-bottom: 8px;
}
.textHilight {
    background-color: var(--color-text-highlight);
}
.siteBranding, .centerThisBlock {
    margins: auto;
    text-align: center;
}
.topLinksTable {
    color: var(--color-text-light);
}
.topLinksTable a:link, .topLinksTable a:visited, .topLinksTable a:hover, .topLinksTable a:active {
    text-decoration: none;
}
.topLinks tr td img {
    padding-top: 5px;
}
.topLinksMember {
    background-color: var(--color-orange-primary);
    padding: 10px;
}
.topLinksJoin {
    background-color: var(--color-teal-primary);
    padding: 10px;
}
.topLinksDonate {
    background-color: var(--color-red-primary);
    padding: 10px;
}
.camera_wrap {
    background: rgb(62,62,62);
    background: linear-gradient(0deg, rgba(62,62,62,1) 0%, rgba(255,255,255,1) 100%);
}

.WhiteLinkContainer, 
.WhiteLinkContainer a, 
.WhiteLinkContainer a:link, 
.WhiteLinkContainer a:active, 
.WhiteLinkContainer a:visited, 
.WhiteLinkContainer .title, 
.WhiteLinkContainer .date, 
.WhiteLinkContainer .location,
.HMC_footer,
.HMC_footer a, 
.HMC_footer a:link, 
.HMC_footer a:active, 
.HMC_footer a:visited {
    color: var(--color-text-light) !important;
}
.WhiteLinkContainer {
    clear: both;
    margin: 0 0 0 0;
}

.HMC_footer {
    padding: 20px;
}

.camera_caption > div {
    font-size: 1.7em;
    text-align: right;
    font-weight: bold; 
}
.camera_caption {
    background: rgba(31,39,43,0.7);
}

.navigationOuterContainer input.nextButton,
.stylizedButton .buttonStyle001, .stylizedButton, .buttonStyle001,
.generalFieldsContainer input.typeButton, .generalFieldsContainer input[type="submit"],
input.typeButton,
input[type="submit"]
 {
    color: black !important;
    background-color: var(--color-bg-light) !important;
    border: var(--color-red-primary) solid 2px !important;
    -webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.4);
    box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.loginButton, .functionalButton, #ctl00_ContentArea_submitButton, #ctl00_ContentArea_cancelButton, #ctl00_ContentArea_ConfirmBtn, #ctl00_ContentArea_CancelBtn {
    background-color: var(--color-bg-light) !important;
    border: var(--color-red-primary) solid 2px !important;
    color: black !important;
}
.loginButton:hover,
.functionalButton:hover,
#ctl00_ContentArea_submitButton:hover, #ctl00_ContentArea_cancelButton:hover, #ctl00_ContentArea_ConfirmBtn:hover, #ctl00_ContentArea_CancelBtn:hover,
input[type="submit"]:hover,
input.typeButton:hover,
.stylizedButton.buttonStyle001:hover,
.navigationOuterContainer input.nextButton:hover, .stylizedButton .buttonStyle001:hover, .stylizedButton a:hover, .buttonStyle001:hover, .generalFieldsContainer input.typeButton:hover, .generalFieldsContainer input[type="submit"]:hover, input.typeButton,
{
    color: var(--color-text-light) !important;
    background-color: var(--color-red-secondary) !important;
}

.fieldSubContainer, .WaGadgetContactProfile {
    font-size: 14pt;
}
.fieldContainer input.typeText, .fieldContainer input[type=text], .fieldContainer textarea {
    width: 80%;
}

.wa-authenticateLoginLink .authenticateLoginText {
    color: linen;
}

.layoutLogin {
    float:left;
    background-color: var(--color-orange-primary);
    height: 50px;
}
.layoutLoginText {
    clear:right;
    background-color: var(--color-orange-secondary);
    color: var(--color-text-light);
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 5px;
    margin: 0px;
}
@media screen and (max-width: 478px) {
    .layoutLoginText {
        padding-bottom: 15px;
    }
}
@media screen and (min-width: 479px) {
    .layoutLoginText {
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 1200px) {
    #headerTitleImage {
        display:none;
    }
}
.layoutLogin, .topLinksJoin, .topLinksDonate {
    margin: 0 0 .6em 0;
}

.WaGadgetLoginForm .loginLink {
    color: var(--color-text-light) !important;
}

.WaGadgetLoginForm .authenticated .loginLink .hover {
    background: var(--color-orange-primary);
    color: white;
}
.WaGadgetLoginForm .loginLink {
    background-color: var(--color-orange-primary);
}
.gadgetContentEditableArea ol, .gadgetContentEditableArea ul {
    padding-left: 2em;
    padding-right: 2em;
}
#idFooterPoweredByWA {
    font-size:0.6em;
    opacity: 0.6;
}

/* Elections ------------------------ */

.electionSlateTable {
    /*background-color: #f14951;*/
    border-collapse: separate;
    border: solid #f14951 4px;
    border-radius: 10px;
    -moz-border-radius: 6px;
    margin-bottom: 10px;
}
.electionSlateTable tr:first-child td {
    background:#f14951;
    color: white;
}

.electionSlateTable tr:first-child td h4 {
    color:white;
    padding-left: 6px;
    display:inline;
}
.textAlignRight{
    float:right;
    display:inline;
    font-size:.9rem;
    padding-top:2px;
    text-decoration:underline;
}

.electionSlateTable  tr {
    background-color: white;
}
.electionSlateTable  td {
     border-collapse: separate;
     border-radius: 6px;
    -moz-border-radius: 6px;
}
.electionSlateTable  tr td:nth-child(3) {
    background-color:#eee;
    font-size:.9rem;
    padding: 6px;
}
.electionSlateTable  tr td:nth-child(3) a {
    display:inline-block;
    color:black;
    text-decoration:none;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.52);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.52);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.52);
     border-radius: 6px;
    background-color:white;
    border: solid 3px #f81c2f;
    padding: 6px;
}
.electionSlateTable  tr td:nth-child(2), .electionSlateTable  tr td:nth-child(3) {
    text-align:center;
}
.electionSlateTable a.stylizedButton.buttonStyle002 {
    font-size:.8rem;
    padding:8px 10px;
    top:-2px;
}
.electionSlateTable h4 {
    font-size:1.2rem;
}
.electionSlateTable h4 a {
    color:white !important;
    text-decoration: none;
}

.WaGadgetPoll .votingBlock {
    margin:0 0 2em 1em;
}
.WaGadgetPoll .bottomLine input[type=submit],
a, a:link, a:active, a:visited, .gadgetStyleNone a, .gadgetStyleNone a:link, .WaGadgetLoginForm .authenticated .loginPanel .profileBox a:hover {
    margin-bottom: 10px;
}
div#id_A1ZWaaA.WaGadget.WaGadgetPoll.gadgetStyleNone form div.votingBlock div.pollNote {
    display:none;
}

.widerCellTownProv {
    min-width: 150px;
}

#pubBoardTable td {
    padding-left: .4rem;
    padding-right: .4rem;
    padding-top: .6rem;
}