@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Ek Mukta:500,400,300,200,100,600,700);
@import url(https://fonts.googleapis.com/css?family=Ek+Mukta:400,200,300,500,600,700,800);
body {
    color: #000;
    font-family: Arial;
    font-size: 14px!important;
    line-height: 22px;
	background: #FFFFFF;
	background-repeat:repeat;
    overflow-x: hidden;
	margin: 0;
}
/*p, ol, ul, div, li, {
	color: #000 !important; 
    font-family: Arial, Ek Mukta; !important;
    font-size: 14px !important;
    line-height: 22px !important;
	}*/
	
.container-fluid {
	margin: 0 auto;
}

.view-content a:hover { text-decoration:none; color:#009a4b }

.no-margin { margin:0 !important; }
.no-padding { padding: 0 !important; }

h1,
.h1 {
    font-size: 32px !important;
    color: #009a46 !important;
	font-weight: bold !important;
	padding-top: 20px !important;
	padding-bottom: 15px !important;
	border-bottom: 3px #009a46 solid !important;
	margin-bottom: 30px !important;
}

h2,
.h2 {
    font-size: 21px !important;
    color: #009a46 !important;
	font-weight: bold !important;
	padding-top: 10px !important;
	margin-bottom: 5px !important;
}

h3,
.h3 {
    font-size: 28px !important;
    color: #009a46 !important;
	font-weight: bold !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-bottom: 15px !important;
}

h4,
.h4 {
    font-size: 18px !important;
    color: #009a46 !important;
	font-weight: bold !important;
	padding-top: 20px !important;
	padding-bottom: 15px !important;
}

.region-anc-today h4 { margin: 0; font-size: 16px !important; padding-top: 0.625em !important; color:#000!important; font-weight:300 }

h5,
.h5 {
    font-size: 21px !important;
    color: #009a46 !important;
	padding-bottom: 8px !important;
	text-transform: uppercase !important;
	font-weight: bolder !important;
	margin-top: 0.7em !important;
}

.h5 a, h5 a {
    /*color: #009a46 !important; */
	font-weight: 400 !important;
	line-height: 0px !important;
	
}

h6,
.h6 {
    font-size: 14px !important;
    color: #009a46 !important;
	font-weight: bold !important;
}

h7,
.h7 {
    font-size: 14px !important;
    color: #000 !important;
	font-weight: bold !important;
}

h1 a,
.h1 a {
	color: #006600 ;
}

h8,
.h8 {
    font-size: 14px !important;
    color: #000 !important;
	font-weight: bold !important;
	margin-bottom: 9px !important;
	white-space:nowrap !important;
	text-transform:uppercase;
	
}
.view-admin-views-node td, th {
    padding: 10px;
}
.row > div { 
    border: 0px solid #999;
    /*overflow-x: hidden;*/
}

.img-responsive { 
    border: 0px solid #999;
}

img { 
    max-width:100%;
    height:auto; 
}

img a { 
    border: 0;
    text-decoration: none;
}

a.button  {
    display: inline-block;
	background:#009a46;
 	padding: 0.3em 0;
	font-weight: 400;
	font-size: 1.125em;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid transparent;
	margin-right: 0.9em;
	border-radius: 8px;
	margin-top: 0;
	margin-bottom: 0.2em;
	letter-spacing: 1px;
	min-width: 8.125em !important;
}
a { color:#000;}
a.button a:hover,
a.button a:focus{
  color: #FEC00D!important;
  text-decoration: none!important;
}
/* START: The main CSS classes */
.content .view-header h5 {background:#FEC00D;}
.content  h5 {background:#FEC00D;    padding-left: 15px;
    padding-top: 6px;}

.view-header { font-weight:600!important; color: #009a46!important;}
.view-header h5 { padding-left:15px; padding-top:6px;}
/*ANC Today images*/
div.textleft {float:left; width: 68%;padding-top:5px; line-height:21px;}
.front div.textright {float:right; padding-top:5px; line-height:21px; position:absolute!important; padding-left:50%!important; padding-right:5%;}
.textright {float:right; padding-top:5px; line-height:21px;}
.textleft a { font-size:14px; }
/*.textleft .field-content { display:inline;}*/
.imgright { float:right; width:30%;padding-top:10px;}
.imgright img { width:auto; height:auto;}
/*end ANC Today*/

.logo {text-align:center; padding: 0 9px;}
.donate, .join-now, .contact { padding: 9px; text-transform:uppercase; font-size:14px; text-align:center; font-weight:400; margin-top:}
.donate {background: #FC0; }
.join-now {background: #009a46;}
.contact {background: #fff;}
.header {background: #FEC00D; margin-top:-10px;}
.header-left {margin: 0 auto; }
.header-right {margin: 0 auto;}

.tributerow,.content, .focus, .boxes, .social, .alliances, .officials { /*margin-top: 1.5%; margin-bottom: 1.5%; */padding-left: 3.9% !important; padding-right:  3.9% !important; }

.footer { margin-top: 18px; }

div.media-alert { background: #000; line-height:21px; border:none;  font-family: Helvetica; color:#fff!important; font-weight:bold; margin-top:2%; margin-left: 3.9% !important; margin-right:  3.9%!important; text-transform:uppercase;padding:0.7em; }
div.media-alert  a { text-decoration:none; white-space: nowrap !important; color:#fff!important }
.media-archive { float:right; margin-top:10px; margin-right:10px;}
.media-alert-align .field-content { display:inline;}
.media-alert-align .readmore {  float:left}
/*.region-media-alert .views-field-title { display:inline;} */
.media-alert marquee { width:85%; float:right}
.region-media-alert span.date-display-single{ color:#fff!important; font-size:14px}
.region-media-alert .view-content div { display:inline !important; padding-left:1em; color:#fff!important}
.media-alert-separator { color:#f6bb32;}
.media-alert .alert-box {background:#009a46; display:inline; float:left; margin-left:1.75em; padding-left:4px; padding-right:4px}
.view-anc-media-alert a { color:#fff!important;}
.slider { margin-top: 0px; z-index: 0;}

.center { 
    text-align:center;
    margin-top: 18%;
}
.textcenter { 
    text-align:center;
	clear:both;
}
.media-alert-align .header { color: #670003; background: none; border-bottom: #CF9206 2px solid; padding-bottom: 0; }

.content .boxes .social .alliances .officials > div {
  padding:0 18px;
}

.content > div > div {
    background: url(../../images/yellow_logo_bg.jpg) bottom right no-repeat;
	background-color: #fff;
   /* min-height: 31em;
  min-height: 36em; */
	height: 36em;
    color:#000;
    border: 1px solid #ccc;
    padding: 4% 7%;
    margin-bottom: 1.8%;
/*	font-size: 13px; */
}
.tributerow {
	background-color: #fdefd4;
   /* min-height: 31em;
  min-height: 36em; */
    color:#000;
   
    padding: 1% 7%;
    margin-bottom: 1.8%;
/*	font-size: 13px; */
}
.page-voter-information .content > div > div {
    height: 23em
}

.content { background:#f4f4f4; padding:2em 0}

.officials {
   	background-color: #fff;
   /* min-height: 31em;
  min-height: 36em;
	height: 40em; */
    color:#000;
    /*border: 1px solid #ccc;
    padding: 2% 7%;*/
    margin-bottom: 1.8%;
	margin-left:15px!important;
	margin-right:15px!important;
/*	font-size: 13px; */
}
.colmargin { margin-right:15px;}
#block-views-currentofficials-block-2 .col-lg-4 { /*border: 1px solid #ccc !important; */margin-bottom:15px; min-height:17em;}
.view-currentofficials h3 { font-size:21px!important; line-height:21px!important; margin-bottom:0!important}
.view-currentofficials h4 { font-size:18px!important; line-height:18px!important; color:#009a46 !important; margin:0!important}
.imgleft { float:left; width:50%!important; margin-top:15px;}
/*.view-id-currentofficials img { width: 25%!important;}*/
.main-content {
	height: auto !important; 
	margin: 2.8% 4% !important;
	padding: 1.5% 2.8% 2.1% 2.8% !important;
	border: solid 1px #999 !important;
    background: url(../../images/main-bg.jpg) no-repeat !important;
	background-color: #f4d58c !important;
	min-height:460px!important;}
.merchandise {
	height: auto !important; 
	margin: 2.8% 4% !important;
	padding: 1.5% 2.8% 2.1% 2.8% !important;
	border: solid 1px #999 !important;
	background-color: #f4d58c !important;
	min-height:460px!important;
	overflow:hidden
	/*max-height:800px!important;*/}
.separator { border-bottom: solid 1px #ccc !important; width:99%;}
blockquote { font-size: inherit !important; border: none !important; }

hr { border: none !important; }

.black_border { border: solid 1px #000 !important; padding: 18px; }

.slider > div > div {
    background:#ddd;
    color:#000;
  margin-bottom: -10px;
}

.focus > div > div {
   /* height:auto;
    color:#000;
    border: 1px solid #000;
    padding: 0 8px;
    margin-bottom: 0.7%;
	/*margin-right:15px;
	margin: 0 auto;
	text-align:center*/
}
/* Focus styles

.focus { background: url(../../images/focus-background_image.jpg) no-repeat left; padding-bottom:1.75em; padding-top:1.75em; background-size:cover }
/*.focus img { padding-top:16px;}*/
.focus { background:#ffc10c; }

.focuslink a:hover {text-decoration:none!important; color:#009a4b!important}
.focuslink { color:#fff; font-size:24px}
.focus h4 { color:#000!important;}
.focus .hr{ 
color:#FFF;
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  /*  margin-left: auto;*/
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
	width:70%;
	text-align:left;
} 
.focus p { font-size:16px; font-weight:bold; color:#333}

.npc_page {
	    height: auto !important;
    margin: 2.8% 4% !important;
    padding: 1.5% 2.8% 2.1% 2.8% !important;
    border: solid 1px #999 !important;
    background-color: #f4d58c !important;}


.block-views-documents-block-focus .view-header { background:transparent!important;}
.boxes {     background:#f4f4f4;}
.boxes h4 { color:#000!important; border-bottom:solid 1px #ccc; font-size:21px!important}
.boxes h5 { color:#333 !important; font-size:16px !important; margin-top:30px!important; padding-left: 15px}
.boxes h5 a { color:#333; text-decoration:none; padding-left: 15px; text-decoration:none}
.boxes h6 { color:#333 !important; padding-left: 15px; font-size:16px!important;}
.boxes p { color:#333 !important; padding-left: 15px}
.boxes h6 a { text-decoration:none; color:#000}
.boxestxt { padding-left:4%; float:left; width: 65%;}
.boxestxtwide { padding:4%; float:left; width: 98%; padding-top:30px;}
.boxes a:hover {text-decoration:none; color:#009a4b}
.anc_membership, .online_store, .province_sec, .nec_bulletin, .archives, .local, .umrabulo, .kids { max-height: 40px; text-align: center; color: #fff; padding: 9px; border: 0px; margin-bottom: 0.5em; font-size: 0.5em }
.anc_membership a, .online_store a, .province_sec a, .nec_bulletin a, .archives a, .local a, .umrabulo a, .kids a { color: #fff !important; font-weight: 400 !important; }
.anc_membership, .online_store, .province_sec {background-color: #000 !important; }
.nec_bulletin, .archives, .local {background-color: #009a46 !important;}
.umrabulo, .kids {background-color: #FC0 !important;}

.imgmargin { margin-right:20px;}

.social > div > div {
    background:#fff;
    width:auto;
    border: 1px solid #ccc;
    padding: 0 18px;
    margin-bottom: 20px;
	height: 36em;
}
.social { background:#fdefd4;}
.social h4 { color:#000!important; border-bottom:solid 1px #FEC00D; font-size:21px!important}
.social p.head,.head { background:#FEC00D; padding:1em; font-size:16px; color:#000; text-transform:uppercase; margin-top:5px;}
.instagram-social-feed ul { overflow:auto;height:375px!important; margin-left:-30px;	}
.instagram-social-feed ul li{ list-style-type:none; display:inline; padding:2px;}
.instagram-social-feed ol li { display:inline;}
.instagram-social-feed img { min-width: 48%!important;} 
.share-bar .share-provider.more {
    height: 16px!important;
    width: 100px!important;
}
.tributerow .head { background:#FEC00D;font-size:16px; color:#000; text-transform:uppercase; margin-top:5px; display:block}
#flickr_badge_wrapper {width:27em;text-align:center}

.alliances  > div > div {
    background:#fff;
    color:#000;
    border: 0px solid #000;
    margin-bottom: 20px;
}
.alliances h4 { color:#000!important; font-size:21px!important}

/* press statements block view*/

span.date-display-single { color:#009a4b!important; text-decoration:none; font-weight:bold; display:inline; color:#333; font-size:12px}
div.date-display-range { color:#009a4b!important; text-decoration:none; font-weight:bold; display:inline; color:#333; font-size:12px}
/*span.field-content { font-weight:bold; }*/
.content .views-fields-title{  border-bottom:solid 1px #333;}
div.views-field.views-field-field-first-article-image.field-content { width:60px; background:#222; float:right}
/*end*/
/*footer */
.footer {background:#FEC00D;}
.footerBlock { margin: 0 2%; !important;}
.footerbottom { background:#fec930; padding:10px 5em; float:left; width:100%!important}
.footerbottom .div { padding:0!important}
.footer .row > div{
    color:#000;
    border: 0px solid #000;
/*    padding: 3.5em 0 3.5em 5em;*/
    margin: auto 0 !important;
}
.footerBlock  { padding-top:3em;}
.footer span.tel { 
	font-size: 15px;
    font-weight: bold;
    line-height: 36px;
}
.footer a {color:#000;}
.footer a:hover {text-decoration:none; color:#009a4b}
/*footer */
.bgcolor1 {background: #000000; height: 5px;   max-width: 100%;}
.footertopblackrow {  padding:8px 0; color:#FEC00D !important; background: #000000;  max-width: 100%; text-align:center}
.bgcolor2 {background: #006600; height: 5px; max-width: 100%;}
.bgcolor3 {background: #FEC00D; height: 5px; max-width: 100%;}

.txt-center .col-xs-12, .txt-center .col-sm-12, .txt-center .col-md-12, {text-align: center; float: left; }

#block-views-documents-homepage-block .views-field-field-doc-body 	{
  /*font-weight:bold;
    font-size: 21px !important;
    color: #009a46 !important;
	text-transform: uppercase;*/
}

.region-press-statement  .views-field-field-doc-date {
	border-bottom: solid 1px #ccc; padding-bottom: 3%; margin-bottom: 3%;
}
/*
.views-field .views-field-field-first-article-image img, .views-field-field-second-article-image img, .views-field-field-third-article-image img { width: 55px;}
.views-field-field-third-article-image img { width: 55px; margin-top: 27px;}
.views-field-field-article, .views-field-field-second-article-heading, .views-field-field-third-article-heading {font-weight: bold; }
.views-field-field-first-article-image, .views-field-field-second-article-image, .views-field-field-third-article-image {width: 20%; float: left; min-height:130px; max-height:200px;}
.views-field-body, .views-field-field-second-article, .views-field-field-third-article { width:80%; float: right; min-height: 100px; }*/
.field-content { width:100%;}

/* Start: Show page styles classes */
.author {
    font-size: 14px;
    color: #000;
	font-weight: bold;
}

.author-date {
	font-weight: normal;
	padding-left: 15px;
}

/*.year-list ul{ margin: 0; padding: 0; list-style-type: none; width: 50px;}*/
div .year-list > li a { display: block;}
/*ul.year-list li { display:inline-block; padding:5px; border:solid 1px #ccc; border-radius:2px; margin-bottom:10px}
ul.year-list li a:hover { color:#ffcc0;}*/
/*ul .year-list li a { display:inline-block; padding:5px; border:solid 1px #ccc; border-radius:2px; margin-bottom:10px}*/

ul.year-list li { display:inline-block; /*padding: 0 3.2em; margin-left:-6em;*/ margin-bottom: 0.8em; }
.year-list li a { 
    display: inline-block;
	background-color: #009a46;
 	padding: 0.3em 0.6em;
	font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid transparent;
	border-radius: 8px;
	color:#FFF;
}

ul.year-list li a:hover {
	cursor: pointer !important;
	color:#FEC00D !important;
}

.forum-table-wrap, .forum-table-topics {
	width: 100% !important;
}
.forum-post-panel-main .os-share-widget-interface .share-container .share-bar { display: none !important; }
/* END: Show page styles classes */
/* END: The main CSS classes */
/* START carousel */
/*  Jssor is found in slider.php */

.item img {width:100%;}

.carousel-control.left, .carousel-control.right {
	/*background-image:none !important;
    background: url(../../images/slider-sidebg.jpg) no-repeat;*/
	opacity:0.8;
    color: #fff;
    padding-top: 13%;
    z-index: 100; 
}

.carousel-caption {
	top:15%;
	text-align:left;
  	height:auto;
    display: none;
}
.view-display-id-events_block table .table > tbody > tr > td {
border-top:solid 1px #999!important;}
.carousel-caption h2 {line-height:160%}

.carousel-caption h2 span {
	background:#428BCA;
	padding:10px 20px;
	color:#fff;
	border-left:0px solid #fff;
}

p.caption {
	background:#fff;
	padding:6px;
	text-shadow:none;
	color:#428BCA;
}

/* END carousel */
/*START Menu*/

.navigation {  background: #fff !important; font-size:16px; margin-left: 3% !important; margin-right:  3.9% !important;}
.navbar { margin-bottom: 0px !important; background: #fff !important; }
.navbar-inverse { color: #000 !important;  border: none !important; border-radius: 0px !important;}

.navbar-inverse .navbar-nav > li > a {
    color: #000 !important;
	text-transform:uppercase;
	font-weight: bold;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #009a46 !important;
  background: #fdefd4 !important;
}

/*.navbar-nav { margin: 0 5% }*/

.navbar-nav > li > .dropdown-menu { 
	border-bottom: 10px solid #009a46 !important; 
	border-top: 0px solid transparent !important;
	margin-left: 0 !important; 
	margin-right: 0 !important; 
	border-radius: 0px !important; 
	background: url(../../images/menubg.jpg) no-repeat !important; 
}

.nav-box { border-right: 1px solid #009a46 !important;  min-height: 350px !important; width: 22% !important;}
.nav-box:nth-child(1) {margin-left: 5% !important;}
.nav-box:nth-last-child() { border-right: 0px solid #009a46 !important; }
.mega-dropdown {position: static !important;}

/*.dropdown-menu {
    padding: 20px 0px !important;
    width: 20% !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    height: 450px !important;
	z-index:1000 !important;
}*/

.mega-dropdown-menu {
    padding: 20px 0px !important;
    width: 100% !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    /*height: auto !important;
	min-height: 22.5em !important;
	height: 300px !important;*/
	height: 28.5em !important;
	z-index:1000 !important;
	background: #fff !important;
}

.mega-dropdown-menu > li > a:hover, .mega-dropdown-menu > li > a:focus{ background: #fff !important; }

.mega-dropdown-menu > li > ul {
  padding: 0 !important;
  margin: 0 !important;
}

/*.dropdown-menu > li > ul > li {
  list-style: none !important;
}*/

.mega-dropdown-menu > li > ul > li {
  list-style: none !important;
  padding: 0px 5px !important;
}
/*.dropdown-menu > li > ul > li > a {
  color: #009a46 !important;
  padding: 3px 5px !important;
}*/
.mega-dropdown-menu > li > ul > li > a {color: #000 !important;}
/*.dropdown-menu > li ul > li > a:hover,
.dropdown-menu > li ul > li > a:focus {
  text-decoration: none !important;
}*/
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none !important;
  color: #009933 !important;
}
.mega-dropdown-menu > li ul > li > a:active { color: #666 !important; font-weight:bold !important; }
.dropdown-main-header, .mega-dropdown-menu, .dropdown-header {
	color: #000 !important;
 	padding: 5px 60px 5px 5px !important;
  	line-height: 24px !important;
	white-space:normal !important;
}

.mega-dropdown-menu .dropdown-main-header {
	font-size: 18px !important;	
	font-weight:bold !important;
	padding-top: 15px !important;
}

.mega-dropdown-menu .dropdown-header {
  font-size: 18px !important;
  font-weight:bold !important;
} 

.dropdown .mega-dropdown .open{background:#fff;}

/*.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}*/

/* END Menu */
/*Search Starts*/

#custom-search-input {
    /*padding: 3px !important;*/
    border: solid 1px #E4E4E4 !important;
    border-radius: 6px !important;
    background-color: #fff !important;
	width: 17.5em !important;
	margin-bottom: 7px;
	margin-top:7px;
}

#custom-search-input input {
    border: 0 !important;
    box-shadow: none !important;
}

#custom-search-input button {
    margin: 2px 0 0 0 !important;
    background: none !important;
    box-shadow: none !important;
    border: 0 !important;
    color: #666666 !important;
    padding: 0 8px 0 10px !important;
    border-left: solid 1px #ccc !important;
}

#custom-search-input button:hover {
    border: 0 !important;
    box-shadow: none !important;
}

#custom-search-input .glyphicon-search {
    font-size: 13px !important;
}

.middle-search {margin-top: 4px;}
.form-control { border: 1px solid #999 !important; }
input#edit-submit.form-submit { vertical-align:text-bottom!important; margin-top:5px}
form#search-block-form.container-inline { margin-top:5px; border:1px solid #ccc!important}
.main-padding {
	padding: 50px 100px 30px 52px !important;
}

.officials-left-push { margin-left: -0.4em !important; }
.left-panel {
	padding-left: 120px !important;
	padding-top: 60px !important;
	height: 100% !important;
	font-size: 14px !important;
	color: #333 !important;
	line-height: 2.2em !important;
	font-weight: 600 !important;
}

.left-panel-bg {background-color: #F0F0F0;}

.left-panel .title {
	font-size: 15px !important;
	text-transform: uppercase !important;
	color: #333 !important;
	padding-bottom: 20px !important;
}

.left-panel p {padding: 2px !important;}

.left-panel li {
	color: #006500 !important;
	padding-bottom: 3px !important;
}

.left-panel li a { color: #006500; }
.left-panel a { color: #000; }
.left-panel  h4 { color:#000 !important; font-size:15px!important; padding-bottom:10px!important;}
.left-panel a:active { color:#009a46!important; }
/*Search ENDS*/

.node-169175 input, .node-169175 select { padding: .5% !important; width: 45% !important; }
.node-169175 label { width: 100% !important; }


/* Large desktops and laptops */
@media  only screen and  (min-width:2080px) {
	.boxes > div > div {	min-height:260px;  margin-bottom: 20px;    border: 1px solid #ccc;
}

}

@media (max-width:1920px) { 
	.boxes > div > div {	  margin-bottom: 20px;  min-height:17em;  

}
.focus .focush1 { font-size:72px!important; color:#fff; font-weight:100}
.focus .focush2 { font-size:36px; color:#333!important; font-weight:bold;}
.focusColumns {width:31% !important;}
}
.boxes > div > div {
    color:#000;
  /*  padding: 9px;*/
 background:#fff;
font-size:14px;
border: 1px solid #ccc;

}
@media only screen and (min-width: 1441px) {

.instagram-social-feed img {
    min-width: 120px;!important;
}
}

@media only screen and (min-width: 1100px) and (max-width:1440px) {

.focus .focush1 { font-size:72px!important; color:#fff!important; line-height:72px!important;}
.focus .focush2 { font-size:36px!important; margin-bottom:16px}
.instagram-social-feed img {
    min-width: 290px!important;
}
.left-panel {
	padding-left: 60px !important;
	font-family:500!important;}
}
@media (min-width: 1100px) and (max-width: 1405px) {
	
	.focus .focush1 { font-size:48px!important; color:#fff!important; line-height:52px}
.focus .focush2 { font-size:24px!important;}

}

@media (max-width: 1220px) {
.navbar-nav li {
    font-size: 13px !important;
}
}

@media (max-width: 1024px) {
.navbar-nav ul, .navbar-nav li {
    font-size: 12px !important;
}
}

@media (min-width: 768px) and (max-width: 1172px) {
.navbar-nav li {
    font-size: 13px !important;
}
}

@media (min-width: 992px) and (max-width: 1153px) {
	.navbar-nav .region-search { display: none !important; }
}

@media (min-width: 768px) and (max-width: 917px) {
	.navbar-nav .region-search { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1100px) {
.focustextdiv {float: left;width: 100%; min-height:160px; padding-top:5px!important; }

.content > div > div {
    height: 37em;
}
.nav-box {
    border-right: 1px solid #009a46 !important;
    min-height: 350px !important;
}
.navbar-nav > li > .dropdown-menu {
min-height: 385px !important;
}
.mega-dropdown-menu .dropdown-header {
    font-size: 14px !important;
    font-weight: bold !important;
}
.focus .focush1 { font-size:48px!important; color:#fff!important; line-height:52px!important;}
.focus .focush2 { font-size:24px!important;}
/*.focus .row > div { min-height:290px;}*/
#flickr_badge_wrapper {width:21em!important;text-align:left!important}
.media-alert marquee { width:80%; float:right}

}
@media (min-width: 1660px) and (max-width: 3000px) {
.media-alert-align .col-lg-9 a { float: left !important; }
.media-alert-align .col-lg-3 { text-align: left !important; }
.media-alert-align .col-lg-6 { text-align: left !important; }

.col-lg-1 {
    width: 12.5% !important;
}  
div.alliances .col-lg-1 {
    width: 11% !important;
}  
.alliances .col-xs-3,.alliances .col-sm-3,.alliances  .col-md-3 {
    width: 11% !important;
}        
      
.col-lg-2 {
    width: 15%;
}

.tributerow .col-lg-2 {
    width: 100% !important;
}
/*.social > div > div {
	height: 33em;
}*/
.slider {/* margin-bottom: 1.2em; */}
.media-alert { /*margin-bottom: 2.5em;*/}
.focustextdiv {margin-top: 2em;}
.focusColumns {width:31% !important;}
.navbar-nav {
    margin: 0!important;
}
}

/* Normal desktops */
@media (max-width: 1659px) {
	body {
    font-size: 12px !important;
}
p, ol, ul, div, li {
	color: #000 !important; 
    font-family: Arial !important;
    font-size: 14px !important;
    line-height: 18px !important;
	}

.media-alert-align .col-lg-9 a { /*float: left !important;*/ }
.media-alert-align .col-lg-3 { text-align: left !important; }
.col-lg-1 {
    width: 12.5% !important;
}  

.col-lg-2 .tributerow { width: 100%!important;}
.col-xs-10, .col-xs-10{
    width: 83.33333333% !important;
}   
.mega-dropdown-menu .dropdown-main-header {
	font-size: 20px !important;	
	/*font-weight:bold !important;*/
	}
.mega-dropdown-menu .dropdown-header {
  font-size: 15px !important;
  /*font-weight:bold !important;*/
}  
/*.social > div > div {
	height: 42em;
}*/
.slider { margin-bottom: 1em; }
.media-alert { margin-bottom: 2.4em; }
.social > div > div {
	height: 36em;
}

#flickr_badge_wrapper {
    width: 30em;
    text-align: left;
}
.boxes > div > div {	
	min-height:15.5em;
}
/*.focus .row div { width:31%!important}*/
.focusColumns {width:31%;}
div.alliances .col-lg-1 {
    width: 11% !important;
}  
.alliances .col-xs-3,.alliances .col-sm-3,.alliances  .col-md-3 {
    width: 20% !important;
}  
}
/* Portrait tablets and medium desktops */
@media (max-width: 1279px) {
	body {
    font-size: 12px !important;
}
/*.focus img { padding-top:16px;}*/

p, ol, ul, div, li, {
	color: #000 !important; 
    font-family: Arial !important;
    font-size: 12px !important;
    line-height: 18px !important;
	}
.media-alert-align .col-lg-9 a { /*float: left !important;*/ }
.media-alert-align .col-lg-3 { text-align: left !important; }
.navbar-toggle .icon-bar {
    background: #fff !important;
}
.navbar-toggle { 
	margin-top: -150px !important;
}
	
 .left-panel {
	padding-left: 35px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.main-padding {
	padding: 30px 50px 30px 52px !important;
}  
.mega-dropdown-menu .dropdown-main-header {
	font-size: 14px !important;	
	font-weight:bold !important;
	}
.mega-dropdown-menu .dropdown-header {
  font-size: 12px !important;
  font-weight:bold !important;
} 
.mega-dropdown-menu > li > ul > li {
  font-size: 10px !important;
}  
/*.social > div > div {
	max-width: 35em !important;
}*/
.slider { margin-bottom: 0.8em; }
.focus .focush1 { font-size:48px; color:#fff; font-weight:300}
.focuslink { color:#fff; font-size:18px}
.focuslink a:hover {text-decoration:none; color:#009a4b}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.boxes > div > div {	
	min-height:15em;
}
.navbar-nav {
    margin: 0!important;
}
.view-id-currentofficials h3 { font-size:15px!important; font-weight:700!important;}
.view-id-currentofficials h4 { font-size:14px!important; font-weight:500!important; padding:0!important}
}
@media only screen and (min-width:481px) and (max-width: 800px) {
.instagram-social-feed img {
    min-width: 420px!important;
}
.media-alert marquee { width:75%!important; float:right}
}
 /*Portrait tablets and small desktops */

/*@media (max-width: 991px) {
.page-node-169012 .col-sm-12 { padding-right: none;  !important; }
#storelocator-map_canvas { width:100%!important;}
#storelocator-leftcolumn{ width:100%!important;max-width:100%!important;}
}*/


@media only screen and (min-width:768px) and (max-width: 991px) {
	body {
    font-size: 13px !important;
}

.slider  img { 
background-size:cover;
background-position:center;}
p, ol, ul, div, li {
	color: #000 !important; 
    font-family: Arial !important;
    font-size: 12px !important;
    line-height: 18px !important;
	}
	.anc_membership, .online_store, .province_sec, .nec_bulletin, .archives, .local, .umrabulo, .kids {  font-size: 1.5em;}
.media-alert-align .col-lg-9 a { float: none; text-align: center !important; }
	.boxes > div > div {	
	min-height:15.5em;
    border: 1px solid #ccc;
   /* margin-bottom: 0px;*/
   margin-bottom: 5%; }

/* } commented on 7th April */

.navbar-toggle .icon-bar {
    background: #fff !important;
}
  .navbar-header {
        float: none !important;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
	.navbar-right { padding-top: 10px; }
    .navbar-toggle {
       /* display: block !important;*/
        margin-top: -150px !important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1) !important;
    }
	.mega-dropdown-menu .dropdown-main-header {
	font-size: 20px !important;	
	font-weight:bold !important;
	}
.mega-dropdown-menu .dropdown-header {
  font-size: 17px;
  font-weight:bold !important;
} 
.mega-dropdown-menu > li > ul > li {
  font-size: 14px !important;
}
#flickr_badge_wrapper {
    width: 36em!important;
    text-align: left;
	min-height:16em!important;
}
/*.focus .row div { width:100%!important; margin-bottom:1em;}*/

  
 /*  .navbar-fixed-top {
		top: 0 !important;
		border-width: 0 0 1px !important;
	}
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px !important;
	}
	.navbar-nav>li {
        float: none !important;
    }
    .navbar-nav>li>a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .collapse.in{
  		display:none !important;
	}  
.social > div > div {
	min-height: 40em;
	min-width: 48em !important;
}*/

.slider { margin-bottom: 0.5em; }

}
.navbar-inverse .navbar-nav > .open > a { background-color:#fdefd4!important;}

/*
@media (min-width: 768px) and (max-width: 990px) {
	
	.navbar-toggle .icon-bar {
    background: #fff !important;
	}
	.navbar-toggle { margin-top: -150px !important;}
	
	 }*/
/* Landscape phones and portrait tablets */
@media (min-width:481px) and (max-width: 767px) {
.media-alert-align .col-lg-9 a { float: none; text-align: center !important; }
.view-currentofficials h3 { font-size:16px!important; font-weight:700!important;}
.view-currentofficials h4 { font-size:14px!important; font-weight:700!important;}
.front div.textright { float:left!important; position:relative!important; padding-left:0!important;}

.slider  img { 

background-size:cover;
background-position:center;}
.focus .focush1 { font-size:40px!important; color:#fff!important; line-height: 40px !important;}
.focus .focush2 { font-size:20px!important;}
.content > div > div { height:auto; }
.boxes > div > div {
    border: 0px solid #ccc;
    margin-bottom: 1%;
	min-height:16px; }

.navigation { font-size:14px;}
/* } commented on 7th April */

.navbar-toggle .icon-bar {
    background: #fff !important;
}
.navbar-nav {
    margin: 0!important;
}
  .navbar-toggle { margin-top: -150px !important;} 
 .navbar-nav { margin: 0 1% !important; }
 .navbar-collapse.in {
   background: url(../../images/menubg.jpg) no-repeat !important;
}
.left-panel {
	padding-left: 35px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.main-padding {
	padding: 30px 50px 30px 52px !important;
	
}

/*.social > div > div {
	min-height: 40em;
	min-width: 48em !important;
}*/
.slider { margin-bottom: 0.2em; }
.focusColumns { margin: 1em auto !important; text-align:center;}
.focusColumns img { text-align:center; margin: auto auto; }
.imgleft {
    float: left;
    width: 100%!important; 
    margin-top: 15px;
}
}
/* Landscape phones and smaller */
@media (min-width: 480px) and (max-width: 640px) {
	.view-currentofficials h3 { font-size:16px!important; line-height:26px!important; margin-bottom:0!important}
.view-currentofficials h4{ font-size:14px!important; line-height:16px!important; margin-bottom:0!important}
}
@media (max-width: 480px) {
	.view-currentofficials h3 {font-size:18px!important; line-height:26px!important; margin-bottom:0!important}
.view-currentofficials h4{  font-size:14px!important; line-height:26px!important; margin-bottom:0!important}
	.slider  img { 
/*height:100%;*/
background-size:cover;
background-position:center;}
.instagram-social-feed img { min-width: 200px!important;  } 
.social > div > div {
    height: auto!important;
}
.imgleft {
    float: left;
    width: 100%!important; 
    margin-top: 15px;
}
.front div.textright { float:left!important; position:relative!important; padding-left:0!important;}
.donatebut { width:60px!important;}
.media-alert-align .col-lg-9 a { float: none; text-align: center !important; }

.date-display-single { width:180px;}
.tb-megamenu .btn-navbar { float:right; margin: -55% 20% 0 0 !important; }
.views-field .views-field-title { border: solid 1px #000 !important;}
.field-content a { color:#000; text-decoration:none;}
    .boxes > div > div {
min-height:16px!important;
    border: 0px solid #ccc;
    margin-bottom: 0px;
	font-size:14px;
	font-weight:bolder;
} 
.navbar-toggle .icon-bar {
    background: #fff !important;
}
.navbar-toggle { margin-top: -120px !important;}

.left-panel {
	padding-left: 35px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.main-padding {
	padding: 30px 50px 30px 52px !important;
}
.media-alert marquee { width:80%; float:right}

.focustextdiv { float:left; text-align:left }

.focus .row div {width:100%!important; margin-bottom:1em;}
.focus img { max-width:auto}
.focus .focush1 { font-size:24px!important; line-height:24px!important}
.focus .focush2 { font-size:20px!important; line-height:24px!important;}

/*.social > div > div {
	height: 33em;
	width: 5em !important;*/

/* } commented on 7th April */

col-xs-10 { width:83%;}

.slider { margin-bottom: 0.1em; }
.media-alert marquee { width:70%; float:right}
.media-alert .alert-box{ text-align:left; margin-left:0; font-size:11px}
#flickr_badge_wrapper {
    width: 22em;
    text-align: left;
}
}

@media only screen and (max-width:479px) { 

.content > div > div {
    background: url(../../images/yellow_logo_bg.jpg) bottom right no-repeat;
	background-color: #fff;
   /* min-height: 31em;
  	min-height: 36em; 
	height: 42em;*/
	height:auto;
    color:#000;
    padding: 4% 7%;
    margin-bottom: 1.8%;
/*	font-size: 13px; */
}
.media-alert marquee { width:100%; float:right}
.focuslink { color:#fff; font-size:20px}
.focus img { max-width:auto}
#flickr_badge_wrapper {
    width: 22em;
    text-align: left;
}

}

.focustextdiv { width:100%!important; padding-top:3em; font-weight:bold;}
.focuslink { font-weight:200;}
/* Additional styles - anctoday view homepage*/

/* Views*/
/* Events homepage */
/*
.content td { padding:4px;}
.content .field-content { width:65px;}
.content .field-content img { width:65px;}*/
.content .h5, h5{ font-size: 21px;
    color: #009a46 ;}
	
/* Views list page*/
.lates-news{ 	
	padding: 25px;
	font-size: 15px;
	line-height: 24px;
	padding-bottom: 20px;
	margin-bottom: 22px; } 

.lates-news a {
    display: inline-block;
	background-color: #009a46;
 	padding: 0.3em 0.6em;
	color: #FFF !important;
	font-size: 14px;
	font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid transparent;
	margin-right: 1.2em;
	border-radius: 8px;
}
	.focusdiv{width:31%}

/*.views-field .views-field-title { border-bottom: solid 1px #000;}
.field-content img { display:inline !important;}
*/
.field-content a { color:#000; text-decoration:none; }
table, td, tr, tbody { border: 1px solid #ccc !important; }

.views-row-first .views-field-field-doc-date, .even .views-field-field-doc-date, .odd .views-field-field-doc-date { border-right: 1px solid #ccc !important; width: 15%; }
.views-row-1 .views-field-field-doc-date, .views-row-2 .views-field-field-doc-date, .views-row-3 .views-field-field-doc-date, .views-row-4 .views-field-field-doc-date, .views-row-5 .views-field-field-doc-date { 	border-bottom: solid 1px #ccc;border-right: none !important; width: auto !important;    padding-bottom: 3%;    margin-bottom: 3%; }

.view-display-id-events_block .views-field-field-event-date  { border-right: hidden !important; border-left: hidden !important; border-bottom: 1px solid #ccc !important; white-space: nowrap !important ;padding-bottom: 3%;
margin-bottom: 3%; white-space:nowrap}

.view-display-id-events_block .views-field-field-event-name { border-right: hidden !important; border-left: hidden !important;  /*font-weight: 600 !important; */}

.view-display-id-events_block .view-events table { border-top: hidden !important; }


.media-alert-align .col-xs-12 { text-align: left !important; }
.media-alert-align .col-sm-12 { text-align: left !important; }
.media-alert-align .col-md-12 { text-align: left !important; }

/* Officials pages*/

/* Officials page */
.offial-para {
	margin-top: 0;
	border-bottom: 1px #D0D0D0 solid; 
	margin-bottom: 30px;
	padding-bottom: 25px;
}

.offial-para p {
	padding-bottom: 2px;
}

.more {
    display: inline-block;
	background-color: #009a46;
 	padding: 0.3em 0.6em;
	font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid transparent;
	margin-right: 1.2em;
	border-radius: 8px;
	margin-top: 0;
}
a.more-events { font-size:12px; font-weight:bold; color:#000; text-decoration:none}
.moreblack {
    display: inline-block;
	background-color: #009a46!important;
 	padding: 0.3em 0.6em;
	font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid transparent;
	margin-right: 1.2em;
	border-radius: 8px;
	color: #FFF;
}
.moreblack p { margin-top: 1em !important; margin-bottom: 2em !important; }

.more a { color: #FFF !important; font-weight: bold !important; }

.more:hover, .button:hover, .moreblack:hover, .lates-news a:hover{
	cursor: pointer !important;
	color:#FEC00D !important;
}


/* End Officials *

/* President page */

.presidents-row-margin { margin: 32px 0; }

div.presidents-all-col-3 {
	border: solid 1px #999;
	margin-right: 28px;
	padding-top: 20px;
	padding-left: 22px;
	height: auto;
	color: #000;
}

.presidents-row-margin p {
	margin: 0;
	padding: 0;
}

.presidents-row-margin .name {
	font-weight: bold;
	font-size: 19px;
}

.presidents-row-margin .date {
	font-weight: bold;
	font-size: 17px;
	color: #009a46;
}

.presidents-more a {
	color: #7A7A7A;
}

/*.presidents-duties { float:left;}*/
.presidents-more a:hover {
	color: #009a46; /* ANC Yellow */
}

.imgwidth img{ min-width:150px;} 

view-display-id-events_block { border-top: none !important; }
.short-header { width: 425px; } /* H3 on the officials page, it has to be 2 lines */
/* President page */

.presidents-row-margin { margin: 32px 0; }

.presidents-all-col-3 {
	border: solid 1px #999;
	margin-right: 28px;
	padding-top: 20px;
	padding-left: 32px;
	height: auto;
	color: #000;
}

.presidents-row-margin p {
	margin: 0;
	padding: 0;
}

.presidents-row-margin .name {
	font-weight: bold;
	font-size: 19px;
}

.presidents-row-margin .date {
	font-weight: bold;
	font-size: 17px;
	color: #009a46;
}

.presidents-more {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border-top: 1px #CCC solid;
	margin-left: -1.6875em;
	margin-right: -1.1em;
	margin-top: 15px;
	padding: 10px 0;
}

.presidents-more a {
	color: #7A7A7A;
}

.presidents-more a:hover {
	color: #009a46; /* ANC Yellow */
}

.donatebut { background:#006600; color:#FFFFFF; font-weight:bold; padding:10px !important; margin: 4px !important; }

.donate-table { border: 1px solid #FFF !important; background: none !important; }

.mobile_social { border-top: 1px solid #999 !important; letter-spacing: 5px !important; text-align: center !important; padding-top: 20px !important;  padding-bottom: 30px !important; }

/* Forms */
#webform-client-form-168797, #webform-client-form-168796 { width: 70%; height: 100%; float: left; padding-top: 1.5em; }

label { font-weight: normal !important;; text-align: left; padding: 0.5em; width: 15em; }
.form-item-notify label { width:100%!important; display:inline!important}
.resizable-textarea .grippie {background: none !important; height: 0 !important; display: none !important; }
.webform-submit {
    display: inline-block;
    padding: 0.5% 2%;
    margin-top: 2%;
    font-weight: bold;
	color: #FFF;
	background-color: #009a46;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 10px;
    overflow: visible;
    box-sizing: border-box;
}

.panel-default { padding:15px;}
.panel-default h3 a { color:#009a46;}

.my-tab-content { margin-top:30px;}

.pager a { color: #009a46 !important; font-weight: bold; }

.pager-current { font-weight: bold; color: #000; padding: 0 15px; }

.pager-ellipsis { color: #009a46; padding-right: 10px; font-weight: bold; }

.media-alert .img-responsive{ display:inline;}
/*.iframe-container {
    position: relative;
    width: 100%;
	height:100%;
    overflow: hidden;
	background: transparent;
	border:none;
}

#login-iframe {
  width: 100%;
  height:100%;
}
*/
.media-alert-align .col-md-12 {
  text-align: left !important;
  white-space: nowrap;
}
.bef-select-as-links .form-item { display:inline; }
.bef-select-as-links .form-item div { background:#009a46; margin-right:4px; padding:5px; }
.row .footer  { margin-left: 2em;}




/*   FOCUS AREA  */

.focush1 { font-size: 72px !important; color:#fff !important; line-height:72px !important; font-family:Arial; font-weight:bold;}
.focush2 {font-size: 36px !important; color:#333 !important;line-height:36px !important; font-family:Arial;}

.focusColumns {margin-right:15px; padding:10px; min-height:32em; }

.views-label .views-label-field-email { display:inline!important;}


/* MERCHANDISE

.merchandise {

	margin: 0 !important;
	border: none !important;
	margin-bottom: -18px !important;
    padding: 30px 0 !important;
}

.merchandise .col-lg-2 { width: 16.66666667% !important;}
 */
/*.main-content {
	height: auto !important; 
	margin: 2.8% 4% !important;
	padding: 1.5% 2.8% 2.1% 2.8% !important;
	border: solid 1px #999 !important;
    background: url(../../images/main-bg.jpg) no-repeat !important;
	background-color: #f4d58c !important;
	min-height:460px!important;}

*/
/*.merch-row-margin { margin: 1.5em 0; }*/
.merch-row-margin { margin-bottom: 1em; }

.merch-row-margin .col-md-2, .merch-row-margin .col-lg-2 { width: 20% !important; /* padding-bottom: 3% !important; */ }

#jackets .col-md-2, #jackets .merch-col .col-lg-2, #jackets .merch-col .col-xs-6, #jackets .merch-col .col-sm-6, #shoes .col-md-2, #shoes .merch-col .col-lg-2, #shoes .merch-col .col-xs-6, #shoes .merch-col .col-sm-6 { padding-bottom: 2% !important; }

.merch-menu {
	padding-top: 2%;
	padding-bottom: 2%;
	border-bottom: solid 1px #999;
	margin: 0; 
	display: flex; align-items: center;
	text-align: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 600;
}

.merch-menu a:active, .merch-menu a:hover {
	color: #006600 !important;
}

.merch-menu .main-link a {
	color: #006600 !important;
	font-weight: bold !important;
}

.merch-menu .main-link a:active, .merch-menu .main-link a:hover {
	color: #000 !important;
}

.merch-col-3 {
/*	background-color: #FFF;
	width: 100%;
	height: 16em; 
	height: auto;
	display: flex; align-items: center;
	text-align: center;
	justify-content: center;
	margin: 0.2em 0;
	padding: 1.5em;
	border: solid 1px #CCC !important; */
}

.order { border: solid 1px #CCC !important; padding: 2% 0 !important; text-align: center !important; font-weight: 600 !important; 
	display: flex; align-items: center !important;
	text-align: center !important;
	justify-content: center !important;
}
.nav .breadcrumb ol li { list-style-type:none!important;}
.breadcrumb li {display:inline!important;}
.forum-add-node { display:none !important; }
.forum-add-forum { display:none !important; }
.forum-node-create-links { display:none !important; }
.forum-node-create-links-top { display:none !important; }
.topic-reply-link a { font-weight:bold !important; }
.forum-post-links ul li{ padding-right:8px;} 

.gm-style .place-card-medium { display: none !important; }
/*.gm-style .place-card { display: none !important; }*/
#edit-field-province-value-all .form-item-edit-field-province-value-all { display: none !important; }


/* -- STORE LOCATOR WIDGET -- */
/*.storelocator-map-marker-label { display: none !important; }*/

@media (min-width:200px) and (max-width:360px) { 
select#storelocator-filter { min-width: 65% !important; float: right !important; }
#storelocator-nearby.storelocator-btn-primary { width: 55% !important; float: right !important; }
#block-views-currentofficials-block-2 .col-lg-4 { min-height: auto !important; }
.imgleft { padding-right: 5% !important;}
}

@media (min-width: 361px) and (max-width:500px) { 
select#storelocator-filter { min-width: 70% !important; float: right !important; }
#storelocator-nearby.storelocator-btn-primary { width: 65% !important; float: right !important; }
#block-views-currentofficials-block-2 .col-lg-4 { min-height: auto !important; }
.imgleft { padding-right: 5% !important;}
}

@media (min-width: 501px) and (max-width:600px) { 
select#storelocator-filter { min-width: 75% !important; float: right !important; }
#storelocator-nearby.storelocator-btn-primary { min-width: 75% !important; float: right !important; }
#block-views-currentofficials-block-2 .col-lg-4 { min-height: auto !important; }
}

@media only screen and (max-width:600px) { 
input#storelocator-search_address, input#storelocator-search_location { width: 100% !important; }
.storelocator p { margin: 6px 0 !important; font-size: 12px !important; }
/*select#storelocator-filter { min-width: 70% !important; float: right !important; }*/
span#storelocator-filter_text { line-height: 26px !important }
#block-views-currentofficials-block-2 .col-lg-4 { min-height: auto !important; margin-bottom: 0 !important; }
.view-currentofficials h4{ padding-top: 0 !important; font-size:14px!important; line-height:16px!important; margin-bottom:0!important}
}

@media (min-width: 601px) and (max-width:800px) { 
input#storelocator-search_address { width: 58% !important; float: right !important; }
.storelocator p { margin: 6px 0 !important; font-size: 13px !important; }
select#storelocator-filter { min-width: 80% !important; float: right !important; max-width: 100% !important; }
#storelocator-filter_text { float: left !important; }
span#storelocator-filter_text { line-height: 30px !important }
}

@media only screen and (min-width: 801px) { 
#storelocator-search-bar { font-size: 15px !important; }
span#storelocator-filter_text { line-height: 30px !important }
}

/*@media (min-width: 601px) and (max-width:800px) { 
input#storelocator-search_address, input#storelocator-search_location { width: 100% !important; }
.storelocator p { margin: 6px 0 !important; font-size: 13px !important; }
select#storelocator-filter { min-width: 80% !important; float: right !important; }
span#storelocator-filter_text { line-height: 26px !important }
}*/

#storelocator-search-bar { text-align: center !important; }
#storelocator-footer { display: none !important; }
.storelocator-btn-primary, .storelocator-btn-danger, .storelocator-btn, .storelocator-btn-danger:active { background-color: #009A46 !important; background-image: -webkit-linear-gradient(top, #00C458, #00AA4D) !important; }
.storelocator-btn-danger:hover,  .storelocator-btn-danger:focus { background-color: #FEC00D !important; background-image: -webkit-linear-gradient(top, #FECC34, #FEC929) !important; }
.storelocator-distance { color: #FF7F00 !important; }
.storelocator-description { font-weight: bold !important; }
.node-168797 .form-managed-file{ display:inline-block}
.node-168797 .description { font-size:13px; background:#f0f8ff}
.node-168797 input[type="file"] { display:inline;}
#block-menu-menu-events ul.menu li, #block-menu-menu-voter-information-menu ul.menu li { list-style-type:none; display:inline-block; text-transform:uppercase; width:auto; margin: 10px 10px 0 10px; font-size:13px; letter-spacing:1px;}
#block-menu-menu-events .menubgyellow { background:#FEC00D; padding:4px}
#block-menu-menu-events .menubggreen { background:#009a46; padding:4px}
#block-menu-menu-events .menubggreen a { background:#009a46; color:#fff; padding:4px}
.views-field-field-end-date {border-bottom: solid 1px #ccc;border-right: none !important; width: auto !important;    padding-bottom: 3%;    margin-bottom: 3%; }
.node-type-national-conference .col-lg-3 { padding-bottom:15px!important;}
.mfp-bottom-bar { display:none!important;}
.view-54th-national-conference  .views-field-field-doc-date { border-color:#666!important; margin-bottom: 1%!important;}
img.mfp-thumbnail { margin-bottom:21px!important;}
/* megamenu events menu */
.tb-megamenu {
   /* background-color: #fff!important	;*/
}
.mega-dropdown-menu { height:auto!important;}
.tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover
 {  color:#000!important;}
 
 .region-results table, td, tr, tbody {
    border: none !important;
}

.region-results td { padding:5px!important;}

@media (min-width: 960px){
.front #block-views-currentofficials-block-2 .col-lg-4 {
    width: 33.33333333%!important;/*min-height: 340px!important;*/
}
}
.view-id-currentofficials h3 { padding:0!important; font-size:18px}
.view-id-currentofficials h4 a {color:#009a46!important; font-weight:500!important; font-size:14px!important}
.officialsblock .views-row { display:inline-block!important; width:33.1%!important; min-height:230px!important;}
.officialsblock img {max-width:100%!important; height:auto!important}
.officialsblock .views-field-field-position-held .heading1 { color:#009a46!important;; font-size:21px!important; font-weight:500!important;  }
.officialsblock .views-field-title .heading2 { color:#000!important;; font-size:18px!important;; font-weight:500!important; } 


/* MEMBERSHIP FORM */

@media (max-width:1024px) { 
	.node-169748 .form-select, .node-169748 .form-text, .node-169748 .form-textarea {
		width: 100% !important;
	}
	#webform-client-form-169748 { padding-top: 1.2%; font-size: 14px !important; color: #333 !important; }
}

@media (max-width:991px) {
	#webform-client-form-169748 { font-size: 13px !important; }
	.node-169748 .form-select, .node-169748 .form-text, .node-169748 .form-textarea { font-size: 13px; }
	.webform-calendar { height: 30px !important }
}

#webform-client-form-169748 { padding-top: 1.2%; font-size: 14px !important; color: #333 !important; }

#webform-client-form-169748 .webform-component {
	margin-bottom: .3% !important;
}
#webform-client-form-169748 .form-item label {
    font-family: 'Open Sans',sans-serif !important;
    font-weight: 600 !important;
	line-height: 1em !important;
	padding-left: 0 !important; 
}

#webform-client-form-169748 .form-type-radio label, #webform-client-form-169748 .form-type-checkbox label { display: inline-block !important; font-weight: normal !important; vertical-align: top !important; width: 80% !important; }

#webform-client-form-169748 input[type="checkbox"], #webform-client-form-169748 input[type="radio"] { vertical-align: text-top !important; }

.node-169748 .form-select, .node-169748 .form-text, .node-169748 .form-textarea {
    display: inline-block;
    width: 50%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
/*    font-size: 14px;*/
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.node-169748 .form-textarea { height: 100% !important }

.webform-calendar { height: 40px !important }

.node-169748 .marker, .node-169748 .form-required { color: #f00; }

.page-node-169748 .links a, .page-node-169748 .links a:hover { color: #009a46 !important; }

.node-169748 .os-share-widget-interface { display: none !important; }

.page-tributes h3.field-content { text-transform:uppercase!important;}
.views-more-link { font-weight:bold !important; color: #009a46 !important;}