/*Change Mobile Nav Panel Color*/
.WaGadgetMobilePanel .mobilePanel {
    background: #0f1532;
    z-index: 100;
}
/* Login button */
.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
    background: #bC1C2C !important;
    color: white !important;
}
/* Login button on hover */
.WaGadgetLoginButton .loginLink:hover, .WaGadgetLoginForm .loginLink:hover {
    background: #BC1c2c !important;
}
/* Logout button */
.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
    background: 0 !important;
    color: #BC1c2C !important;
}
/* Logout button on hover */
.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginButton .authenticated .loginLink.hover, .WaGadgetLoginForm .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink.hover {
    background: #BC1C2c !important;
    color: white !important;
}
/* Container for Three Column Buttons */
#id_3DQsiFi {
    max-width: 900px !important;
    margin: 0 auto !important;
}
#id_hAhkTkp {
    max-width: 900px !important;
    margin: 0 auto !important;
}
/*Container for News on Messages from Chair*/
#id_SelJsV9 {
    max-width: 1500px !important;
    margin: auto !important;
}
/* Container for Three Column Buttons Home Page */
#id_klkFVyf {
    max-width: 900px !important;
    margin-top: -60 !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Container for Four Column Buttons Join Us Page */
#id_pvCjVE9 {
    max-width: 1200px !important;
    margin-top: -60 !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Containers for Three Column Buttons Voter Info Page */
#id_iBZBkQH {
    max-width: 900px !important;
    margin-top: -60 !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
#id_hAhkTkp {
    max-width: 900px !important;
    margin-top: -60 !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Container for Three Column Buttons Conventions Page */
#id_Dz6wgr7 {
    max-width: 800px !important;
    margin-top: -60 !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Container for two column buttons on Membership Page */
#id_7BNPa5A {
    max-width: 527px !important;
    margin-top: -60 !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Hover effects on button images on Home Page*/
#id_zFs76UX:hover img {
	transform: scale(1.05);
}
#id_FKkllZe:hover img {
	transform: scale(1.05);
}
#id_ezD3zal:hover img {
	transform: scale(1.05);
}
/*Hover effects on App Buttons on Home Page*/
#id_xWMqkbY:hover img, #id_aqEyReL:hover img {
    transform: scale(1.05);
}
/* Hover effects on button images on Voter Info Page*/
#id_YdH3Zxe:hover img {
	transform: scale(1.05);
}
#id_tyL4gUL:hover img {
	transform: scale(1.05);
}
#id_AdLZKvG:hover img {
	transform: scale(1.05);
}
#id_BO98DPF:hover img {
	transform: scale(1.05);
}
#id_POwGFzk:hover img {
	transform: scale(1.05);
}
#id_JvdIlCq:hover img {
	transform: scale(1.05);
}
/* Hover effects on button images on Membership Page*/
#id_suPVdgo:hover img {
	transform: scale(1.05);
}
#id_mTeL8jS:hover img {
	transform: scale(1.05);
}
/* Hover effects on button images on Join Us Page*/
#id_ofS8MQG:hover img {
	transform: scale(1.05);
}
#id_uttAlhg:hover img {
	transform: scale(1.05);
}
#id_91wfrIK:hover img {
	transform: scale(1.05);
}
#id_NtxMILT:hover img {
    transform: scale(1.05);
}
/* Hover effects on button images on Conventions Page*/
#id_Y6t92wZ:hover img, #id_x7C4FMC:hover img, #id_CCQgrP5:hover img  {
	transform: scale(1.05);
}
/*Hover effects on featured event home page*/
#id_FcUhJdH:hover img {
    transform: scale(1.05);
}
/*Hover effects on HD25 Page*/
#id_fgnzv8M:hover img, #id_fHEHA9d:hover img, #id_PVZGLFy:hover img, #id_QObphZL:hover img, #id_DJCQ6Sp:hover img, #id_qKA8Y4E:hover img, #id_59pPugk:hover img, #id_sQQV89r:hover img, #id_UHNxKJE:hover img {
    transform: scale(1.05);
}
/* Change page width */
.WaPlaceHolder { 
    max-width: 100%; 
}
/*Hide Donate Button on Mobile*/
@media only screen and (max-width:1080px) {
    #id_Z6CJMMM {
        display: none;
    }
}
/*Hide Red Login Button on Mobile*/
@media only screen and (max-width:800px) {
    #id_qLmE6AU {
        display: none;
    }
}
/*Move Home Video Down from Nav on Mobile*/
@media only screen and (max-width:800px) {
    #id_CQGwk7h {
        padding-top: 240px;
    }
}
/*Media Rule for showing colored logo-secondary pages-on screens under 800px*/
@media only screen and (max-width:800px) {
    #id_sjKDHDq {
        max-width: 350px;
        margin: auto;
        padding-top: 10px;
    }
}
/*Media Rule for showing white logo-home page-on screens under 800px*/
@media only screen and (max-width:800px) {
    #id_VvRnwlf {
        max-width: 350px;
        margin: auto;
        padding-top: 10px;
    }
}
/*Hide Categories label at top of Forum Summary*/
.WaGadgetForumStateList .forumCategoryOuterContainer h5 {     display: none;
}
/* Hover Effect on Membership Page */
#id_Usf4adj:hover img, #id_x7C4FMC:hover img, #id_CCQgrP5:hover img  {
	transform: scale(1.05);
}
/* Zoom + tooltips, scoped to the Membership tiles only on Membership Page */
.zoom-tiles a{display:inline-block;position:relative;}
.zoom-tiles a img{display:block;transform-origin:center;transition:transform .3s;}
.zoom-tiles a:hover img,.zoom-tiles a:focus img{transform:scale(1.06);}
.zoom-tiles a:hover img{filter:drop-shadow(0 6px 10px rgba(0,0,0,.15));}
.zoom-tiles{overflow:visible;}

