/*** Content Library CSS ***/

/**********************************
Visualizer Name: Live Video Details Layout
Content Type Name: Live Video
**********************************/
.LVDLWrap{
    margin-bottom:150px;
}
.Page-Title{
    font-size: 32px;
    font-weight: normal;
    color: #11396c;
    margin-bottom: 1em;
    text-align: left;
}
.Page-Title i {
    margin-right: 10px;
}
.NCLVideo{
  width: 100%;
}
/*********************************/
/**********************************
Visualizer Name: Live Video List View
Content Type Name: Live Video
**********************************/
.LVLVWrap{
  margin-bottom:150px;
}
.LVLVWrap ul{
  list-style: none;
  margin:0!important;
  padding:0!important;
}
.LVLVWrap ul li{
  margin:10px 0px;
}
.LVLVWrap ul li i {
  margin-right: 10px;
}
/*********************************/
/**********************************
Visualizer Name: Camera Group live videos List Layout
Content Type Name: Camera Group live videos
**********************************/
.CGLVLL-Wrap {}
.CGLVLL-items{}
.CGLVLL-items ul{
    list-style-type: none;
}
.CGLVLL-title{}



/*********************************/
/**********************************
Visualizer Name: 3 Col - Camera Group live videos Details Layout
Content Type Name: Camera Group live videos
**********************************/
.NCLWrap{
  margin: 1.25em 0;
}
.NCL-title {}
.NCL-title h3{}
.NCLItems{
  border-bottom: 0px solid #fff;
  display: grid;
  grid-template-columns: 33.3fr 33.3fr 33.3fr;
  gap: 5px;
  padding: 5px;
  /*-auto-rows: 300px;*/
}
.NCLItem{
  /*padding: 1.25em;*/
  /* border-right: 1px solid #fff; */
  /* border-bottom: 1px solid #fff; */
  /* margin-bottom: 2.25em; */
  position: relative;
  /*border: 1px solid #4f4f4f;*/
}
.NCLTitle{
  /*font-size: 14px;
  font-weight: normal;
  */
  color: #ffffff;
  text-align: left;
  position: relative;
  background: #000000a3;
  /*
  top: 10px;
  left: 10px;
  */
  padding: 2px 10px;
  z-index: 2;
  line-height: 36px;
  font-size: 22px;
  font-weight: 700;
}
.NCLTitle i{
      margin-right: 10px;
}
.NCLVideo{
  /*height: 100%;*/
  width:100%;
}


/*********************************/
/**********************************
Visualizer Name: Voter Precinct Street Guide Iframe Layout
Content Type Name: Iframes URLs
**********************************/
.VPSGILWrap{}
.VPSGILWrap iframe{
    width:100%;
    height: 1780px;
}
/*********************************/
/**********************************
Visualizer Name: Voter Precinct Data Iframe Layout
Content Type Name: Iframes URLs
**********************************/
.VPDILWrap{}
.VPDILWrap iframe{
    width:100%;
    height: 500px;
}
/*********************************/
/**********************************
Visualizer Name: Voter Registration Search Iframe Layout
Content Type Name: Iframes URLs
**********************************/
.VRSILWrap{}
.VRSILWrap iframe{
    width:100%;
    height: 1030px;
}
/*********************************/
/**********************************
Visualizer Name: Voter Registration Records Iframe Layout
Content Type Name: Iframes URLs
**********************************/
.VRRILWrap{}
.VRRILWrap iframe{
    width:100%;
    height: 1000px;
}
.errormessage{
    display:none;
    font-weight:bold;
}
/*********************************/
/**********************************
Visualizer Name: Alternate Judge Acceptance Form Layout 
Content Type Name: Iframes URLs
**********************************/
.AJAFLWrap{}
.AJAFLWrap iframe{
    width:100%;
    height: 1000px;
}
/*********************************/
/**********************************
Visualizer Name: Election Worker Application iframe Layout 
Content Type Name: Iframes URLs
**********************************/
.EWAIWrap{}
.EWAIWrap iframe{
    width:100%;
    height: 1400px;
}
/*********************************/
/**********************************
Visualizer Name: Election Day iframe Layout
Content Type Name: Iframes URLs
**********************************/
.ELDFLWrap{}
.ELDFLWrap iframe{
    width:100%;
    /*height:550px;*/
    height: 87%;
}
/*********************************/
/**********************************
Visualizer Name: Online Training Paysheet Iframe Layout
Content Type Name: Iframes URLs
**********************************/
.OTPILWrap{}
.OTPILWrap iframe{
    width:100%;
    height: 600px;
}
/*********************************/
/**********************************
Visualizer Name: Presiding Judge Acceptance Form Layout
Content Type Name: Iframes URLs
**********************************/
.PJAFLWrap{}
.PJAFLWrap iframe{
    width:100%;
    /*height: 2540px;*/
    height: 3730px;
}
/*********************************/
/**********************************
Visualizer Name: Voter Online Registration Portal Layout
Content Type Name: Iframes URLs
**********************************/
.VORPLWrap{}
.VORPLWrap iframe{
    width:100%;
    height: 2380px;
}
/*********************************/
/**********************************
Visualizer Name: Poll Locations & Ballots iframe Layout 
Content Type Name: Iframes URLs
**********************************/
.PLBILWrap{}
.PLBILWrap iframe{
    width:100%;
    height: 910px;
}

/*********************************/
/**********************************
Visualizer Name: Disability Complaint Form Layout
Content Type Name: Iframes URLs
**********************************/
.DCFLWrap{}
.DCFLWrap iframe{
    width:100%;
    height: 1725px;
}
/*********************************/
/**********************************
Visualizer Name: JP Interactive Maps Layout
Content Type Name: Iframes URLs
**********************************/
.JPIMLWrap{}
.JPIMLWrap iframe{
    width:100%;
    height: 630px;
}
/*********************************/
/**********************************
Visualizer Name: Election Notice Iframe Layout
Content Type Name: Iframes URLs
**********************************/
.ENILWrap{}
.ENILWrap iframe{
    width:100%;
    height: 1140px;
}
/*********************************/
/**********************************
Visualizer Name: VDVR Portal Login Layout
Content Type Name: Iframes URLs
**********************************/
.VDVRPLLWrap{}
.VDVRPLLWrap iframe{
    width:100%;
    height: 1400px;
}
/*********************************/
/**********************************
Visualizer Name: Vote Center Application iframe Layout
Content Type Name: Iframes URLs
**********************************/
.VCAILWrap{}
.VCAILWrap iframe {
  width: 100%;
  height: 1600px;
}
/*********************************/
/**********************************
Visualizer Name: Polling Locations iframe layout
Content Type Name: Iframes URLs
**********************************/
.PLILWrap{
  width: 100%;
  height: 97%;
}
.PLILWrap iframe{
    width:100%;
    height: inherit;
}
.PLIL-Landscape-message{
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 1);
  z-index: 999;
  text-align: center;
  font: 700 20px/26px "Open Sans", sans-serif;
  letter-spacing: 0.2px;
}
.PLIL-Landscape-message p{
  margin: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #002868;
}


/*********************************/
/**********************************
Visualizer Name: PollingLocationsPdf Iframe Layout
Content Type Name: Iframes URLs
**********************************/
.PLPIL-Wrap{
  position: fixed;
  width: 100%;
  height: 100%;
}
.PLPIL-Wrap iframe{
  width: inherit;
  height: inherit;
}

/*********************************/
/**********************************
Visualizer Name: VDVR Iframe Layout
Content Type Name: Iframes URLs
**********************************/
.VILWrap{}

#vdvrrequestbtn{
    padding: 10px 25px;
    background: #127fd6;
    margin: 1em auto;
    color: white;
    display: inline-block;
    text-align: center;
    border-radius: 2em;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer; 
}
#vdvrrequestbtn:hover {
	background-color: #008aff;
	text-decoration: none;
}

.vdvrrequestformWrap{
    display:none;
    position:relative;
    /* margin: 0 auto; */
    
}
.vdvrrequestform{
    /*
    width: 600px;
    margin: 30px auto;
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    */
    height: 560px;
    padding: 1.5em;
    border: solid 1px #008aff;
    background: #ecf6ff;
}
.VILWrap iframe{
    width: 100%;
    height:inherit;

}
/*********************************/
/**********************************
Visualizer Name: Election Training Reg Layout
Content Type Name: Iframes URLs
**********************************/
.ETRLWrap iframe {
  width: 100%;
  height: 1050px;
}
/*********************************/
/**********************************
Visualizer Name: V Registration Request Layout
Content Type Name: Iframes URLs
**********************************/
.VRRLWrap{}
.VRRLWrap iframe{
    width: 100%;
    height: 1080px;
}
/*********************************/
/**********************************
Visualizer Name: Effective Communication Form Iframe Layout
Content Type Name: Iframes URLs
**********************************/
.ECFILWrap{}
.ECFILWrap iframe{
    width: 100%;
    height: 1900px;
}

/*********************************/
/**********************************
Visualizer Name: Election Rosters Iframe Layout
Content Type Name: Iframes URLs
**********************************/
.ERILWrap{}
.ERILWrap iframe{
    width: 100%;
    height: 1580px;
}
/*********************************/
/**********************************
Visualizer Name: Mail Ballot Tracking iFrame Layout
Content Type Name: Mail Ballot Tracking iframe
**********************************/
.MBTILWrap{}
.MBTILWrap iframe{
    width:100%;
    height:600px;
}
/*********************************/

/**********************************
Visualizer Name: Election countdown timer Layout
Content Type Name: Election countdown timer
**********************************/
.ECTLWrap{
  width: 70%;
  position: absolute;
  /*top:-10px;*/
  right: 24px;
  overflow: hidden;
  opacity:0;
}
.ECTL-Timer{
  display: grid!important;
  grid-template-columns: 25% 25% 25% 25%;
  grid-gap: 1px;
  text-align: center;
  
}
.ECTL-Message{
  display:none;
  background: #d02627;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  padding: 5px 8px;
  color: #fff;
}
.ECTL-Message p{
  margin-bottom:0;
  font-size: 12px;
  color: #fff;
}
.ECTL-Message a{
  color:#fff;
  text-decoration:underline;
}
.ds-element{
  background: #143054;
}
.ds-element-title{
  font-size:12px;
  color: #fff;
}
.ds-element-value{
  font-size:14px;
  font-weight:bold;
  color: #fff;
}
.ECTL-BottomInfo{
  font-size: 14px;
  text-align: right;
  padding: 2px 10px;
  font-weight:bold;
}
.ECTL-BottomInfo p{
  /*font-size: 14px !important;*/
  font-size: 20px !important;
  font-weight:bold;
  color: #d02627;
  line-height: 1.25em;
}
.ECTL-BottomInfo a{
  color:#d02627;
  /*font-size: 14px !important;*/
  font-size: 20px !important;
  font-weight:bold;
}
/*********************************/
/**********************************
Visualizer Name: FAQ - Accordion
Content Type Name: Candidates - Accordion
**********************************/
.faq-accordion-container {
  margin-bottom: 15px;
  background: #ecf6ff;
}

.faq-accordion-container h2 {
  padding: 25px;
  font-weight: 700;
  position: relative;
  background: #ffffff;
  box-shadow: 0px 15px 15px rgb(201 216 237 / 13%), inset 5px 0 0 #30a0ff;
  border-radius: 0;
  line-height: 36px;
  font-size:26px;
  cursor:pointer;
  color: #0c2a4f;
    -webkit-transition: 0.15s all ease-in-out; 
 -moz-transition: 0.15s all ease-in-out; 
   -o-transition: 0.15s all ease-in-out; 
      transition: 0.15s all ease-in-out;
  
}

.faq-accordion-container h2:hover {
  transform:translateX(-5px);
  box-shadow: 0px 15px 15px rgb(201 216 237 / 13%), inset 10px 0 0 #0865b0;
}

.fac-active {
  background: #0e294c !important;
  color: white !important;
  box-shadow: 0px 15px 15px rgb(201 216 237 / 71%), inset 5px 0 0 #30a0ff !important;
}

.faq-accordion-body {
  padding: 20px;
  display:none;
  overflow: auto;
  background: white;
}

.faq-accordion-body, .faq-accordion-body * {
  color: #333;
  margin: 0 0 16px 0;
  font-size: 16px;
  line-height: 1.75em;
  font-weight: 300;
}
.faq-accordion-body p a, .faq-accordion-body a{
  color: #028bff;
}
.faq-accordion-body p a:hover, .faq-accordion-body a:hover{
  color: #333;
}
.faq-body ul {
  list-style-type: disc;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 300;
  margin:0 !important;
  margin-left:20px !important;
}

.faq-accordion-body ul li {
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 300;
  margin:0 !important;
}
/*********************************/
/**********************************
Visualizer Name: Candidates - Accordion
Content Type Name: Candidates - Accordion
**********************************/
.candidates-accordion-container {
  margin-bottom: 25px;
  background: #ecf6ff;
}

