body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
html{color:#222;font-size:1em;line-height:1.4;}
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,
canvas,
iframe,
img,
svg,
video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.browserupgrade{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}
.section{clear:both;padding:0px;margin:0px;}
.col{display:block;float:left;margin:1px 0 0 1.6%;}
.col:first-child{margin-left:0;}
.group:before,
.group:after{content:"";display:table;}
.group:after{clear:both;}
.group{zoom:1;}
.span_12_of_12{width:100%;}
.span_11_of_12{width:91.53%;}
.span_10_of_12{width:83.06%;}
.span_9_of_12{width:74.6%;}
.span_8_of_12{width:66.13%;}
.span_7_of_12{width:57.66%;}
.span_6_of_12{width:49.2%;}
.span_5_of_12{width:40.73%;}
.span_4_of_12{width:32.26%;}
.span_3_of_12{width:23.8%;}
.span_2_of_12{width:15.33%;}
.span_1_of_12{width:6.866%;}
.span_5_of_5{width:100%;}
.span_4_of_5{width:79.68%;}
.span_3_of_5{width:59.36%;}
.span_2_of_5{width:39.04%;}
.span_1_of_5{width:18.72%;}
/*  GRID OF SIX  */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
.span_1_of_6 {width: 15.33%;}

html, body{height:100%;background:#ffc;margin:0!important;font-family:'Lato', sans-serif;}
a{cursor:pointer;text-decoration:none;color:#0066b3;font-weight:700;}
a.caption-link{color:#333;}
body.home{background:#000;}
.container{display:inline-block;position:relative;height:100%;width:100%;}
.container:after{content:"";display:block;}
.inner-container{margin-bottom:-130px;}
header{margin:0 !important;padding:0 !important;}
.header-wrapper{max-width:1200px;margin:auto;}
.header-wrapper div:first-child, .header-wrapper div:last-child{box-sizing:border-box;}
#header-top{height:81px;background-color:rgba(0, 97, 171, 0.94);}
.secondary-page #header-top{background-color:rgb(0, 97, 171);} 
#map {
	min-height: 650px;
}
#header-top .map-top {
	height: 81px !important;
}
#logo{width:126px;height:81px;background:url('../img/cwt-top-logo-trademarked.png') no-repeat left top;position:relative;bottom:2px !important;}
#logo a{width:112px;height:81px;display:block;cursor:pointer;}
.bugle{background:url('../img/bugle.png') no-repeat center center;height:81px;}
.social-links{position:relative;}
.social-links a{float:right;}
#tw-link{margin-left:24px;}
.slicknav_menu{display:none;}
.header-content {
	height: 40px;
}
.hide-text{color:rgba(0,0,0,0) !important;text-indent:-9000px !important;}
.hide-text a{color:rgba(0,0,0,0) !important;text-indent:-9000px !important;}
nav{height:40px;background-color:rgba(226, 27, 35, 0.95);margin:0 !important;padding:0 !important;}
nav .section {
	position: relative;
	top: -2px;
	height: 41px;
}
nav .gmap-center-button, main .gmap-center-button { position: absolute; z-index: 100;}
nav .gmap-center-button, main { right: 4px; top: 50px;}
main .gmap-center-button { right: 4px; top: 130px;}
main .gmap-center-button.mobile { display: none;}

.secondary-page nav{background-color:rgb(226, 27, 35);}
nav .col{height:39px;text-align:center;}
#menu{position:relative;left:4.1%;box-sizing:border-box;width:80%;max-width:70em;margin:9px auto;}
#menu li{font-size:14px;font-weight:400 !important;text-transform:uppercase;letter-spacing:1px;}
#menu li:first-child{width:13%;}
#menu li:nth-child(3){width:9%;}
#menu li:nth-child(5){width:16%;}
#menu li:nth-child(7){width:15%;}
#menu li:nth-child(9){width:20%;}
#menu li:nth-child(11){width:13%;}
#menu .nav-star{width:2%;height:40px;background:url(../img/star-14.png) no-repeat;background-position-y:3px;background-position-x:center;}
#menu li a{color:white;}
nav ul{list-style-type:none;margin:0;padding:0;position:absolute;}
nav li{display:inline-block;float:left;}
nav li a{display:block;text-align:center;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:white;text-decoration:none;}
nav li:hover a{}
nav li:hover ul li{width:100% !important;}
nav li:hover ul a{background:rgba(255, 204, 78, 0.85);color:#2f3036;height:40px;line-height:40px;}
nav li:hover ul a:hover{background:rgba(50, 50, 50, 0.7);color:#fff;}
nav li ul{display:none;visibility:hidden;opacity:0;min-height:0;padding-top:11px;transition:opacity 0.7s ease-in-out;}
nav li ul li{display:block;float:none;width:100% !important;color:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;font-size:14px !important;font-weight:400 !important;text-transform:none !important;letter-spacing:0;text-shadow:1px 1px 5px #444;padding:0 !important;}
nav li ul li a{text-align:left;padding:0 12px 0 16px;}
nav li ul li a{width:auto;min-width:100px;padding:0 20px;}
.show-menu{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration:none;color:#fff;background:#19c589;text-align:center;padding:10px 0;display:none;}
.show-menu{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;background:url('../img/hamburger-40.png') no-repeat center center;background-size:32px 32px;text-decoration:none;color:#fff;background-color:rgba(226, 27, 35, 0);text-align:center;box-sizing:border-box;padding:10px 0;margin:0;height:40px;position:relative;top:-7px;display:none;}
input[type=checkbox]{display:none;}
input[type=checkbox]:checked ~ #menu{display:block;}
#banner-image{width:100%;height:400px;background-size:cover;background-position:center;}
.about-page #banner-image{background-image:url(../img/lee-grant.png);}
.mapguides-page #banner-image{background-image:url(../img/map-keys-sunglasses.jpg);}
.membership-page #banner-image{background-image:url(../img/re-enactment.jpg);}
body.membership-new-page #banner-image{background-image:url(../img/burke-fire3.jpg);}
.faq-page #banner-image{background-image:url(../img/sign-w-field.jpg);}
.connect-page #banner-image{background-image:url(../img/panorama.jpg);}
.connect-page #banner-image, .membership-page #banner-image{background-position-x:left;}
#main-content{max-width:1200px;min-height:480px;margin:0 auto;}
main p, main h2, main h3{text-align:left;color:#222;margin-bottom:1em;}
main h2{text-transform:uppercase;font-size:24px;font-weight:700;color:#f7b305;margin-top:14px;}
main p{font-size:15px;line-height:22px;}
main h3{clear:both;text-transform:uppercase;font-size:18px;font-weight:700;color:#0066b3;padding-bottom:4px;border-bottom:1px solid #fecc4e;}
.inset-image-block{width:100%;float:right;margin-left:30px;}
.inset-image-block .caption{font-size:13px;line-height:17px;font-weight:700;padding:8px 0;}
.inset-image-block img{width:100%;}
.staff, .brochures{padding:2em 0 0;clear:both;}
.staff-block{position:relative;width:22.3%;float:left;background-color:#ffc;margin-right:3.5%;}
.staff-photo{position:relative;overflow:hidden;}
.bio-photo{position:relative;width:28%;float:left;background-color:black;margin-right:4%;}
.staff-photo img, .board-photo img, .bio-photo img{width:100%;}
.portrait{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;backface-visibility:hidden;}
.plus-link{background-color:rgba(255,204,78,0.8);transition:.5s ease;opacity:1;position:absolute;bottom:-5px;right:-5px;padding:0 5px 5px 0;}
.staff-photo:hover .portrait,
.board-photo:hover .portrait{opacity:0.7;}
.staff-photo:hover .plus-link,
.board-photo:hover .plus-link{opacity:1;}
.plus-sign{background-color:rgba(255,204,78,0.8);background-color:transparent;color:white;font-size:40px;line-height:30px;padding:4px 8px 6px;}
.board-plus{font-size:30px;padding:2px 8px 3px;}
.board-block{position:relative;width:17.04%;float:left;background-color:#ffc;margin-right:3.7%;}
.board-photo{position:relative;overflow:hidden;}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
.caption{background-color:#ffc;font-weight:700;font-size:18px;text-align:left;color:#222;padding:14px 0;}
.bio-caption{padding-top:0;}
.job-title{font-weight:300;font-style:italic;}
.staff-last{margin-right:0;}
.faq-page main h2{padding-bottom:16px;}
button.accordion{background-color:#ffd66e;font-size:17px;font-weight:700;color:#4c4c4c;cursor:pointer;padding:15px;width:100%;text-align:left;border:none;outline:none;transition:0.4s;margin-bottom:3px;position:relative;}
button.accordion.active, button.accordion:hover{background-color:#fcc228;}
div.panel{padding:0 14px;max-height:0;overflow:hidden;transition:all 0.4s ease-in-out;}
div.panel p{font-family:Lato, Ariel, sans-serif;font-size:17px;font-weight:400;line-height:24px;padding:8px 0px 20px;}
button.accordion:after{content:'\02795';font-size:13px;color:#777;float:right;margin-left:5px;padding-top:3px;}
button.accordion.active:after{content:"\2796";}
.connect-page form{padding:0 0 30px;}
.connect-page .inset-image-block{padding-top:8px;max-width:236px;}
#connect_first_name_row,
#connect_last_name_row,
#connect_email_address_row,
#connect_topic_row{box-sizing:border-box;width:48%;}
#connect_message_row{box-sizing:border-box;width:98%;}
.form-content{position:relative;border:1px solid #666;box-sizing:border-box;padding:8px;}
.form-borderless{border:none;}
.form-content label, #recap_msg{padding-left:8px;color:#a31b1d;font-weight:700;}
#recap_msg{padding-top:10px;}
#connect_title_row select, #connect_first_name_row input, #connect_last_name_row input, #connect_middle_name_row input, #connect_email_address_row input, #connect_topic_row select, #connect_message_row textarea{width:100%;font-size:16px !important;box-sizing:border-box;padding:5px 7px;}
#connect_title_row, #connect_first_name_row, #connect_middle_name_row, #connect_last_name_row, #connect_email_address_row, #connect_topic_row, #connect_submit_row{float:left;margin-right:2%;}
input[type="text"], input[type="number"], input[type="email"], textarea, select{height:40px;background-color:#ffc;box-shadow:none;border-style:none;}
input:focus, select:focus, textarea:focus{outline:none !important;}
#connect_topic_row select{height:41px;}
#connect_message_row textarea{height:120px;}
input[type=submit]{height:40px;padding:5px 15px;margin-top:12px;background:#f7b305;border:0 none;cursor:pointer;font-size:16px;-webkit-border-radius:0px;border-radius:0px;}
div.form-row{margin-top:8px;margin-bottom:8px;}
#connect_message_row{padding-top:7px;}
span.field-required{display:inline-block;zoom:1;height:9px;width:9px;background-image:url(../img/required.png);background-size:7px 7px;background-repeat:no-repeat;vertical-align:top;margin:4px 0 0 2px;}
p.submit-acknowledge{font-size:18px;line-height:24px;margin:28px 0 16px 17px;color:#a31b1d;margin-left:14px;}
div.g-recaptcha{padding-top:8px;}
#connect_submit_row .form-content{padding:0 !important;}
#ContactButton{margin:0 !important;border-radius:4px;}
#social-feeds{float:left;min-height:550px;padding-bottom:40px;margin-top:6px;}
#social-feeds img{}
h1.referral{display:none !important;}
.juicer-feed.modern li.feed-item{background-color:#efefef !important;}
.cwt-juicer-feed{width:31.3%;float:left;margin-right:3.05%;}
.cwt-juicer-feed:last-child{margin-right:0;}
.j-paginate{display:none !important;}
li.feed-item{min-height:550px;}
.j-poster img{display:none !important;}
.j-poster{background-color:#666;}
.j-poster h3, .j-twitter-display-name, .j-twitter-screen-name{color:white !important;margin-left:48px !important;}
.j-twitter-display-name, .j-twitter-screen-name {text-transform: uppercase;}
.j-twitter-screen-name { padding-bottom: 4px; border-bottom: 1px solid #fecc4e;}
.j-twitter-post-icon {display: none;}
.j-message { font-size: 15px !important; line-height: 22px !important; font-weight: normal !important;}

ul[data-filter=Facebook] .j-poster{background:#666 url('../img/facebook-feed-icon.png') no-repeat left top;}
ul[data-filter=Twitter] .j-poster{background:#666 url('../img/twitter-feed-icon.png') no-repeat left top;}
ul[data-filter=Instagram] .j-poster{background:#666 url('../img/instagram-feed-icon.png') no-repeat left top;}
.j-message a{white-space:nowrap;}
.member-packets{margin:40px 0;}
.member-packets img{width:100%;border:1px solid #bbb;}
.membership-link{font-size:14px;line-height:17px;font-weight:700;padding:12px;}
.brochures .group{margin-bottom:50px;}
.brochures img{margin-bottom:8px;width:100%;height:100%;}
.brochures a{display:block;font-size:14px;margin:5px 0;}

/* MAP PAGE */

.info_content p {
    margin-bottom: 1em !important;
}


#flex-container {
	min-height: 90vh; 
	width: 100%;
	display: flex;
	flex-direction: row;
}

#map {
	flex: 1 0 80%;
}

/* Interactive Map menu */
aside.map-menu {
	box-sizing: border-box;
	padding: 36px 36px 50px;
  flex:0 0 20%;
	height: 100%; 
	color: #b00; 
	background-color: #ffc; 
}
aside h2 {
	text-transform: uppercase;
	font-size: 1.2em;
	color: orange;
	margin-bottom: 1em;
}
aside h3 {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 900 !important;
	color: #0f6aaf;
	margin-bottom: 0.4em;
	margin-top: 1em;
}
aside p {
	color: #000;
}

.root-label-container {
	display: block;
}
/* Interactive Map menu buttons */
.cb-container {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 6px;
  cursor: pointer;
  font-size: 16px;
  color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cb-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 10px;
  width: 10px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #b00;
}

.cb-container:hover input ~ .checkmark {
  /*background-color: #bbb;*/
}

/* When the checkbox is checked, add a blue background */
.cb-container input:checked ~ .checkmark {
  background-color: orange;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cb-container input:checked ~ .checkmark:after {
  display: block;
}

/*FOOTER*/
footer{height:118px;background:#555;text-align:center;padding-top:12px; clear: both;
}
#footer-nav{padding-bottom:12px;}
#footer-nav li{display:inline;margin-right:4%;}
#footer-nav li:last-child{margin-right:0;}
#footer-nav a{color:#fecc4e;font-size:17px;font-weight:400 !important;text-transform:uppercase;}
footer #mobile-social{display:none;}
footer address{font-weight:300;font-style:normal;color:#aaa;font-size:15px;line-height:20px;padding-top:2px;}
footer .copyright{font-size:12px;}
footer .design-credit{font-size:12px;}
footer .design-credit a{display:block;color:#77a9b8;padding-top:8px;}
.sticky-footer-adjust{height:148px;}
/* make footer of home page sticky */
body.home footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}

#audio-block, #description-block {
	box-sizing: border-box;
	width: 50%;
	float: left;
}
#description-block {
	padding-left: 3%;
}
#audio-block img {
	width: 100%;
}
#description-block p, audio {
	width: 100%;
	color: #444;
}
audio {
	height: 40px !important;
}
#description-block h2 {
	font-family: "Domine", serif;
	font-size: 30px;
	color: #333;
	margin-bottom: 12px;
	margin-top: 0 !important;
	text-transform: none;
}
#description-block p.prompt {
	font-weight: bold;
}
p.attribution {
	font-size: 14px;
	line-height: 24px;
	color: red;
	padding-top: 12px;
}



@media only screen and (max-width:1600px){#menu{width:100%;}
#menu li{font-size:13px;}
}
@media only screen and (max-width:1280px){
.bugle{background-size:140px 70px;position:relative;left:12px;}
aside.map-menu {flex: 0 0 25%;
}
#map {flex: 0 0 75%;}
.cb-container {font-size: 1.2vw;}
}

@media only screen and (max-width:1080px){#menu li{font-size:12px;padding-top:3px;}
header .span_2_of_12{width:4%; height: 1px;}
header .span_8_of_12{width:90%;}
aside.map-menu {width: 25%;}
#map {width: 75%;}
}

@media only screen and (max-width:1024px){
#header-top .map-top {
	height: 130px !important;
}
#header-top .span_2_of_12{width:4% !important;margin:0 !important;}
#header-top .span_8_of_12{/*position: absolute;*/ z-index: 100;}
nav .span_2_of_12{width:0 !important;}
nav .span_8_of_12{width:100% !important;}
nav .gmap-center-button.desktop {
	display: none;
}
main .gmap-center-button.mobile {
	display: block;
}
.js nav{display:none !important;}
.js .slicknav_menu{display:block;padding:2px 0;text-align:center;width:100%;background-color:rgba(226, 27, 35, 0.95);}
.slicknav_btn{display:inline-block;float:none;text-align:center;background-color:rgba(226, 27, 35, 0.95);position: relative;left: -6px;
}
.slicknav_menu .slicknav_icon-bar{width:1.8em;height:.18em;margin-bottom:4px;}
.slicknav_nav{background-color:#ffc;font-size:.95em !important;}
.slicknav_nav li.nav-star{display:none!important;}
.slicknav_nav ul{margin-left:0 !important;}
.slicknav_nav ul.hidden,
.slicknav_nav ul.hidden li{background-color:#ebebbf !important;}
.slicknav_nav li{border-bottom:2px solid #e3e3b7;background-color:#ffc;line-height:150%;}
.slicknav_nav li ul li{border:none !important;}
.slicknav_nav li:first-child{padding-top:3px;}
.slicknav_nav li ul li:first-child{padding-left:0;}
.slicknav_nav li:nth-child(3){}
.slicknav_nav li:last-child{padding-bottom:3px;}
.slicknav_nav a{color:rgb(0, 97, 171);}
.slicknav_nav ul li a{color:#555;}
.slicknav_nav a:hover{border-radius:0;background:#ffc;}
.slicknav_nav li ul a:hover{border-radius:0;background:#ebebbf;}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav li:hover{border-radius:0;background:#ffc;color:#555;}
nav .span_2_of_12{width:0%;height:0 !important;}
nav .span_8_of_12{width:100%;margin-left:0 !important;}
.cwt-juicer-feed{width:46%;}
#flex-container aside {
	flex: 0 0 30%;
}
#flex-container #map {
	flex: 0 0 70%;
}



@media screen and (max-width:768px){
.span_2_of_12{width:5%;}
#header-top .span_8_of_12{margin: 0; z-index: 100;}
#header-top .span_4_of_12{margin: 0;}
.span_8_of_12{width:83%;}
.span_3_of_12{width:0;}
.span_9_of_12{width:100%;}
.faq-page header{position:absolute;z-index:2;width:100%;}
.faq-page #banner-image{padding-top:120px;}
.connect-page .inset-image-block{display:none;}
#audio-block, #description-block {width: 100%;float: none;}
p.attribution { font-size: 13px; line-height: 18px; margin-bottom: 30px;}
#description-block {padding-left: 0 !important;}
#flex-container {
	flex-direction: column;
}
#flex-container aside {
	order: 2;
	width: 100%;
}
#flex-container aside h2,
#flex-container aside h3 {
	/*text-align: center;*/
}
#flex-container #map {
	order: 1;
	width: 100%;
	min-height: 550px;
}
.cb-container {font-size: 16px;}
}

.cb-container:hover input ~ .checkmark {
  /*background-color: white;*/
}
.cb-container:hover input ~ .checkmark:checked {
  background-color: orange;
}
}

@media only screen and (max-width:700px){.nav-container{position:relative;top:0px;}
#banner-image{height:200px;}
}

@media only screen and (max-width:667px){
.col{margin:1% 0 1% 0%;}
.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12{width:100%;}
.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5, .span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 {width:100%;}
#logo{margin:auto;}
.bugle, .social-links{display:none;}
.nav-container{top:0px;}
#menu{top:-2px;}
nav li ul li:last-child{border-bottom:none !important;}
#main-content{padding:3%;}
.inner-container{margin-bottom:-64px;}
#banner-image{height:160px;}
.staff-block, .board-block{width:100% !important;}
.bio-photo{float:none;width:100%;}
#connect_first_name_row, #connect_middle_name_row, #connect_last_name_row,
#connect_email_address_row, #connect_topic_row, #connect_message_row{width:100%;}
.cwt-juicer-feed{width:90%;}
.member-packets{margin-bottom:0;}
.brochure-block{margin-bottom:45px;}
.brochures a{font-size:16px;margin:8px 0;}
.brochures .group{margin-bottom:10px;}
.cwt-juicer-feed{margin-bottom:20px;}
.sticky-footer-adjust{height:60px;}
#flex-container #map {
	order: 1;
	width: 100%;
	min-height: 425px;
}
footer{height:auto; padding-top: 10px;}
#footer-nav{padding-bottom:0;}
#footer-nav li{display:block;margin:0 0 8px;font-size:12px;}
footer #mobile-social{display:block;position:relative;left:-6px;top: 6px;padding-bottom:12px;}
#mobile-social #tw-link{margin-right:21px;}
footer img {height: 35px;}
footer address{padding-bottom:28px; font-size: 13px;}
}
@media print{*,
*:before,
*:after,
*:first-letter,
*:first-line{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
a,
a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
abbr[title]:after{content:" (" attr(title) ")";}
a[href^="#"]:after,
a[href^="javascript:"]:after{content:"";}
pre,
blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr,
img{page-break-inside:avoid;}
img{max-width:100% !important;}
p,
h2,
h3{orphans:3;widows:3;}
h2,
h3{page-break-after:avoid;}
}
.hide-text{color:rgba(0,0,0,0) !important;text-indent:-9000px !important;}
.hide-text a{color:rgba(0,0,0,0) !important;text-indent:-9000px !important;}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible{visibility:hidden;}
.clearfix:before,
.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clr{clear:both;}