/* Tooltips on Membership Page Buttons */
.zoom-tiles a[data-tip]::after{
  content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;
  transform:translate(-50%,4px);background:rgba(0,0,0,.85);color:#fff;padding:8px 10px;
  border-radius:6px;line-height:1.25;font-size:14px;max-width:260px;text-align:center;
  white-space:normal;pointer-events:none;opacity:0;visibility:hidden;
  transition:opacity .2s,transform .2s,visibility .2s;z-index:1000;
  }
.zoom-tiles a[data-tip]::before{
  content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);
  border:6px solid transparent;border-top-color:rgba(0,0,0,.85);
  opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:1001;
  }
.zoom-tiles a[data-tip]:hover::before,
.zoom-tiles a[data-tip]:hover::after,
.zoom-tiles a[data-tip]:focus::before,
.zoom-tiles a[data-tip]:focus::after{opacity:1;visibility:visible}
.zoom-tiles a[data-tip]:hover::after,
.zoom-tiles a[data-tip]:focus::after {
    transform:translate(-50%,0);
}

@media (max-width:640px),(hover:none){
  .zoom-tiles a[data-tip]::before,.zoom-tiles a[data-tip]::after {
      display:none!important;
    }
}


/* =====================================================
   CASEFILE THEME – OVERRIDE BUILT-IN GADGET BUTTONS
   Normal:  #cc071b (red) + white text
   Hover:   #283891 (blue) + white text
   Font:    Helvetica
   ===================================================== */

/* Anchor-style buttons used by Casefile gadgets */
.wa-gadget a.button,
.wa-gadget a.buttonPrimary,
.wa-gadget a.buttonSecondary,
.wa-gadget a.functionalButton,
.wa-gadget-events a,
.wa-event-details a.button,
.wa-form a.button,
.wa-form button,
.wa-system-button,
a.eventRegistrationButton {
  background-color: #cc071b !important;
  border-color: #cc071b !important;
  color: #ffffff !important;
  font-family: Helvetica, Arial, sans-serif !important;
  text-decoration: none !important;
}