.candidates-accordion-container h2 {
  padding: 25px;
  font-weight: 700;
  position: relative;
  background: #ffffff;
  box-shadow: 0px 15px 15px rgb(201 216 237 / 13%), inset 5px 0 0 #30a0ff;
  border-radius: 0;
  line-height: 36px;
  font-size:22px;
  cursor:pointer;
  color: #0c2a4f;
    -webkit-transition: 0.15s all ease-in-out; 
 -moz-transition: 0.15s all ease-in-out; 
   -o-transition: 0.15s all ease-in-out; 
      transition: 0.15s all ease-in-out;
  
}

.candidates-accordion-container h2:hover {
  transform:translateX(-5px);
  box-shadow: 0px 15px 15px rgb(201 216 237 / 13%), inset 10px 0 0 #0865b0;
}

.cac-active {
  background: #0e294c !important;
  color: white !important;
  box-shadow: 0px 15px 15px rgb(201 216 237 / 71%), inset 5px 0 0 #30a0ff !important;
}

.candidates-accordion-body {
  padding: 20px;
  display:none;
  overflow: auto;
  background: white;
}

.candidates-accordion-body, .candidates-accordion-body * {
  color: #333;
  margin: 0 0 16px 0;
  font-size: 16px;
  line-height: 1.75em;
  font-weight: 300;
}

.candidates-accordion-body ul {
  list-style-type: disc;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 300;
  margin:0 !important;
  margin-left:20px !important;
}

.candidates-accordion-body ul li {
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 300;
  margin:0 !important;
}
/*********************************/
/**********************************
Visualizer Name: Regular Text Block whole width
Content Type Name: Regular Text Block whole width
**********************************/
.whole-width-desc, .whole-width-desc * {
  font-size: 16px;
  line-height: 1.5em;
  /*margin-bottom: 1.25em;*/
}
/*********************************/
/**********************************
Visualizer Name: Styled Buttons
Content Type Name: Styled Buttons
**********************************/
.style-btn {
  padding: 10px 25px;
  background: #127fd6;
  margin: 15px;
  color: white !important;
  text-decoration:none !important;
  display: inline-block;
  text-align: center;
  border-radius: 2em;
  font-size: 16px;
  text-decoration: none;
}

.style-btn i {
  margin-right:10px;
  opacity:0;
  transform:translateX(-50px);
        -webkit-transition: 0.15s all ease-in-out; 
 -moz-transition: 0.15s all ease-in-out; 
   -o-transition: 0.15s all ease-in-out; 
      transition: 0.15s all ease-in-out;
}

.style-btn:hover {
  background:#0d294c;
  color:white;
}

.style-btn:hover i {
  transform:translateX(0px);
  opacity:1;
}
/*********************************/
/**********************************
Visualizer Name: New In Case Missed Layout
Content Type Name: In the News
**********************************/
.missedWrap {padding: 2em;}
.missedWrap h2 {
    font-size: 50px;
    padding-bottom: 25px;
}
.nrArticle2 {
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-style: normal;
    border:1px solid #e4e4e4;
    margin-bottom: 10px;
}
.smallText {
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #229ef8;
}