/* Hover state */
.wa-gadget a.button:hover,
.wa-gadget a.buttonPrimary:hover,
.wa-gadget a.buttonSecondary:hover,
.wa-gadget a.functionalButton:hover,
.wa-gadget-events a:hover,
.wa-event-details a.button:hover,
.wa-form a.button:hover,
.wa-form button:hover,
.wa-system-button:hover,
a.eventRegistrationButton:hover {
  background-color: #283891 !important;
  border-color: #283891 !important;
  color: #ffffff !important;
}

/* Custom CSS by Nicasio LLC */
/* mainly geared towards responsive optimizations */
/* also fixed a few css errors in all custom css above this section */

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a {
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

details > summary {
    padding-top: 20px;
}

.WaGadgetEventsStateList ul.boxesList li.boxesListItem+li.boxesListItem,
.WaGadgetBlogStateList ul.boxesList li.boxesListItem+li.boxesListItem {
    border-top: 1px solid #d6d6d6;
    padding-top: 30px;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem+li.boxesListItem {
    margin-top: 30px;
}

.fieldSubContainer .typeInstruction {
    width: auto;
}

@media (max-width:640px) {
    img[align="left"],
    img[align="right"] {
        float: none;
        display: block;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 25px !important;
    }
}

@media (max-width:640px) {
    #id_Header [align="right"] {
        float: none;
        text-align: center;
    }
}

@media (max-width:800px) {
    h1, h1 *:not(.stylizedButton) {
        font-size: 45px !important;
        line-height: 1.4 !important;
    }
    h1 + h1 {
        margin-top: -30px !important; 
    }
    #id_Footer2 h1, #id_Footer2 h1 * {
        font-size: 30px !important;
    }
    .contStyleExcSimpleTable th h1,
    .contStyleExcSimpleTable th h1 *:not(.stylizedButton) {
        font-size: 22px !important;
    }
    H2, .gadgetStyleNone H2, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 {
        font-size:32px !important;
    }
    [style*="font-size: 60px"],
    [style*="font-size:60px"] {
        font-size: 45px !important;
        line-height: 1.4 !important;
    }
}
@media (max-width:640px) {
    h1, h1 *:not(.stylizedButton) {
        font-size: 35px !important;
    }
    #id_Footer2 h1, #id_Footer2 h1 * {
        font-size: 30px !important;
    }
    H2, .gadgetStyleNone H2, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 {
        font-size:28px !important;
    }
    [style*="font-size: 60px"],
    [style*="font-size:60px"] {
        font-size: 35px !important;
    }
}

/* hardcoded paddings/margins that need to be adjusted for mobile to reduce vertical scrolling */
@media (max-width:640px) {
    /* layout containers */
    [class*="WaLayoutContainer"][style*="margin-top:-80px"],
    [class*="WaLayoutContainer"][style*="margin-top: -80px"] {
        margin-top: -40px !important;
    }
    [class*="WaLayoutContainer"][style*="margin-top:-60px"],
    [class*="WaLayoutContainer"][style*="margin-top: -60px"] {
        margin-top: -30px !important;
    }
    [class*="WaLayoutContainer"][style*="margin-top:-40px"],
    [class*="WaLayoutContainer"][style*="margin-top: -40px"] {
        margin-top: -20px !important;
    }
    [class*="WaLayoutContainer"][style*="margin-top:-20px"],
    [class*="WaLayoutContainer"][style*="margin-top: -20px"] {
        margin-top: 0px !important;
    }
    /* layout cells (columns) */
    .WaLayoutPlaceHolder > div[style*="padding-top:100px"],
    .WaLayoutPlaceHolder > div[style*="padding-top: 100px"] {
        padding-top: 50px !important;
    }
    .WaLayoutPlaceHolder > div[style*="padding-bottom:100px"],
    .WaLayoutPlaceHolder > div[style*="padding-bottom: 100px"] {
        padding-bottom: 50px !important;
    }
    .WaLayoutPlaceHolder > div[style*="padding-bottom:75px"],
    .WaLayoutPlaceHolder > div[style*="padding-bottom: 75px"] {
        padding-bottom: 35px !important;
    }
    .WaLayoutPlaceHolder > div[style*="padding-top:60px"],
    .WaLayoutPlaceHolder > div[style*="padding-top: 60px"] {
        padding-top: 30px !important;
    }
    .WaLayoutPlaceHolder > div[style*="padding-top:50px"],
    .WaLayoutPlaceHolder > div[style*="padding-top: 50px"] {
        padding-top: 25px !important;
    }
    #id_Header1 .WaLayoutPlaceHolder > div[style*="padding-top:50px"],
    #id_Header1 .WaLayoutPlaceHolder > div[style*="padding-top: 50px"] {
        padding-top: 50px !important;
    }
    .WaLayoutPlaceHolder > div[style*="padding-bottom:50px"],
    .WaLayoutPlaceHolder > div[style*="padding-bottom: 50px"] {
        padding-bottom: 25px !important;
    }
    .WaLayoutPlaceHolder > div[style*="padding-top:40px"],
    .WaLayoutPlaceHolder > div[style*="padding-top: 40px"] {
        padding-top: 20px !important;
    }
    .WaLayoutPlaceHolder > div[style*="padding-bottom:40px"],
    .WaLayoutPlaceHolder > div[style*="padding-bottom: 40px"] {
        padding-bottom: 20px !important;
    }
    /* gadgets */
    .gadgetStyleBody[style*="padding-top:325px"],
    .gadgetStyleBody[style*="padding-top: 325px"],
    .gadgetStyleBody[style*="padding-top:300px"],
    .gadgetStyleBody[style*="padding-top: 300px"],
    .gadgetStyleBody[style*="padding-top:200px"],
    .gadgetStyleBody[style*="padding-top: 200px"] {
        padding-top: 100px !important;
    }
    .gadgetStyleBody[style*="padding-bottom:300px"],
    .gadgetStyleBody[style*="padding-bottom: 300px"],
    .gadgetStyleBody[style*="padding-bottom:200px"],
    .gadgetStyleBody[style*="padding-bottom: 200px"],
    .gadgetStyleBody[style*="padding-bottom:120px"],
    .gadgetStyleBody[style*="padding-bottom: 120px"] {
        padding-bottom: 100px !important;
    }
    .gadgetStyleBody[style*="padding-top:100px"],
    .gadgetStyleBody[style*="padding-top: 100px"] {
        padding-top: 50px !important;
    }
    .gadgetStyleBody[style*="padding-bottom:100px"],
    .gadgetStyleBody[style*="padding-bottom: 100px"] {
        padding-bottom: 50px !important;
    }
    .gadgetStyleBody[style*="padding-right:100px"],
    .gadgetStyleBody[style*="padding-right: 100px"] {
        padding-right: 50px !important;
    }
    .gadgetStyleBody[style*="padding-bottom:60px"],
    .gadgetStyleBody[style*="padding-bottom: 60px"] {
        padding-bottom: 30px !important;
    }
    .gadgetStyleBody[style*="padding-top:60px"],
    .gadgetStyleBody[style*="padding-top: 60px"] {
        padding-top: 30px !important;
    }
    .gadgetStyleBody[style*="padding-bottom:50px"],
    .gadgetStyleBody[style*="padding-bottom: 50px"] {
        padding-bottom: 25px !important;
    }
    .gadgetStyleBody[style*="padding-left:50px"],
    .gadgetStyleBody[style*="padding-left: 50px"],
    .gadgetStyleBody[style*="padding:50px"],
    .gadgetStyleBody[style*="padding: 50px"],
    .gadgetStyleNone[style*="padding:50px"],
    .gadgetStyleNone[style*="padding: 50px"] {
        padding-left: 25px !important;
    }
    .gadgetStyleBody[style*="padding-right:50px"],
    .gadgetStyleBody[style*="padding-right: 50px"],
    .gadgetStyleBody[style*="padding:50px"],
    .gadgetStyleBody[style*="padding: 50px"],
    .gadgetStyleNone[style*="padding:50px"],
    .gadgetStyleNone[style*="padding: 50px"] {
        padding-right: 25px !important;
    } 
    .gadgetStyleBody[style*="margin-top:-20px"],
    .gadgetStyleBody[style*="margin-top: -20px"] {
        margin-top: 0 !important;
    }    
}