.nrData2 {
    min-height:80px;
    margin: 0 auto;
    padding: 1em;
}
.nrData2 h3 {
    /*height: 2.4em;*/
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 12px;
    color: #0d5c91;
}
.nrData2 p {
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nrDate {
    height: 1.2em;
    font-size: 12px;
    font-weight: 800;
}

.nrFooter {
    background-color: #f9f9f9;
    border-top: 1px solid #e4e4e4;
    padding: 14px;
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 13px;
    display:block;
}

.nrFooter a {
    text-decoration: none;
    color: #0d5c91;
}
.nrButton {
    display: inline-block;
    width: 49%;
}
.keywords {
    display: inline-block;
    width: 50%;
    text-align: right;
    text-transform: capitalize;
}
.nrkeywords {
    display: inline-block;
    width: 50%;
    text-align: right;
    text-transform: capitalize;
}

.nrKeywords ul {
    list-style: none;
    display: block;
}
.nrKeywords li {
    display: inline-block;
    padding-left: 5px;
}
.nrKeywords li:after {
  content: ", ";
}
.nrKeywords li:last-child:after {
    content: "";
}

.nrPagination {
    margin-left: 20em;
}

.btn-archive {
    padding-top: 20px;
}
.btn-archive a {
    padding: 10px;
    color: #fff;
    background: #0d5c91;
    margin-right: 1px;
    border: 1px solid #0d5c91;
    border-radius: 5px;
    text-decoration: none;
}
.btn-archive a:hover {
    background: #3285c7;
    border: 1px solid #3285c7;
}

.paginate_control{margin-top: 23px;}
.paginate_control span, .paginate_control a{
    padding:10px;
    color: #fff;
    background: #0f89ce;
    margin-right: 1px;
    border: 1px solid #0f89ce;
    border-radius: 5px;
    text-decoration: none;
}
.paginate_control a:hover{color: #ececec;background: #0f92ce;}

.nrFilterLabelMobile {
    display:none;
}
/*********************************/
/**********************************
Visualizer Name: News Home Page List View
Content Type Name: News
**********************************/
.NHPLVWrap{
  padding: 50px;
  font-size: 16px;
}
.NHPLV-Name{}
.NHPLV-Name h2{
color: #585858;
text-transform:uppercase;
text-align: center;
margin-bottom: 1.25em;
}
.NHPLV-Items{}
.NHPLV-Items a{
text-decoration:none;
color: #585858;
}
.NHPLV-Items a:hover .NHPLV-Item{
background: #00000008;
}
.NHPLV-Item{
/* display: grid; */
/* grid-template-columns: 20% 80%; */
/* grid-gap: 20px; */
/* background: #fff; */

padding: 20px;
border-bottom: 1px solid #c8c7cb;
transition: .3s;
}
.NHPLV-Item-Left, .NHPLV-Item-Right{}
.NHPLV-Item-Left{

}
.NHPLV-Item-Left img{height: 100%;width: 100%;}
.NHPLV-Item-Right{
position: relative;
}
.NHPLV-Title{
margin-bottom: 5px;
/* font-size: 16px; */
font-weight: bold;
}
.NHPLV-Summary{
margin-bottom: 10px;
}
.NHPLV-Readmorebtn{
/* margin-top: 50px; */
position: relative;
bottom: 0;
right: 0;
}
/*********************************/
/**********************************
Visualizer Name: Homepage News Articles Filter Top
Content Type Name: Newsroom Articles Only
**********************************/
.nrWrap {}
.nrWrap h2 {
    font-size: 50px;
}
.nrFilter2 {
    background: #dbeeff;
    box-shadow: 0px 30px 2em #c4dbee1a;
    position: sticky;
    margin: 15px 0;
    top: 92px;
}
.nrFilterLabel {
    margin-top: 0.25em;
    color: #0d284b;
    font-family: 'Oswald', sans-serif;
    border-bottom: 2px solid #039eff;
    font-weight: 700;
    background: #dbeeff;
    text-transform: uppercase;
    padding: 20px;
}

.nrFilterPanel {
    border-style: solid;
    border-color: #404040;
    border-width: 0 0 1px;
    margin: 1em 1em 20px;
    padding-bottom: 40px;
}

.jplist-panel {
    display: block !important;
    background: #ffffff !important;
    border-bottom: 2px solid #f2f2f2 !important;
}

.nrFilterGroup{
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.date {}
.nrDatePicker2 {
    padding: 1em 1.25em;
    display: table;
}

#nFilter2 .jplist-date-picker-range input[type=text] {
    width: 100%;
    FONT-WEIGHT: 100 !important;
    height: auto !important;
    padding: 15px !important;
    border: none !important;
    background: #f8f8f8 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    text-shadow: none !important;
}

.nrDatePicker2 .jplist-date-picker-range {
    margin-top: 0px !important;
}
.nrDatePicker2 .jplist-date-picker-range label {
}
.nrDatePicker2 .jplist-date-picker-range .jplist-icon, 
.nrDatePicker2 .jplist-date-picker-range .gap {
    display: none !important;
}
.nrDatePicker2 .jplist-date-picker-range input[type=text] {
    border-radius: 3px;
    width: 100%;
    background-color: transparent !important;
    border: 1px solid #7d7d7d !important;
    padding: 7px 20px !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.nrDatePicker2 .nrFrom, .nrDatePicker2 .nrTo {
    display: table-cell;
} 
.nrDatePicker2 .nrTo {
    padding-left: 20px;
} 

.listArticle {
    width:100% !important;
}

.nrArticle3 {
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    box-shadow: 0 5px 10px #a2a2a236, -5px 0 0 #039eff;
    font-style: normal;
    margin: 1.5em;
}

.nrCard3 {
    min-height: 235px;
    overflow: hidden;
}

.nrData3 {
    padding: 1em;
    margin: 0 auto;
    background: white;
    min-height: 155px;
}

.nrData3 a {
    text-decoration: none;
    color: #0d5c91;
}

.nrData3 h3 {
    height: auto;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.5em;
    margin: 0 0 12px;
    color: #039eff;
    font-weight: 300;
}

.nrData3 p {
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nrDate {
    height: 1.2em;
    font-size: 12px;
    font-weight: 800;
}

.nrFooter {
    background-color: #f9f9f9;
    border-top: 1px solid #e4e4e4;
    padding: 14px;
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 13px;
    display:block;
}

.nrFooter a {
    text-decoration: none;
    color: #0d5c91;
}
.nrButton {
    display: inline-block;
    width: 49%;
}
.keywords {
    display: inline-block;
    width: 50%;
    text-align: right;
    text-transform: capitalize;
}
.nrkeywords {
    display: inline-block;
    width: 50%;
    text-align: right;
    text-transform: capitalize;
}

.nrKeywords ul {
    list-style: none;
    display: block;
}
.nrKeywords li {
    display: inline-block;
    padding-left: 5px;
}
.nrKeywords li:after {
  content: ", ";
}
.nrKeywords li:last-child:after {
    content: "";
}

.nrWrap .nrPagination {
    margin-left: 0em;
}

.paginate_control{margin-top: 23px;}
.paginate_control span, .paginate_control a{
    padding:10px;
    color: #fff;
    background: #0f89ce;
    margin-right: 1px;
    border: 1px solid #0f89ce;
    border-radius: 5px;
    text-decoration: none;
}
.paginate_control a:hover{color: #ececec;background: #0f92ce;}

.nrFilterLabelMobile {
    display:none;
}

/*********************************/
/**********************************
Visualizer Name: Homepage In the News
Content Type Name: Outreach & Media Content - In the News
**********************************/
.OMHLVWrap{
  /* padding: 50px; */
  font-size: 16px;
  margin-bottom: 50px;
}
.OMHLV-Name{}
.OMHLV-Name h2{
  color: #585858;
  text-transform:uppercase;
  text-align: center;
  margin-bottom: 1.25em;
}
.OMHLV-Items{
display: flex;
text-decoration:none !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.OMHLV-Items div i{
padding: 5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
}
.OMHLV-Items span.readmore{
  text-decoration:none;
  color: white;
  position: absolute;
  right: 0;
  font-weight: 600;
  bottom: 0;
  padding: 15px;
  background: #0267b3;
}

.OMHLV-Items span.readmore:hover .OMHLV-Item{
  background: #00000008;
}

.OMHLV-Item{
  border: 1px solid #eeeeee;
  transition: .3s;
  padding: 2em;
  text-decoration:none !important;
  border-radius: 0;
  position: relative;
  flex: auto;
  width:100%;
  margin: 0.75em 0;
}

.OMHLV-Item:hover{
  box-shadow: 0 5px 25px #a2a2a22e, inset 5px 0 0 #c1032a;
  border: transparent !important;
  border-bottom: 2px solid #f8f8f8;
  transform:scale(1.025);
}

.OMHLV-Item-Left, .OMHLV-Item-Right{}
.OMHLV-Item-Left{

}
.OMHLV-Item-Left img{height: 100%;width: 100%;}
.OMHLV-Item-Right{
  position: relative;
}
.OMHLV-Title-Wrap span{}
.OMHLV-Title{
display: block;
  height: auto;
  line-height: 1.2em;
  text-overflow: ellipsis;
  font-size: 1.75em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: #003f6f;
  font-weight: 300;
}
.OMHLV-Pubdate{
font-size: 14px;
  font-weight: 600;
  position: absolute;
  color: #ffffff;
  background: #d02627;
  padding: 5px;
  top: 0;
  left: 0;
}
.OMHLV-Summary{
  margin-bottom: 10px;
  color: #606060;
}
.OMHLV-Readmorebtn{
  /* margin-top: 50px; */
  /* position: relative; */
  /* bottom: 0; */
  /* right: 0; */
  /* color: #606060; */
  text-align: right;
}
.OMHL-footer{
  display: grid;
  grid-template-columns: auto auto;
}
.OMHL-footerLeft{}
.OMHL-footerRight{}

/*
.paginate_control{margin-top: 23px;}
.paginate_control span, .paginate_control a{padding:10px;color: #6d6e70;background: #ececec;margin-right: 1px;border:1px solid #6d6e70;border-radius:2px;}
.paginate_control a:hover{color: #ececec;background: #6d6e70;} 
*/
/*********************************/
/**********************************
Visualizer Name: Newsroom Top Filter Details
Content Type Name: Newsroom Articles Only
**********************************/
.newsroom-title h3 {
  line-height: 35px;
  font-size: 22px;
  color: #0f89ce;
  padding-bottom: 15px;
}

.newsroom-back {
  /*float: right;*/
  text-align:right;
}

.download-btn2{
  padding: 10px;
  color: #fff;
  background: #0d5c91;
  margin-right: 1px;
  border: 1px solid #0d5c91;
  border-radius: 5px;
  text-decoration: none;
}
.download-btn2:hover {
  background: #3285c7;
  border: 1px solid #3285c7;
  color: #fff;
}

.newsroom-title a[href=""] {
  display: none;
}

#SubThreeNew, #SubFourNew {display:none;}
/*********************************/
/**********************************
Visualizer Name: Outreach & Media Homepage Layout
Content Type Name: Outreach & Media Content
**********************************/
.OMHLVWrap{
  /*padding: 50px*/
  font-size: 16px;
}
.OMHLV-Name{}
.OMHLV-Name h2{
  color: #585858;
  text-transform:uppercase;
  text-align: center;
  margin-bottom: 1.25em;
}

.OMHLV-Items{
display: flex;
text-decoration:none !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}

.OMHLV-Items div i{
padding: 5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
}
.OMHLV-Items span.readmore{
  text-decoration:none;
  color: white;
  position: absolute;
  right: 0;
  font-weight: 600;
  bottom: 0;
  padding: 15px;
  background: #0267b3;
}

.OMHLV-Items span.readmore:hover .OMHLV-Item{
  background: #00000008;
}
.OMHLV-Item{
  border: 1px solid #eeeeee;
  transition: .3s;
  padding: 1.25em;
  text-decoration:none !important;
  border-radius: 0;
  position: relative;
  flex: auto;
  margin: 0.75em 0;
}

.OMHLV-Item:hover{
  box-shadow: 0 5px 25px #a2a2a22e, inset 5px 0 0 #c1032a;
  border: transparent !important;
  border-bottom: 2px solid #f8f8f8;
  transform:scale(1.025);
}

.OMHLV-Item-Left, .OMHLV-Item-Right{}
.OMHLV-Item-Left{

}
.OMHLV-Item-Left img{height: 100%;width: 100%;}
.OMHLV-Item-Right{
  position: relative;
}
.OMHLV-Title-Wrap span{}

.OMHLV-Title{
display: block;
  height: auto;
  line-height: 1.2em;
  text-overflow: ellipsis;
  font-size: 1.75em;
  margin-top: 1.25em;
  margin-bottom: 0.5em;
  color: #003f6f;
  font-weight: 300;
}

.OMHLV-Pubdate{
font-size: 14px;
  font-weight: 600;
  position: absolute;
  color: #ffffff;
  background: #d02627;
  padding: 5px;
  top: 0;
  left: 0;
}

.OMHLV-Summary{
  margin-bottom: 10px;
  color: #606060;
}
.OMHLV-Readmorebtn{
  /* margin-top: 50px; */
  /* position: relative; */
  /* bottom: 0; */
  /* right: 0; */
  /* color: #606060; */
  text-align: right;
}

.OMHL-catname {
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  color: #ffffff;
  background: #048bff;
  padding: 5px;
  top: 0;
  right: 0;
}

.OMHL-footer{
  display: grid;
  grid-template-columns: auto auto;
}
.OMHL-footerLeft{}
.OMHL-footerRight{}
/*********************************/
/**********************************
Visualizer Name: Outreach & Media List Layout
Content Type Name: Outreach & Media Content
**********************************/
.OMHLVWrap{
  /* padding: 50px; */
  font-size: 16px;
  margin-bottom: 50px;
}
.OMHLV-Name{}
.OMHLV-Name h2{
  color: #585858;
  text-transform:uppercase;
  text-align: center;
  margin-bottom: 1.25em;
}
.OMHLV-Items{
display: flex;
text-decoration:none !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.OMHLV-Items div i{
padding: 5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
}
.OMHLV-Items span.readmore{
  text-decoration:none;
  color: white;
  position: absolute;
  right: 0;
  font-weight: 600;
  bottom: 0;
  padding: 15px;
  background: #0267b3;
}

.OMHLV-Items span.readmore:hover .OMHLV-Item{
  background: #00000008;
}

.OMHLV-Item{
  border: 1px solid #eeeeee;
  transition: .3s;
  padding: 2em;
  text-decoration:none !important;
  border-radius: 0;
  position: relative;
  flex: auto;
  width:100%;
  margin: 0.75em 0;
}

.OMHLV-Item:hover{
  box-shadow: 0 5px 25px #a2a2a22e, inset 5px 0 0 #c1032a;
  border: transparent !important;
  border-bottom: 2px solid #f8f8f8;
  transform:scale(1.025);
}

.OMHLV-Item-Left, .OMHLV-Item-Right{}
.OMHLV-Item-Left{

}
.OMHLV-Item-Left img{height: 100%;width: 100%;}
.OMHLV-Item-Right{
  position: relative;
}
.OMHLV-Title-Wrap span{}
.OMHLV-Title{
display: block;
  height: auto;
  line-height: 1.2em;
  text-overflow: ellipsis;
  font-size: 1.75em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: #003f6f;
  font-weight: 300;
}
.OMHLV-Pubdate{
font-size: 14px;
  font-weight: 600;
  position: absolute;
  color: #ffffff;
  background: #d02627;
  padding: 5px;
  top: 0;
  left: 0;
}
.OMHLV-Summary{
  margin-bottom: 10px;
  color: #606060;
}
.OMHLV-Readmorebtn{
  /* margin-top: 50px; */
  /* position: relative; */
  /* bottom: 0; */
  /* right: 0; */
  /* color: #606060; */
  text-align: right;
}
.OMHL-footer{
  display: grid;
  grid-template-columns: auto auto;
}
.OMHL-footerLeft{}
.OMHL-footerRight{}

.OMHLVWrap .paginate_control{margin-top: 23px;}
.OMHLVWrap .paginate_control span, .OMHLVWrap .paginate_control a{padding:10px;color: #6d6e70;background: #ececec;margin-right: 1px;border:1px solid #6d6e70;border-radius:2px;}
.OMHLVWrap .paginate_control a:hover{color: #ececec;background: #6d6e70;} 
/*********************************/
/**********************************
Visualizer Name: Outreach & Media Details Layout
Content Type Name: Outreach & Media Content
**********************************/
.OMDLWrap{
  background: #f8f8f8;
  padding: 2.5em;
  margin-bottom: 2.5em;
}

.OMDLHeader{}
.OMDLCatDate{}
.OMDLCatDate span{
  display:inline-block;
  padding-right: 10px;
}
.OMDLCatName{
  font-weight: 300;
  font-size: 18px;
  color: #008aff;
  border-right: 1px solid #c9c9c9;
}
.OMDLPubdate{
  padding-left: 5px;
}
.OMDLTitle{
  color: #11396c;
  font-weight: bold;
  font-size: 40px;
}

.OMDLMiddle{}
.OMDLImg{}
.OMDLInfo, .OMDLInfo p{
  font-size: 16px;
  margin-bottom: 1.25em;
  margin-top: 1.25em;
  line-height: 1.5em;
  font-weight: 300;

}
.OMDLFooter{}
/*********************************/
/**********************************
Visualizer Name: Media Content Layout
Content Type Name: Media Content
**********************************/
.MCLWrap{
  padding: 50px;
}
.MCL-Title{}
.MCL-Title h2{
  color: #585858;
  text-align: center;
  text-transform:uppercase;
  margin-bottom: 1.25em;
}
.MCL-img{}
.MCL-img img{} 
.MCL-infobox{
  margin-bottom: 5px;
}
.MCL-infobox iframe{
  width: 100%;
  min-height:550px;
}
.MCL-infobox p{}
/*********************************/
/**********************************
Visualizer Name: Homepage Image Slider
Content Type Name: Homepage Image Slider
**********************************/
.HomeSliderWrap{}
.HomeSliderInfoWrap{
    position: absolute;
    top: 0;
    left: 0;
    /* max-width: 600px; */
    height: 100%;
    /* padding: 25px 46px; */
    /* margin-bottom: 61px; */
    background-image: linear-gradient(30deg, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0)60%);
    width: 100%;
}
.HomeSliderInfo{
    /* float: left;
    margin: 40px;
    position: relative;
    bottom: 50px;
    position: absolute;
    left: 0;
    width: 35%; */
    /* margin-top: 60px; */
    position: absolute;
    padding: 25px 46px;
    margin-bottom: 90px;
    bottom: 0;
    width:40%;
}
.HomeSliderTitle{}
.HomeSliderTitle h2{
    font-size: 48px;
    line-height: 54px;
    font-weight: 800;
    color: #ffffff;
}

.HomeSlidersummary{
    font-size: 20px;
    font-weight: normal;
    color: #ffffff;
    margin-top: 10px;
    line-height: 24px;
}
.HomeSlidersummary a{
  color:#68bcff;
  text-decoration: none;
}
.HomeSlidersummary a:hover{
  color:#3faaff;
  text-decoration: underline;
}
.HomeSliderimg{
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* position: relative; */
    height: 510px;
}
.HomeSliderimg img{}
a.HomeSliderBTN{
  padding: 10px 25px;
  background: #127fd6;
  margin-top: 1em;
  color: white;
  display: inline-block;
  text-align: center;
  border-radius: 2em;
  font-size: 16px;
  text-decoration: none;
}
a.HomeSliderBTN:hover{
    /*border: 1px solid #fff;*/
    background-color: #0067AF;
}
a.HomeSliderBTN:empty{display:none}
.owl-theme .owl-nav.disabled+.owl-dots {
  position: absolute;
  bottom: 40px;
  margin-left: 40px;
}
.owl-theme .owl-dots .owl-dot span{
    width: 26px !important;
    height: 26px !important;
    background: rgb(236 236 236) !important;
    transition: 0.3s;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #127fd6  !important;
}

.dnnEditState .HomeSliderimg{height:600px;background-attachment: unset;}
.dnnEditState .HomeSliderInfo {width:40%;}
.dnnEditState .HomeSliderTitle h1{font-size: 42px;line-height: 50px;}
/*********************************/
/**********************************
Visualizer Name: Subpage Slider
Content Type Name: Subpage Slider
**********************************/
.subpage-slider {
  height:475px;
  width:100%;
  background-size:cover;
  display:block;
  position:relative;
}
/*********************************/
/**********************************
Visualizer Name: Alert Module
Content Type Name: Alert Module
**********************************/
.ContainerWrap {
  /*box-shadow:0px 28px 85px #000000;*/
}

.alert-bar {
  position:relative;
  padding:0.75em 0;
  top:0;
  /*background: #cd5c5cf2;*/
  background:orange;
  box-shadow:0px 2px 5px rgba(0,0,0,0.035);
  width: 100%;
  display: flex;
  left:0;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
  backdrop-filter:blur(3px);
}

.alert-container {
  display:flex;justify-content:center;align-items:center;align-content:center;
}

.alert-container .alert-sm-cont {
  max-width:95%;
}
.alert-desc {
  flex:0 0 75%;
}

.alert-desc , .alert-desc * {
  font-size: 16px;
  color:#143054;
  line-height: 1.5em;
  font-weight: 800;
}

.alert-bar i {
  color:#143054;
  cursor:pointer;
  font-weight:800;
  font-size:2em;
  margin-right:25px;
}

.alert-bar  a {
  text-decoration:underline;
  font-weight:bold;
}
/*********************************/
/**********************************
Visualizer Name: Election Report Categories Layout
Content Type Name: Election Report Categories
**********************************/
.EReport-button, .goback-btn {
  background-color: #30a0ff;
  color: white;
  padding: 16px;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
} 
.EReport-button i, .goback-btn i{
  position: absolute;
  right: -15px;
  top: 20px;
}
.EReport-button:hover, .goback-btn { 
  background-color: #0c284c; 
} 
.EReport {
  position: relative;
  /* display: inline-block; */
  width: 20%;
} 
.EReport-list {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  width: 100%;
  padding: 0px 16px;
} 
.EReport-list a {
  color: #11396c;
  padding: 5px 0px;
  text-decoration: none;
  display: block;
} 
.EReport-list a:hover { 
  /*background-color: #ddd;*/
  text-decoration:underline;
} 
/*
.EReport:hover .EReport-list { 
  display: block; 
} 
*/
.EReport-Clear{
  display:none;
}
/*********************************/
/**********************************
Visualizer Name: Election Rosters Categories Layout
Content Type Name: Election Rosters Categories
**********************************/
.ERosters-button, .goback-btn {
  background-color: #30a0ff;
  color: white;
  padding: 16px;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
} 
.ERosters-button i, .goback-btn i{
  position: absolute;
  right: -15px;
  top: 20px;
}
.ERosters-button:hover, .goback-btn { 
  background-color: #0c284c; 
} 
.ERosters {
  position: relative;
  /* display: inline-block; */
  width: 20%;
} 
.ERosters-list {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  width: 100%;
  padding: 0px 16px;
} 
.ERosters-list a {
  color: #11396c;
  padding: 5px 0px;
  text-decoration: none;
  display: block;
} 
.ERosters-list a:hover { 
  /*background-color: #ddd;*/
  text-decoration:underline;
} 
/*
.ERosters:hover .ERosters-list { 
  display: block; 
} 
*/
.ERosters-Clear{
  display:none;
}
/*********************************/
/**********************************
Visualizer Name: Horizontal Tabbed Content Slider
Content Type Name: Horizontal Tabbed Section
**********************************/
.tabs {
  margin:0 0.5em;    
}

.tab-holder {box-sizing: border-box;background:white;padding:2.25em;max-width:50%;width:auto;position:relative; }

.tab-holder-bg {
  width:50%;
  display:inline-block;
  min-height:525px;
  background-size:cover;
}

ul.dynamic-gen-tabs-cont {
  list-style: none;
  margin:0;
  padding: 0;
  text-decoration:none;
  display: flex;
  max-width: max-content;
  justify-content: space-evenly;
}

ul.dynamic-gen-tabs-cont i {
  color:#049eff;
  display:table-cell;
  margin-right:10px;
}

.tabbed-section {
  padding:1.5em;
  box-shadow: 0px 20px 15px rgb(41 114 208 / 4%);
  background: #ecf6ff;
  margin-bottom:5px;
  display:none;
  position:relative;
  border:1px solid #008aff;
  z-index:1;
}

ul.dynamic-gen-tabs-cont a {
  padding: 1em 0.5em;
  display:table;
  border-spacing: 5px 0;
  display:block;
  color:#606060;
  opacity:0.8;
  position:relative;
  background:#f8f8f8;
  text-transform: capitalize;
  text-decoration:none;
  top:5px;
}

ul.dynamic-gen-tabs-cont a span {
  display:table-cell;
}

ul.dynamic-gen-tabs-cont a:hover {
  box-shadow: inset 0px 5px 0 #00000012;
  background: #00000012;
}

.tabbed-title {
  display:flex;
  align-items:center;
}

.tabbed-title i {
  font-size: 1em;
  color: white;
  position: absolute;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #049eff;
  filter: blur(0.25px);
  border-radius: 100%;
  padding: 10px;
  left: -30px;
  right: 65px;
  backdrop-filter: blur(2px);
}

.tabbed-title h4 {
  margin:15px 0;
  font-weight:700;
}

.tab-active {
  box-shadow: inset 0px 5px 0 #0589ff;
  background: #ecf6ff !important;
   color:#11396c !important;
   opacity:1 !important;
   border-left:1px solid #008aff;
   border-right:1px solid #008aff;
   padding-bottom:1.25em;
   top:2px !important;
   z-index:2;
   position:relative;
}

.tab-active:hover {
  box-shadow:inset 0px 5px 0 #0589ff !important;
}

.tab-active span {
  transform:scale(1.025);
}

.content-active { display:flex; }

.tabbed-desc , .tabbed-desc * {
  font-size: 16px;
  margin-bottom: 1.25em;
  line-height: 2.175em;
  font-weight: 300;
}

.tabbed-desc img {
  max-width:450px;
  height:auto;
  display:inline-block;
}
/*********************************/
/**********************************
Visualizer Name: Horizontal Tabbed Section
Content Type Name: Horizontal Tabbed Section
**********************************/
.tab-wrapper {
  position:relative;
  display:block;
  width:auto;
}

.tab-wrapper button {
  
}

.tab-wrapper .tab-desc , .tab-desc * {
  font-size: 16px;
  margin-bottom: 1.25em;
  line-height: 1.5em;
  font-weight: 300;
}
/*********************************/
/**********************************
Visualizer Name: Election Reports Layout
Content Type Name: Election Reports
**********************************/
.EReportsWrap{
  margin-top: 25px;
}
.EReportsItems{}
.EReportsItem{
  box-shadow: inset 3px 0 0 #d02627, 0 15px 10px rgb(0 0 0 / 4%);
  margin: 15px auto;
  padding: 10px 15px;
  position: relative;
}
.EReportsItem:nth-of-type(odd){
  background: aliceblue;
  border: none;
  box-shadow: inset 3px 0 0 #0a64b0;
  border: 1px solid #e4e4e4;
}

.EReportsItem:nth-of-type(odd) .EReportsDate {
  background: #0865b0;
}

.EReportsItems li{ 
  display: block;
  font-size: 1.25em;
  line-height: 1.75em;
  font-weight: 300;    
}
.EReportsItems li i{
  margin-right:5px;
  color: #028bff;
}
.EReportsItems li a:hover{}
.EReportsItem{}
.EReportsDate{
  color: white;
  font-size: 14px;
  left: 0;
  position: absolute;
  top: 0;
  font-weight: bold;
  padding: 15px;
  display: inline-block !important;
  background: #d02627;
  margin-bottom: 10px;
}
.EReportsDate i{margin-right:10px;}
.EReportsTitle ul{
  margin: 0;
  padding: 0.75em;
  margin-top: 50px;
}
.EReportsItemLink, .EReportsDate{
  display:none;
}
/*********************************/
/**********************************
Visualizer Name: Election Rosters Layout
Content Type Name: Election Rosters
**********************************/
.ERostersWrap{
  margin-top: 25px;
}
.ERostersItems{}
.ERostersItem{
  box-shadow: inset 3px 0 0 #d02627, 0 15px 10px rgb(0 0 0 / 4%);
  margin: 15px auto;
  padding: 10px 15px;
  position: relative;
}
.ERostersItem:nth-of-type(odd){
  background: aliceblue;
  border: none;
  box-shadow: inset 3px 0 0 #0a64b0;
  border: 1px solid #e4e4e4;
}

.ERostersItem:nth-of-type(odd) .ERostersDate {
  background:#0865b0;
}

.ERostersItems li{ 
  display:block;
  font-size: 1.25em;
  line-height: 1.75em;
  font-weight: 300;
}
.ERostersItems li i{
  margin-right:5px;
  color: #028bff;
}
.ERostersItems li a:hover{}
.ERostersItem{}
.ERostersDate{
  color: white;
  font-size: 14px;
  left: 0;
  position: absolute;
  top: 0;
  font-weight: bold;
  padding: 15px;
  display: inline-block !important;
  background: #d02627;
  margin-bottom: 10px;
}
.ERostersDate i{margin-right:10px;}
.ERostersTitle ul{
  margin: 0;
  padding: 0.75em;
  margin-top: 50px;
}
.ERostersItemLink, .ERostersDate{
  display:none;
}
/*********************************/
/**********************************
Visualizer Name: Voter Registration - Accordion
Content Type Name: Voter Registration -  Accordion
**********************************/
.VR-faq-accordion-container {
  margin-bottom: 25px;
  background: #ecf6ff;
}

.VR-faq-accordion-container h2 {
  padding: 25px;
  font-weight: 700;
  position: relative;
  background: #ffffff;
  box-shadow: 0px 15px 15px rgb(201 216 237 / 13%), inset 5px 0 0 #30a0ff;
  border-radius: 0;
  line-height: 36px;
  font-size:22px;
  cursor:pointer;
  color: #0c2a4f;
    -webkit-transition: 0.15s all ease-in-out; 
 -moz-transition: 0.15s all ease-in-out; 
   -o-transition: 0.15s all ease-in-out; 
      transition: 0.15s all ease-in-out;
  
}

.VR-faq-accordion-container h2:hover {
  transform:translateX(-5px);
  box-shadow: 0px 15px 15px rgb(201 216 237 / 13%), inset 10px 0 0 #0865b0;
}

.VR-faq-active {
  background: #0a64b0 !important;
  color: white !important;
  box-shadow: 0px 15px 15px rgb(201 216 237 / 71%), inset 5px 0 0 #30a0ff !important;
}

.VR-faq-accordion-body {
  padding: 20px;
  display:none;
  overflow: auto;
  background: white;
}

.VR-faq-accordion-body, .faq-accordion-body * {
  color: #333;
  margin: 0 0 16px 0;
  font-size: 18px;
  line-height: 1.75em;
  font-weight: 500;
}

.VR-faq-body ul {
  list-style-type: disc;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 500;
  margin:0 !important;
  margin-left:20px !important;
}

.VR-faq-accordion-body ul li {
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 500;
  margin:0 !important;
}
/*********************************/
/**********************************
Visualizer Name: Early Voting FAQ - Accordion
Content Type Name: Early Voting - Accordion
**********************************/
.faq-accordion-container {
  margin-bottom: 25px;
  background: #ecf6ff;
}

.faq-accordion-container h2 {
  padding: 25px;
  font-weight: 700;
  position: relative;
  background: #ffffff;
  box-shadow: 0px 15px 15px rgb(201 216 237 / 13%), inset 5px 0 0 #30a0ff;
  border-radius: 0;
  line-height: 36px;
  font-size:22px;
  cursor:pointer;
  color: #0c2a4f;
    -webkit-transition: 0.15s all ease-in-out; 
 -moz-transition: 0.15s all ease-in-out; 
   -o-transition: 0.15s all ease-in-out; 
      transition: 0.15s all ease-in-out;
  
}

.faq-accordion-container h2:hover {
  transform:translateX(-5px);
  box-shadow: 0px 15px 15px rgb(201 216 237 / 13%), inset 10px 0 0 #0865b0;
}

.fac-active {
  background: #0a64b0 !important;
  color: white !important;
  box-shadow: 0px 15px 15px rgb(201 216 237 / 71%), inset 5px 0 0 #30a0ff !important;
}

.faq-accordion-body {
  padding: 20px;
  display:none;
  overflow: auto;
  background: white;
}

.faq-accordion-body, .faq-accordion-body * {
  color: #333;
  margin: 0 0 16px 0;
  font-size: 18px;
  line-height: 1.75em;
  font-weight: 500;
}

.faq-body ul {
  list-style-type: disc;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 500;
  margin:0 !important;
  margin-left:20px !important;
}

.faq-accordion-body ul li {
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 500;
  margin:0 !important;
}
/*********************************/
/**********************************
Visualizer Name: Voting by Mail - Requirements
Content Type Name: Voting by Mail - Requirements
**********************************/

.VBM-row {
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: space-between;
}

.VBM-rounded-box {
  padding: 2.5em;
  flex-direction: column;
  justify-content: stretch !important;
  align-items: stretch !important;
  box-sizing: border-box;
  margin: 15px;
  border-radius: 15px;
}

.VBM-rounded-box h2 {
    padding-bottom: 0.75em;
    color: #0865b0;
    font-size: 36px;
    line-height: 48px;
}

.VBM-gray-bg {
  background-color: #f8f8f8;
}

.VBM-sub-footer {
  padding: 2.5em;
  flex-direction: column;
  justify-content: stretch !important;
  align-items: stretch !important;
  box-sizing: border-box;
  margin: 15px;
  border-radius: 15px;
  max-width:none !important;
  width:auto !important;
}

#voting-requirements .rounded-box {
  padding: 2.5em;
  flex-direction: column;
  justify-content: stretch !important;
  align-items: stretch !important;
  box-sizing: border-box;
  margin: 15px;
  border-radius: 15px;
}

.row-full {
  display: flex;
  margin: 0 auto;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  flex-wrap: wrap;
}

.VBM-row-full {
  display: flex;
  margin: 0 auto;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  flex-wrap: wrap;
}

.one-half {
  flex: auto;
  width: 47% !important;
}

.req-desc , .req-desc * {
  font-size: 16px;
  margin-bottom: 1.25em;
  line-height: 1.5em;
  font-weight: 300;
}
/*********************************/
/**********************************
Visualizer Name: Registered Voters Layout
Content Type Name: Registered Voters
**********************************/
.RVLWrap{
  padding: 40px;
  background: #2d559c;
  color: #fff;
}
.RVLItem{}
.RVLItem-Title{
  font-size: 25px;
  font-weight: bold;
}
.RVLItem-numvoters{
  font-weight: bolder;
  font-size: 85px;
}
/*********************************/
/**********************************
Visualizer Name: Quick Links Layout
Content Type Name: Quick Links
**********************************/
.QLLWrap{
  /*display: table;*/
  width: 100%;
}
.QLLItems{
  /*display: table-row;*/
  border-bottom: 1px solid #fff;
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
}
.QLL{
  /*display: table-cell;
  width: 33.3%;*/
  text-align: center;
  background: rgb(238 38 38 / 90%);
  padding: 1.25em 0;
  color: #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transition: .3s;
}
.QLL:last-child{
  border-right: 0px solid #fff;
}
.QLL:hover{
  text-decoration:none;
  background: rgb(135 3 1 / 92%);
  backdrop-filter: blur(5px);
  box-shadow: inset 0 7px 0 rgb(0 0 0 / 26%);
}
.QLLItem{}
.QLLItemIcon{
  width: auto;
  margin: 1.5em auto;
  max-width: 70px;
-webkit-transition: 0.15s all ease-in-out; 
  -moz-transition: 0.15s all ease-in-out; 
  -o-transition: 0.15s all ease-in-out; 
  transition: 0.15s all ease-in-out;
}
.QLLItemIcon img{width:100%;}
.QLL:hover .QLLItemIcon {
  transform:scale(1.25);
  transform:translateY(-10px);
}

.QLLItemName{}
.QLLItemName h3{
  color: #fff;
}
/*********************************/
/**********************************
Visualizer Name:  Upcoming Events Home Page Layout
Content Type Name: Upcoming Events
**********************************/
.UEHPLWrap{
  padding: 50px;
  font-size: 16px;
  background: #143054;
}
.UEHPL-Name{}
.UEHPL-Name h2{
  color: #ececec;
  text-align: center;
  margin-bottom: 20px;
}
.UEHPL-Items{
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 20px;
  /* width: 80%; */
  /* margin: 0 auto; */
  margin: 0 auto;
  width: 1456px;
}
.UEHPL-Items a{
  color: #585858;
  transition: .3s;
}
.UEHPL-Items a:hover, .UEHPL-Items a:hover .UEHPL-Item{
  text-decoration:none;
   background: #3c72b8;
   color: #ececec;

}

.UEHPL-Item{
  background: #ffffff;
  padding: 20px;
  transition: .3s;
}
.UEHPL-Item-Title{font-weight:bold;}
.UEHPL-Item-DateTime{ margin-bottom:10px;}
.UEHPL-Item-Summary{
  margin-bottom:10px;
}
.UEHPL-Item-IMG{
  margin: 0 -20px -20px -20px;
}
.UEHPL-Item-IMG img{
  width: 100%;
}
/*********************************/
/**********************************
Visualizer Name:  Jurisdiction & Precinct Maps Layout
Content Type Name: Jurisdiction & Precinct Maps
**********************************/
.JPMLWrap{}
.JPML-select {
    padding: 0;
    margin: 0;
    border: 0px solid #ccc;
    width: 100%;
    border-radius: 0px;
    overflow: hidden;
    position: relative;

}

.JPML-select select {
    padding: 15px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #0c284c;
    background-color: #d9d9d9;
    font-size: 16px;
    background: #d9d9d9;
}

.JPML-select:after {
    top: 50%;
    right: 17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #0c284c;
    border-width: 5px;
    margin-top: -2px;
    z-index: 100;
}
.JPML-select select option{
    background-color: #ececec;
    background: #ececec;
    color: #0c284c;
    font-size: 16px;
}
.JPML-select select:focus {
    outline: none;
}
/*********************************/
/**********************************
Visualizer Name::  Left Image Right Text
Content Type Name: Left Image Right Text
**********************************/
.left-img {
  max-width: 650px;
  height: auto;
  border-radius: 15px;
  position: relative;
}

.right-txt {
  padding: 2.5em;
  position: relative;
  background: #1c2763e8;
  left: -55px;
  flex: 0 0 auto;
  backdrop-filter: blur(15px);
}

.right-txt p , .right-txt , .right-text * {
  font-size: 16px;
  margin-bottom: 1.25em;
  line-height: 1.5em;
  font-weight: 300;
}

.right-txt p {
  color:white;
  font-size:18px;

}

.right-txt a:hover {
  text-decoration:underline;
  color: #333
}

.LIRT-BTNs{}
.LIRT-BTNs a{
    padding: 10px 25px;
    background: #127fd6;
    margin: 15px 0;
    color: white !important;
    text-decoration: none !important;
    display: block;
    text-align: center;
    border-radius: 2em;
    font-size: 16px;
    font-weight:bold;
}
.LIRT-BTNs a:hover{
      background:#0d294c;
      color: white;
}
.LIRT-BTNs a:empty{
    display:none;
}
/*********************************/
/**********************************
Visualizer Name:  Title, Left Text, IMG Right
Content Type Name: Title, Text, IMG Block
**********************************/
.TLTIRWrap{
  /* padding-top: 50px; */
  font-size: 16px;
  /* background: #e9e8ef; */
  padding: 50px;
}
.TLTIR-Title{}
.TLTIR-Title h2{
  color: #585858;
  text-align: center;
  margin-bottom: 20px;
}
.TLTIR-InfoWrap{
  display: grid;
  grid-template-columns: 70% 30%;
  grid-gap: 20px;
  /* width: 80%; */
  /* margin: 0 auto; */
  margin: 0 auto;
  width: 1456px;
}
.TLTIR-Info{}
.TLTIR-Img{
  /* margin:-20px -20px -20px 0px;
  border-radius: 100%; */
  overflow: hidden;
  width: 435px;
  height: 435px;
}
.TLTIR-Img img{
  width: 100%;
}
/*********************************/
/**********************************
Visualizer Name:  Title, Text Block
Content Type Name: Title, Text, IMG Block
**********************************/
.TTBWrap{
  margin: 0 auto;
  width: 1456px;
  font-size: 16px;
  padding: 50px;
}
.TTB-Title h2{
  color: #585858;
  text-align: center;
  margin-bottom: 20px;
}
.TTB-Info{
  display:block;
  width:100%;
}
/*********************************/
/**********************************
Visualizer Name:  Content Title Block Layout
Content Type Name: Content Title Block
**********************************/
.div-content-slider-title {
  font-weight: 300;
  margin-top: 25px;
  font-size: 18px;
  color: #008aff;
}

.div-content-slider-subtitle {
  color: #11396c;
  font-weight: bold;
  font-size: 40px;
}

.sub-border {
  margin-bottom:2em;
}
.CTBL-Info,.CTBL-Info p {
  font-size:16px;
}
.CTBL-Info:empty{display:none;}
/*********************************/
/**********************************
Visualizer Name:  Mini-Sub Nav
Content Type Name: Mini-Sub Nav
**********************************/
.row {
  display:flex;
  align-self:center;
  align-items:center;
  justify-content:space-between;
}

.wrapper-row {
  max-width:1360px;
  margin: 0 auto;
  width:100%;
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.obj-container {
  display:block;
  flex:0 0 auto;
  cursor:pointer;
  padding:0.5em 2.2em;
  text-decoration:none !important;
}

.icon-band-fixed .obj-container {
  padding: 0.75em 1.5em;
}

.row-band.icon-band-fixed {
  /*border-bottom: 1px solid #e9e9e9;*/
  position: fixed;
  z-index:2;
  width: 100%;
  top: 0;
  margin-top: 92px;
}


.obj-container:hover {
  background-color:#137fd6;
  box-shadow: inset 0 -5px 0 #76c1ff;
}

.obj-container:hover i {
  transform:scale(1.5);
}

.obj-container i {
  color:#48abff;
  font-size:2em;
  margin:0.35em auto;
  font-weight:lighter;
  webkit-transition: 0.15s all ease-in-out;
  -moz-transition: 0.15s all ease-in-out;
  -o-transition: 0.15s all ease-in-out;
  transition: 0.15s all ease-in-out;
}

.icon-band-fixed h3 {
  font-size:18px;
}

.icon-band-fixed i {
  font-size:1.5em;
  display:none;
}

.obj-container h3 {
  color:white;
  font-weight:700;
  font-size:20px;
}

.icon-band-fixed h3 {
  color:white;
}

.icon-band-fixed .obj-container:hover h3 {
  color:white;
}

/*********************************/
/**********************************
Visualizer Name:  Election Archive Layout
Content Type Name: Election Archive
**********************************/
.EAL-Wrap{}
.EAL-Items{
    display: table;
    border-spacing: 0px 1px;
    width: 100%;
}
.EAL-Item, .EAL-Item-Head{
    display: table-row;
    transition: .3s;
}
.EAL-Item:hover{
    background: #ecf6ff;
}

.EAL-Item-Head{
    background: #fff;
}
.EAL-Item:nth-of-type(odd){
    background: #ecf6ff;
}
.EAL-Head{
    display: table-cell;
    padding: 10px 15px;
    border-bottom: 3px solid #008aff;
    font-weight: bold;
    color:#11396c ;
    
}
.EAL-Cell{
    display: table-cell;
    padding: 1.25em 0.75em;
}
.EAL-Item:hover .EAL-Cell a{
    text-decoration:underline;
}

.paginate_control{
    margin-top: 23px;
    
}
.paginate_control span, .paginate_control a{
    padding:10px;
    color: #6d6e70;
    background: #ececec;
    margin-right: 1px;
    border:1px solid #6d6e70;
    border-radius:2px;
    
}
.paginate_control a:hover{
    color: #ececec;
    background: #6d6e70;
    
}
/*********************************/
/**********************************
Visualizer Name:  Link Buttons Layout
Content Type Name: Link Buttons
**********************************/
.foot-btns { 
  /*display:flex;*/
  margin:15px 0; 
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
}

.foot-btns a {
    background: #30a0ff;
    padding: 15px;
    margin-right: 10px;
    color: white;
    font-size: 15px;
    text-decoration:none;
    margin-bottom: 10px;
}

.foot-btns a:hover {
    background:#0d294c;
}
/*********************************/
/**********************************
Visualizer Name:  Small Rounded Box Section
Content Type Name: Small Rounded Box Section
**********************************/
.row-full {
  display: flex;
  margin: 0 auto;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: stretch;
}

.rounded-box {
  background: #a6bad224;
  background:white;
  padding: 1.5em;
  flex-direction: column;
  justify-content: center !important;
  align-items: stretch !important;
  box-sizing: border-box;
  margin: 15px;
  border-radius: 15px;
  box-shadow: 0px 15px 1.75em #bdd6f32b;
  flex: auto;
  max-width: 25%;
  width:25%;
}

.rounded-box:hover {
  background:#0c284c;
  transform:scale(1.025);
}

.rounded-box:hover h4 , .rounded-box:hover .rounded-box-desc , .rounded-box:hover .rounded-box-desc *  {
  color:white;
}

.rounded-box:hover .rounded-box-desc a {
  text-decoration:underline !important;
}

.rounded-box h4 {
  color:#0086ff;
}

.rounded-box-desc {
  margin-top:25px;
}

.rounded-box-desc , .rounded-box-desc * {
  font-size: 16px;
  margin-bottom: 1.25em;
  line-height: 1.5em;
  font-weight: 300;
}
/*********************************/
/**********************************
Visualizer Name:  Half Split content section
Content Type Name: Half split content section
**********************************/
.left-pane , .right-pane {
  flex: 0 0 50%;
  align-self: stretch;
  padding: 2.5em;
  box-sizing: border-box
}

.app-btn {
  padding: 10px 25px;
  background: #127fd6;
  color: white !important;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  border-radius: 2em;
  font-size: 16px;
  text-decoration: none;
}

.app-btn:empty { display:none; }

.right-pane h2 {
  color:#0865b0;
  font-size:1.25em;
}

.left-pane  {     background: linear-gradient(
0deg, aliceblue 90%, #d2eaff);
  box-shadow: inset 0 1px 0 #e9e9e9; }

.right-pane { background:white;position:relative;box-shadow:inset 0 1px 0 #d0262757; }

.row-id:nth-child(even) .left-pane {
  background:white;
}

.row-id:nth-child(even) .right-pane {
      background: linear-gradient(
0deg, aliceblue 90%, #d2eaff);
  box-shadow: inset 0 1px 0 #47abfe;
}

.split-main-desc , .right-pane-desc {
  margin:1em 0;
}

.split-main-desc, .split-main-desc * {
  font-size: 18px;
  line-height: 1.5em;
  margin-bottom: 1.25em;
  font-weight: 300;
}

.rp-container {
  margin:2.5em 0;
}

.right-pane i {
  font-size: 1em;
  color: white;
  position: absolute;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #e13d66;
  /*filter: blur(0.25px);*/
  border-radius: 100%;
  padding: 10px;
  left: -30px;
  right: 65px;
  backdrop-filter: blur(2px);
}

.right-subcontainer {
  position:sticky;
  top:200px;
}
/*********************************/
/**********************************
Visualizer Name:  Mid Section Div Content Slider
Content Type Name: Mid Section Div Content Slider
**********************************/
.row {
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: space-between;
}

.owl-nav {
  position: absolute !important;
  z-index: 999999 !important;
  bottom: 0 !important;
  right: 0 !important;
}

.owl-carousel .owl-nav button.owl-next {
  padding: 25px !important;
  background: #469cf8;
  color: white;
  line-height: 11px;
  border-radius: 0;
  font-weight: 800;
  font-size: 35px;
  margin: 0;
}

.owl-carousel .owl-nav button.owl-next:hover {
  background:#0d294d;
  color:white;
  box-shadow:0 5px .75em #469cf873;
}

.div-content-slider-title {
  font-weight: 300;
  margin-top: 25px;
  font-size: 18px;
  color: #008aff;
}

.div-content-slider-subtitle {
  color: #11396c;
  font-weight: bold;
  font-size: 40px;
}

.sub-border {
  margin-bottom:2em;
}

.row-full {
  margin:25px 0;
}

.left-panel {
  top:35px;
  background-size:cover !important;
}

.left-panel , .right-panel {
  flex: 1 1 50%;
  padding:1.5em;
  align-self:stretch;
  position:relative;
}

.left-panel img {
  max-width:425px;
  height:auto;
  margin:0 auto;
  display:block;
}

.left-panel p {
  font-size: 18px;
  color: white;
  text-transform: uppercase;
  background: #0d294dbd;
  display: inline-block;
  padding: 15px;
  backdrop-filter: blur(10px);
}

.right-panel {
  background:#f8f8f8;
  min-height:525px;
}

.right-panel button {
  margin-bottom: 30px;
  color: #0a64b0;
  background: transparent;
  position: relative;
  border: none;
  outline: none;
  font-weight: bold;
}

.right-panel h3 {
  font-size: 32px;
  font-weight: 800;
  color: #11396c;
  margin-bottom: 1em;
  text-align: left;
}
.right-panel h3:empty{
  display:none;
}
.right-panel span {
  color: #333;
  margin: 0 0 16px 0;
  font-size: 16px !important;
  margin-bottom: 1.25em;
  line-height: 1.75em;
  font-weight: 300;
}
.right-panel span:empty{
  display:none;
}
.right-panel a {
  padding: 10px 25px;
  background: #127fd6;
  margin: 1em auto;
  color: white;
  display: inline-block;
  text-align: center;
  border-radius: 2em;
  font-size: 16px;
  text-decoration:none;
}

.right-panel a:hover {
  background:#008aff;
}

.left-panel i:hover {
  background:#127fd6;
}

.right-panel hr {
  border:1px solid #eeeeee;
  margin-top:1.25em;
}

.right-panel-info:empty{display:none;}

.right-panel-info , .right-panel-info * {
  color: #333;
  margin: 0 0 16px 0;
  font-size: 16px !important;
  margin-bottom: 1.25em;
  line-height: 1.75em;
  font-weight: 300;
}
/*********************************/
/**********************************
Visualizer Name:  Left bg image right text
Content Type Name: Bg image left Text Right
**********************************/
.left-card {
  border-radius:15px;
  flex:auto;
  height:auto;
  align-self:stretch;
  display:flex;
  background:#f8f8f8;
  min-height:500px;
}

.right-header {
  flex:auto;
  padding:1.5em;
  align-self: stretch;
  display: flex;
  align-items: center;
}

.id-card {
  border-radius:7px;
}

.id-card:nth-child(even) {
  background:aliceblue;
  border: 1px solid #008aff;
  margin:10px;
}

.id-card:nth-child(odd) {
  background:white;
  border:1px solid #e3e3e3;
  margin:10px;
}

.id-card:nth-child(odd) h2 {
  color:#008aff;
}
/*********************************/
/**********************************
Visualizer Name: Career Post List Layout
Content Type Name: Career Post
**********************************/
.CPLLWrap{
  /* padding: 50px; */
  font-size: 16px;
  margin-bottom: 50px;
}
.CPLL-Name{}
.CPLL-Name h2{
  color: #585858;
  text-transform:uppercase;
  text-align: center;
  margin-bottom: 1.25em;
}
.CPLL-Items{
display: flex;
text-decoration:none !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.CPLL-Items div i{
padding: 5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
}
.CPLL-Items span.readmore{
  text-decoration:none;
  color: white;
  position: absolute;
  right: 0;
  font-weight: 600;
  bottom: 0;
  padding: 15px;
  background: #0267b3;
}

.CPLL-Items span.readmore:hover .CPLL-Item{
  background: #00000008;
}

.CPLL-Item{
  border: 1px solid #eeeeee;
  transition: .3s;
  padding: 2em;
  text-decoration:none !important;
  border-radius: 0;
  position: relative;
  flex: auto;
  width:100%;
  margin: 0.75em 0;
}

.CPLL-Item:hover{
  box-shadow: 0 5px 25px #a2a2a22e, inset 5px 0 0 #c1032a;
  border: transparent !important;
  border-bottom: 2px solid #f8f8f8;
  transform:scale(1.025);
}

.CPLL-Item-Left, .CPLL-Item-Right{}
.CPLL-Item-Left{

}
.CPLL-Item-Left img{height: 100%;width: 100%;}
.CPLL-Item-Right{
  position: relative;
}
.CPLL-Title-Wrap span{}
.CPLL-Title{
display: block;
  height: auto;
  line-height: 1.2em;
  text-overflow: ellipsis;
  font-size: 1.75em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: #003f6f;
  font-weight: 300;
}
.CPLL-Pubdate{
font-size: 14px;
  font-weight: 600;
  position: absolute;
  color: #ffffff;
  background: #d02627;
  padding: 5px;
  top: 0;
  left: 0;
}
.CPLL-Summary{
  margin-bottom: 10px;
  color: #606060;
}
.CPLL-Readmorebtn{
  /* margin-top: 50px; */
  /* position: relative; */
  /* bottom: 0; */
  /* right: 0; */
  /* color: #606060; */
  text-align: right;
}
.CPLL-footer{
  display: grid;
  grid-template-columns: auto auto;
}
.CPLL-footerLeft{}
.CPLL-footerRight{}

.CPLLWrap .paginate_control{margin-top: 23px;}
.CPLLWrap .paginate_control span, .CPLLWrap .paginate_control a{padding:10px;color: #6d6e70;background: #ececec;margin-right: 1px;border:1px solid #6d6e70;border-radius:2px;}
.CPLLWrap .paginate_control a:hover{color: #ececec;background: #6d6e70;} 
/*********************************/
/**********************************
Visualizer Name: Career Post Details Layout
Content Type Name: Career Post
**********************************/
.CPDLWrap{
  background: #f8f8f8;
  padding: 2.5em;
  margin-bottom: 2.5em;
  position: relative;
}

.CPDLHeader{}
.CPDLCatDate{}
.CPDLCatDate span{
  display:inline-block;
  padding-right: 10px;
}
.CPDLCatName{
  font-weight: 300;
  font-size: 18px;
  color: #008aff;
  border-right: 1px solid #c9c9c9;
}
.CPDLPubdate{
  padding-left: 5px;
}
.CPDLTitle{
  color: #11396c;
  font-weight: bold;
  font-size: 40px;
}

.CPDLMiddle{}
.CPDLImg{}
.CPDLInfo, .CPDLInfo p{
  font-size: 16px;
  margin-bottom: 1.25em;
  margin-top: 1.25em;
  line-height: 1.5em;
  font-weight: 300;

}
.CPDLFooter{}
.CPDL-BTN{
    padding: 10px 25px;
    background: #127fd6;
    margin: 15px;
    color: white !important;
    text-decoration: none !important;
    /* display: inline-block; */
    text-align: center;
    border-radius: 2em;
    font-size: 16px;
    text-decoration: none;
    position: absolute;
    right: 33px;
    top: 63px;
}
.CPDL-BTN:hover{
  background:#0d294c;
  color:white;
}
/*********************************/
/**********************************
Visualizer Name: Training Video Layout
Content Type Name: Training Video
**********************************/
.TVL-Wrap{
  border-bottom: 1px solid #fff;
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
}
.TVL-Items{}
.TVL-Items:hover{
  cursor: pointer;
}
.TVL-Item{
  margin: 20px;
  box-shadow: 0px 15px 1.75em #bdd6f32b;
}
.TVL-Item-Img-Wrap{
  position:relative;
}
.TVL-Item-icon{
  position: absolute;
  top: 40%;
  left: 45%;
  z-index: 2;
}
.TVL-Item-icon i{
  color: #f03b3b;
  font-size: 39px;
  text-shadow: 0px 0px 20px rgb(12 40 76 / 41%);
}
.TVL-Item-img img{
  width: 100%;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: .3s;
}
.TVL-Item-img:hover img{
  filter: none;
  -webkit-filter: grayscale(0);
}
.TVL-Title{
  text-align: center;
  padding: 20px;
}
.TVL-Title h2{
  line-height: 36px;
  font-size: 22px;
  font-weight: 700;
}
.TVL-Vid{
  display:none;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 120;
  background: rgb(255 255 255 / 90%);
}
.TVL-Vid-iframe{
  position: relative;
  margin: 0 auto;
  width: 50%;
  width: 100%;
  max-width: 872px;
  height: 490px;
  top: 10%;
}
.TVL-Vid-Top{
  height: 20px;
  padding: 10px;
}
.TVL-Vid-Top-Title{
  float: left;
}
.TVL-Vid-Top-Title h5{}
.TVL-Vid-Close{
  float: right;
}
.TVL-Vid-Close i{
  font-size: 22px;
}
.TVL-Vid-Close:hover{
  cursor: pointer;
}
.TVL-Vid-iframe iframe{
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgb(0 0 0 / 60%);
  background: #000;
}
.TVL-Iframe-Container{
  width: 100%;
  height: 100%;
}
/*********************************/
/**********************************
Visualizer Name: Card Links Layout
Content Type Name: Card Links
**********************************/
.CLL-Wrap{
  border-bottom: 1px solid #fff;
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
}
.CLL-Wrap a{}
.CLL-Items{}
.CLL-Item{
  margin: 20px;
  box-shadow: 0px 15px 1.75em #bdd6f32b;
}
.CLL-Item-Img-Wrap{
  position:
  relative;
  text-align: center;
}
.CLL-Title{
  position: absolute;
  top: 20%;
  z-index: 2;
  width: 100%;
}
.CLL-Title h2{
  color: #ffffff;
  font-size: 30px;
  text-shadow: 0px 0px 20px rgb(12 40 76 / 56%);
  padding: 30px;
}
.CLL-Item-img-Overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #606060e3;
  z-index: 1;
  transition: .3s;
}
.CLL-Wrap a:hover .CLL-Item-img-Overlay{
  background: #606060;
}
.CLL-Item-img{}
.CLL-Item-img img{
  width: 100%;
  transition: .3s;
}

/*********************************/
/**********************************
Visualizer Name: ID Info Layout
Content Type Name: ID Info
**********************************/
.IDILWrap{
  display: grid;
  grid-template-columns: 50% 50%;
  margin: 20px 0px;
}
.IDILItem{
  border-radius: 7px;
  margin: 10px;
  padding: 1.5em;
}
.IDILItem:nth-child(odd) {
  background: white;
  border: 1px solid #e3e3e3;
}
.IDILItem:nth-child(even) {
  background: aliceblue;
  border: 1px solid #008aff;
}
.IDIL-img{
  height: auto;
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  margin-right: 20px;
}
.IDIL-img img{
  width:100%;
}
.IDIL-header{
  display: inline-block;
  width: 44%;
  vertical-align: middle;
}
.IDIL-header h2{}
.id-card:nth-child(odd) h2 {
  color: #008aff;
}


/*********************************/
/****** Responsive  Section ******/
/*|||||||||||||||||||||||||||||||*/

@media screen and (max-width:1770px) {}
@media screen and (max-width:1480px) {
  /**Visualizer Name: Small Rounded Box Section | Content Type Name: Small Rounded Box Section **/
  .row-full , .VBM-row-full {flex-wrap:wrap;justify-content:space-evenly;}
  .rounded-box {max-width:none;flex:0 0 46%;margin:15px;}

  /** Visualizer Name:  Left bg image right text | Content Type Name: Bg image left Text Right **/
  .id-card .right-header h2{
    font-size: 22px;
    line-height: 24px;
  }
  /** Visualizer Name: ID Info Layout | Content Type Name: ID Info **/
  .IDIL-header h2 {font-size: 20px; line-height: 28px;}

}
@media screen and (max-width:1456px) {
    /**Visualizer Name: Title, Text Block | Content Type Name: Title, Text, IMG Block **/
    .TTBWrap{width:auto;}
    /**Visualizer Name: Election Day iframe Layout | Content Type Name: Iframes URLs **/
    .ELDFLWrap iframe {height: 85%;}
}
@media screen and (max-width: 1338px){
  /**Visualizer Name: Voter Online Registration Portal Layout | Content Type Name: Iframes URLs **/
  .VORPLWrap iframe {height: 2910px;}
}
@media screen and (max-width: 1366px){
  /**Visualizer Name: Homepage Image Slider | Content Type Name: Homepage Image Slider **/
  .HomeSliderimg {background-position: center;}

  /**Visualizer Name: Election Day iframe Layout | Content Type Name: Iframes URLs **/
  /*.ELDFLWrap iframe {height: 420px;}*/

  /** Visualizer Name: Card Links Layout | Content Type Name: Card Links **/
  .CLL-Title h2 {font-size: 26px;line-height: 32px;}

  /** Visualizer Name: Election Rosters Iframe Layout | Content Type Name: Iframes URLs **/
  .ERILWrap iframe{height: 1850px;}

}
@media screen and (max-width: 1280px){
  /**Visualizer Name: Horizontal Tabbed Content Slider | Content Type Name: Horizontal Tabbed Section **/
  .tabbed-title h4 { display:none; }

  /**Visualizer Name: Election Day iframe Layout | Content Type Name: Iframes URLs **/
  /*.ELDFLWrap iframe {height: 530px;}*/
}
@media screen and (max-width: 1200px) {
  /**Visualizer Name: Voter Online Registration Portal Layout | Content Type Name: Iframes URLs **/
  .VORPLWrap iframe { height: 3530px;}

  /**Visualizer Name: Poll Locations & Ballots iframe Layout  | Content Type Name: Iframes URLs **/
  .PLBILWrap iframe{ height: 1150px; }

  /**Visualizer Name: Homepage Image Slider | Content Type Name: Homepage Image Slider **/
  .HomeSliderimg {background-position: center;}

  /**Visualizer Name: New In Case Missed Layout | Content Type Name: In the News **/
  .nrPagination { margin-left: 17em; }

  /**Visualizer Name: Left Image Right Text | Content Type Name: Horizontal Tabbed Section **/
  .LIRTItem .left-img{margin-bottom: 0px;}
  .LIRTItem .right-txt{padding: 1.5em;}
  .tab-holder-bg , .tab-holder {width:auto;max-width:none;}
  .linktab span {display:none !important;}
  .linktab i {font-size:1.75em;}

  /**Visualizer Name: Horizontal Tabbed Content Slider | Content Type Name: Left Image Right Text **/
  .row-mobile {flex-wrap:wrap;flex-direction:column;}
  .right-txt {margin:0;left:0;width:auto;padding:0px;}
  .left-img {border-radius:0;padding:0;display:block;margin-bottom:15px;width:100%;max-width:none;}

  /**Visualizer Name: Link Buttons Layout | Content Type Name: Link Buttons **/
  .foot-btns a {padding:20px;margin-right:0;margin:15px 0;}

  /**Visualizer Name: Small Rounded Box Section | Content Type Name: Small Rounded Box Section **/
  .row-full {flex-wrap:wrap;}
  .rounded-box {width: auto;margin: 15px;flex:auto;max-width: none;}

  /**Visualizer Name: Mid Section Div Content Slider | Content Type Name: Mid Section Div Content Slider **/
  .left-panel {min-height:350px;}
  .right-panel {min-height:0;}

  /**Visualizer Name: Left bg image right text | Content Type Name: Bg image left Text Right **/
  .id-card {max-width:none !important;flex:auto !important;}

  /**Visualizer Name: Voter Precinct Street Guide iframe layout | Content Type Name: Iframes URLs **/
  .VPSGILWrap iframe{height: 3100px;}

  /** Visualizer Name: Effective Communication Form Iframe Layout | Content Type Name: Iframes URLs **/
  .ECFILWrap iframe{height: 1990px;}

  /** Visualizer Name: ID Info Layout | Content Type Name: ID Info **/
  .IDILItem{padding: 1em;}
  .IDIL-header {width: 40%;}
}
@media screen and (max-width:1060px) {
  /*** Visualizer Name: Presiding Judge Acceptance Form Layout | Content Type Name: Iframes URLs **/
  .PJAFLWrap iframe {height: 8000px;}

  /**Visualizer Name: Election Worker Application iframe Layout | Content Type Name: Iframes URLs **/
  .EWAIWrap iframe{height: 2910px;}
}

@media screen and (max-width: 1024px) {

  /** Visualizer Name: Election countdown timer Layout | Content Type Name: Election countdown timer **/
  .ECTLWrap {width: 100% !important;right: 0 !important;/*top: -26px;*/display: block;position: relative;}
  .ECTL-BottomInfo {font-weight: 600;font-size: 16px;text-align: right;padding: 5px;background: white;top: -1px;position: relative;display: block;}

  /**Visualizer Name: Voter Precinct Street Guide iframe layout | Content Type Name: Iframes URLs **/
  .VPSGILWrap iframe{height: 3170px;}

  /**Visualizer Name: Alternate Judge Acceptance Form Layout | Content Type Name: Iframes URLs **/
  .AJAFLWrap iframe{/*height: 2030px;*/height: 2270px;}

  /**Visualizer Name: Election Worker Application iframe Layout | Content Type Name: Iframes URLs **/
  /*.EWAIWrap iframe{height: 2720px;}*/

  /**Visualizer Name: Presiding Judge Acceptance Form Layout | Content Type Name: Iframes URLs **/
  .PJAFLWrap iframe {height: 8220px;}

  /**Visualizer Name: Voter Online Registration Portal Layout | Content Type Name: Iframes URLs **/
  .VORPLWrap iframe {height: 3590px;}

  /**Visualizer Name: Disability Complaint Form Layout | Content Type Name: Iframes URLs **/
  .DCFLWrap iframe{height:2415px;}

  /**Visualizer Name: Notice Iframe Layout | Content Type Name: Iframes URLs **/
  .ENILWrap iframe {height: 1800px;}

  /**Visualizer Name: Election Training Reg Layout | Content Type Name: Iframes URLs **/
  .ETRLWrap iframe {height: 800px;}

  /**Visualizer Name: Vote Center Application iframe Layout | Content Type Name: Iframes URLs **/
  .VCAILWrap iframe {height: 1800px;}

  /**Visualizer Name: Homepage Image Slider | Content Type Name: Homepage Image Slider **/
  .HomeSliderInfo{width: 90%;}
  .HomeSliderimg {background-position: center -0px;}

  /**Visualizer Name: New In Case Missed Layout | Content Type Name: In the News **/
  .nrWrap {padding: 0px 20px;}
  .nrFilter {width: 100%;display:block;margin-bottom: 20px;}
  .list {width: 100%;display:block;}
  .nrPressInfo {width: 23%;padding: 2em 25px;border-right: 1px solid #d9e2e2;display: inline-block;}
  .nrFilterLabel {display: none;}
  .nrFilterLabelMobile {display:inline-block;width: 34%;border-right: 1px solid #d9e2e2;position: relative;padding: 2em 0px;color: #0d5c91;text-align: center;margin-top: 0;text-transform: none;
    font-weight: 800;height: 34px;top: 0px;padding-top: 47px;vertical-align: top;font-size: 16px;}
  .nrFilterLabelMobile::before {color: #71b36c;font-family: 'FontAwesome';content: "\f107";position: absolute;right: 30px;}
  .nrArrowUp.nrFilterLabelMobile::before {content: "\f106";}
  .nrJPListDiv {width: 100%;}
  .noRightBorder {border-right: 0;}
  .nrFilterPanel {display:none;padding-bottom: 0px;}
  .nrDatePicker {display: none;}
  .nrFilterGroup {display: block;}
  .nrCheckBox {width: 24%;display: inline-block;padding: 0px 0px 0px 50px;}
  .nrDatePicker {margin-bottom: 0;min-height: 20px;}
  .nrDatePicker .jplist-date-picker-range {display: block;width: 100%;}
  .nrFrom {display: inline-block;width: 49%;}
  .nrTo {display: inline-block;width: 49%;}
  .nrDatePicker .jplist-date-picker-range input[type=text] {width: 60%;}
  .nrPagination { margin-left: 0em; }

  /**Visualizer Name: News Articles Filter Top | Content Type Name: Newsroom Articles Only **/
  .nrWrap {padding:0px;}
  .nrFilter {width: 100%;display:block;margin-bottom: 20px;}
  .list {width: 100%;display:block;}
  .nrPressInfo {width: 23%;padding: 2em 25px;border-right: 1px solid #d9e2e2;display: inline-block;}
  .nrFilterLabel {display: none;}
  .nrFilterLabelMobile {display:inline-block;width: 34%;border-right: 1px solid #d9e2e2;position: relative;padding: 2em 0px;color: #0d5c91;text-align: center;
    margin-top: 0;text-transform: none;font-weight: 800;height: 34px;top: 0px;padding-top: 47px;vertical-align: top;font-size: 16px;}
  .nrFilterLabelMobile::before {color: #71b36c;font-family: 'FontAwesome';content: "\f107";position: absolute;right: 30px;  }
  .nrArrowUp.nrFilterLabelMobile::before {content: "\f106";}
  .nrJPListDiv {width: 100%;}
  .noRightBorder {border-right: 0;}
  .nrFilterPanel {display:none;padding-bottom: 0px;}
  .nrDatePicker {display: none;}
  .nrFilterGroup {display: block;}
  .nrCheckBox {width: 24%;display: inline-block;padding: 0px 0px 0px 50px;}
  .nrDatePicker {margin-bottom: 0;min-height: 20px;}
  .nrDatePicker .jplist-date-picker-range {display: block;width: 100%;}
  .nrFrom {display: inline-block;width: 49%;}
  .nrTo {display: inline-block;width: 49%;}
  .nrDatePicker .jplist-date-picker-range input[type=text] {width: 60%;}
  .nrPagination { margin-left: 0em; }

  /** Visualizer Name: Online Training Paysheet Iframe Layout | Content Type Name: Iframes URLs **/
  .OTPILWrap iframe {height: 740px;}

  /** Visualizer Name: Training Video Layout | Content Type Name: Training Video **/
  .TVL-Wrap {grid-template-columns: 50% 50%;}
  .TVL-Title h2{line-height: 22px;font-size: 20px;}

  /** Visualizer Name: Card Links Layout | Content Type Name: Card Links **/
  .CLL-Title h2 {font-size: 18px;}

  /** Visualizer Name: 3 Col - Camera Group live videos Details Layout | Content Type Name: Camera Group live videos **/
  .NCLItems{grid-template-columns: 50fr 50fr;}
}
@media screen and (max-width: 990px) {
  /**Visualizer Name: Voter Precinct Street Guide iframe layout | Content Type Name: Iframes URLs **/
  .VPSGILWrap iframe{height: 1015px;}

  /**Visualizer Name: New In Case Missed Layout | Content Type Name: In the News **/
  .missedWrap {padding: 0px 48px 48px;}

  /**Visualizer Name: Election Day iframe Layout | Content Type Name: Iframes URLs **/
  /*.ELDFLWrap iframe {height: 560px;}*/
/*
  .subpage-slider{min-height: 195px;}
*/
  /** Visualizer Name: Media Content Layout | Content Type Name: Media Content **/
  .MCLWrap{padding: 20px;}
  /** Visualizer Name:  Title, Left Text, IMG Right | Content Type Name: Title, Text, IMG Block **/
  .TLTIRWrap{padding: 20px;}


}
@media screen and (max-width: 900px) {
  /**Visualizer Name: Voter Precinct Street Guide iframe layout | Content Type Name: Iframes URLs **/
  .VPSGILWrap iframe{height: 2625px;}

  /**Visualizer Name: Voter Online Registration Portal Layout | Content Type Name: Iframes URLs **/
  .VORPLWrap iframe {height: 3450px;}

  /**Visualizer Name: Poll Locations & Ballots iframe Layout  | Content Type Name: Iframes URLs **/
  .PLBILWrap iframe{ height: 1050px; }

  /**Visualizer Name: Homepage Image Slider | Content Type Name: Homepage Image Slider **/
  .HomeSliderTitle h2{font-size: 36px;}

  /**Visualizer Name: Election Training Reg Layout | Content Type Name: Iframes URLs **/
  .ETRLWrap iframe {height: 1990px;}

  /** Visualizer Name: Card Links Layout | Content Type Name: Card Links **/
  .CLL-Title h2 {font-size: 18px; padding: 20px;}
}
@media only screen and (max-width:823px) and (max-height:414px) {
  .PLILWrap iframe, .PLHeader {display:none;}
  .PLIL-Landscape-message{display:block;}
  .PLIL-Landscape-message p i{
    display: block;
    /*margin: 0 auto 24px;*/
    margin: 20px auto;
    font-size: 40px;
    /*overflow: hidden;*/
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-animation: anti 2s linear 1 0s;
    -moz-animation: anti 2s linear 1 0s;
    -o-animation: anti 2s linear 1 0s;
    animation: anti 2s linear 1 0s;
  }

}
@media screen and (max-width: 768px) {

  .QLL {display: block !important;text-align: left;width: auto !important;padding: 1.25em 1.25em;}
  .QLLItemIcon {margin:unset;width: 40px;max-width: unset;display: inline-block;vertical-align: middle;padding-right: 1.25em;}
  .QLLItemName {display: inline-block; vertical-align: middle;}
  .QLLItemName h3{font-size: 19px;}

  /**Visualizer Name: Notice Iframe Layout | Content Type Name: Iframes URLs **/
  .ENILWrap iframe{height: 1140px;}

  /**Visualizer Name: Election Day iframe Layout | Content Type Name: Iframes URLs **/
  .ELDFLWrap {padding: 0px;}

  /**Visualizer Name: Homepage Image Slider | Content Type Name: Homepage Image Slider **/
  .HomeSliderWrap{background: #ececec;}
  .HomeSliderimg {height: 130px;}
  .HomeSliderInfoWrap {position: relative;left: 0;z-index: 2;background: #ececec;/*padding: 20px;*/margin-left: 0;height: auto;box-shadow: none;}
  .HomeSliderTitle h2 {font-size: 24px;line-height: 30px;color: #003f70;}
  .HomeSlidersummary, .HomeSlidersummary p {color: #003f70;}
  .HomeSliderInfo{position: relative;margin-bottom: 0px;padding: 25px 25px;}
  .HomeSliderInfo .owl-carousel .owl-stage-outer{overflow: visible!important;}
  .owl-theme .owl-nav.disabled+.owl-dots {top: 65px;margin-left:10px;}
  .owl-theme .owl-dots .owl-dot span{
    border: 5px solid #127fd6;
  }

  .subpage-slider{height: 100px;}

  /**Visualizer Name: Horizontal Tabbed Content Slider | Content Type Name: Horizontal Tabbed Section **/
  .tabbed-title i {width: 15px;height: 15px;line-height: 15px;position: relative;left: 0;margin-right: 10px;right: 0;}
  .tab-holder {background:transparent;padding:0;}
  .tab-active , .tabbed-section {background:white !important;}

    /** Visualizer Name: Online Training Paysheet Iframe Layout | Content Type Name: Iframes URLs **/
    .OTPILWrap iframe {height: 1300px;}

      /**Visualizer Name: Voter Online Registration Portal Layout | Content Type Name: Iframes URLs **/
    .VORPLWrap iframe {height: 3590px;}

  /**Visualizer Name: Voter Precinct Street Guide iframe layout | Content Type Name: Iframes URLs **/
  .VPSGILWrap iframe{height: 3105px;}

  /** Visualizer Name: Card Links Layout | Content Type Name: Card Links **/
  .CLL-Wrap{grid-template-columns: 50% 50%;}
  .CLL-Title h2 {font-size: 22px; padding: 20px;}

  /** Visualizer Name: Election Rosters Iframe Layout | Content Type Name: Iframes URLs **/
  .ERILWrap iframe{height:1550px;}

  /* Visualizer Name: Styled Buttons **/
  .sbwrap, .style-btn {display: block;}

  /** Visualizer Name: 3 Col - Camera Group live videos Details Layout | Content Type Name: Camera Group live videos **/
  .NCLItems {display: grid; grid-template-columns: 100%;}
  .NCLVideo { /*height: 93%; width: 100%;*/}
  .NCLTitle{ /*margin-bottom: 5px;*/ font-size: 20px;}
}
@media screen and (max-width: 725px) {
  /**Visualizer Name: New In Case Missed Layout | Content Type Name: In the News **/
  .missedWrap {padding: 0px 25px 25px;}
  .nrPressInfo {width: 90%;border-right: 0;border-bottom: 1px solid #d9e2e2;}
  .nrFilterLabelMobile {width: 100%;border-right: 0;border-bottom: 1px solid #d9e2e2;}
  .noRightBorder {border-bottom: 0;}

  /**Visualizer Name: News Articles Filter Top | Content Type Name: Newsroom Articles Only **/
  .nrPressInfo {width: 90%;border-right: 0;border-bottom: 1px solid #d9e2e2;}
  .nrFilterLabelMobile {width: 100%;border-right: 0;border-bottom: 1px solid #d9e2e2;}
  .noRightBorder {border-bottom: 0;}

  /** Visualizer Name: Voter Registration Records Iframe Layout | Content Type Name: Iframes URLs **/
  .VRRILWrap iframe {height: 1100px;}

  /**Visualizer Name: V Registration Request Layout | Content Type Name: Iframes URLs **/
  .VRRLWrap iframe{height: 1250px;}

  /** Visualizer Name:  Link Buttons Layout | Content Type Name: Link Buttons **/
  .foot-btns { grid-template-columns: 100%; }
  .foot-btns a {margin: 1px 0;}

}
@media screen and (max-width: 600px) {
  /**Visualizer Name: Voter Online Registration Portal Layout | Content Type Name: Iframes URLs **/
  .VORPLWrap iframe {height: 3750px;}

  /**Visualizer Name: Disability Complaint Form Layout | Content Type Name: Iframes URLs **/
  .DCFLWrap iframe{height:2525px;}

  /**Visualizer Name: Voter Precinct Street Guide iframe layout | Content Type Name: Iframes URLs **/
  .VPSGILWrap iframe{height: 3160px;}

  /**Visualizer Name: Homepage Image Slider | Content Type Name: Homepage Image Slider **/
  .HomeSlider{/* position: relative;width: 100%;height: auto;top: 0;margin-top: 120px;*/}
  .HomeSliderInfoWrap {/*background-image: linear-gradient(30deg, rgb(34, 34, 34) 20%, rgb(34, 34, 34)100%);*/}
  .HomeSliderInfo{width: auto;position: relative;bottom: 0;margin: 0 0 0 0;padding:20px;}
  .HomeSliderTitle h1{font-size: 25px;}
  .HomeSlidersummary{font-size: 14px;}
  .HomeSliderimg{/*height: 340px;background-position: center;overflow: hidden;*/}

  /** Visualizer Name: Online Training Paysheet Iframe Layout | Content Type Name: Iframes URLs **/
  .OTPILWrap iframe {height: 1290px;}

  /**Visualizer Name: Election Day iframe Layout | Content Type Name: Iframes URLs **/
  .ELDFLWrap iframe {height: 630px;}

  /** Visualizer Name: VDVR Iframe Layout | Content Type Name: Iframes URLs **/
  .vdvrrequestform {padding: 0.5em;}

  /** Visualizer Name:  Title, Left Text, IMG Right | Content Type Name: Title, Text, IMG Block **/
  .TLTIR-Title h2 {font-size: 24px;line-height: 30px;}

  /** Visualizer Name:  Title, Text Block | Content Type Name: Title, Text, IMG Block **/
  .TTBWrap {padding: 20px;}
  .TTB-Title h2 {font-size: 24px;line-height: 30px;}

  /** Visualizer Name: Voter Registration Records Iframe Layout | Content Type Name: Iframes URLs **/
  .VRRILWrap iframe {height: 1290px;}

  /** Visualizer Name: Career Post List Layout | Content Type Name: Career Post **/
  .CPLL-Summary{margin-bottom: 40px;}

  /** Visualizer Name: Career Post Details Layout | Content Type Name: Career Post **/
  .CPDLWrap{padding: 1em;}
  .CPDLTitle{font-size: 25px;}
  .CPDL-BTN {position: relative;top:auto;right:auto;margin:0px;display: block;}
  .CPDLHeader .sub-border{margin-bottom: 1em;}

  /** Visualizer Name: Election Rosters Iframe Layout | Content Type Name: Iframes URLs **/
  .ERILWrap iframe{height: 2190px;}

  /** Visualizer Name: Training Video Layout | Content Type Name: Training Video **/
  .TVL-Wrap {grid-template-columns: 100%;}
  .TVL-Item{margin: 0 0 10px 0;}
  .TVL-Item-icon {left: 43%;}
  .TVL-Item-icon i {font-size: 48px;}
  .TVL-Vid-iframe{height: 220px;}
  .TVL-Vid-Top-Title h5 {font-size: 12px;}
  .TVL-Vid-iframe{width: 94%;height: 206px;padding: 10px;}

  /** Visualizer Name: Card Links Layout | Content Type Name: Card Links **/
  .CLL-Wrap{ grid-template-columns: 100%; }
  .CLL-Item{ margin:0 0 20px 0;}
  .CLL-Title h2 {font-size: 22px;}

  /** Visualizer Name: Effective Communication Form Iframe Layout | Content Type Name: Iframes URLs **/
  .ECFILWrap iframe{height: 2110px;}

   /**Visualizer Name: Alternate Judge Acceptance Form Layout | Content Type Name: Iframes URLs **/
   /*.AJAFLWrap iframe{height: 2300px;}*/

   /** Visualizer Name: Election Rosters Categories Layout | Content Type Name: Election Rosters Categories **/
   .ERosters, .EReport {width: 91%;} 
   .ERostersItemLink a, .EReportsItemLink a {line-height: 25px;}

  /** Visualizer Name: ID Info Layout | Content Type Name: ID Info **/
  .IDILWrap { grid-template-columns: 100%; }
.IDILItem{margin: 0 0 10px 0;}
.IDIL-img, .IDIL-header{display:block;width:auto;}

.PLILWrap {
  height: 97%;
  overflow: scroll
}

.PLILWrap iframe {
  height: 160%;
  margin-bottom: 20px
}

  /** Visualizer Name: 3 Col - Camera Group live videos Details Layout | Content Type Name: Camera Group live videos **/
  .NCLVideo { /* height: 85%;*/ }
}
@media screen and (max-width: 485px) {
  /**Visualizer Name: Election Worker Application iframe Layout | Content Type Name: Iframes URLs **/
  .EWAIWrap iframe{height: 3060px;}

  /**Visualizer Name: Presiding Judge Acceptance Form Layout | Content Type Name: Iframes URLs **/
  /*.PJAFLWrap iframe{height: 5485px;}*/

  /**Visualizer Name: Voter Online Registration Portal Layout | Content Type Name: Iframes URLs **/
  .VORPLWrap iframe {height: 4520px;}

  /** Visualizer Name: Online Training Paysheet Iframe Layout | Content Type Name: Iframes URLs **/
  .OTPILWrap iframe {height: 1350px;}

  /**Visualizer Name: Voter Precinct Street Guide iframe layout | Content Type Name: Iframes URLs **/
  .VPSGILWrap iframe{height: 3280px;}

  /** Visualizer Name: Voter Registration Records Iframe Layout | Content Type Name: Iframes URLs **/
  .VRRILWrap iframe {height: 1650px;}

  /**Visualizer Name: Vote Center Application iframe Layout | Content Type Name: Iframes URLs **/
  .VCAILWrap iframe {height: 2060px;}

  /**Visualizer Name: Election Day iframe Layout | Content Type Name: Iframes URLs **/
  .ELDFLWrap iframe {
      height: 84%;
  }
}
@media screen and (max-height: 485px) {

  /**Visualizer Name: Election Day iframe Layout | Content Type Name: Iframes URLs **/
  .ELDFLWrap iframe {
      height: 67%;
  }


  
}
@media screen and (max-width: 480px) {
  /**Visualizer Name: Homepage Image Slider | Content Type Name: Homepage Image Slider **/
  .HomeSliderTitle h1 {font-size: 20px;line-height: 30px;}

}
@media screen and (max-width: 400px) {
  /**Visualizer Name: New In Case Missed Layout | Content Type Name: In the News **/
  .nrButton {width: 40%;}

  /**Visualizer Name: Voter Online Registration Portal Layout | Content Type Name: Iframes URLs **/
  .VORPLWrap iframe {height: 4590px;}

  /** Visualizer Name: Voter Registration Records Iframe Layout | Content Type Name: Iframes URLs **/
  .VRRILWrap iframe {height: 1900px;}
}
@media screen and (max-width: 380px) {
  /**Visualizer Name: Disability Complaint Form Layout | Content Type Name: Iframes URLs **/
  .DCFLWrap iframe{height:2575px;}

  /**Visualizer Name: Voter Online Registration Portal Layout | Content Type Name: Iframes URLs **/
  .VORPLWrap iframe {height: 4720px;}

  /** Visualizer Name: Voter Registration Records Iframe Layout | Content Type Name: Iframes URLs **/
  .VRRILWrap iframe {height: 2050px}
  /**Visualizer Name: Election Day iframe Layout | Content Type Name: Iframes URLs **/
  .ELDFLWrap iframe {
    height: 80%;
  }
}
@media screen and (max-width: 360px) {
   /**Visualizer Name: Alternate Judge Acceptance Form Layout | Content Type Name: Iframes URLs **/
  .AJAFLWrap iframe{height: 2370px;}
}
@media screen and (max-width: 320px) {}