@import url('//fonts.googleapis.com/css?family=Lato:400,400i,700|Montserrat:300i,400,700,700i');
/*
Theme Name: Wisconsin Professional Police Association (WPPA)
Author: Tingalls (LJ)
Author URI: http://tingalls.com/
Version: 1.0
*/
/* ========================================= HTML 5 and basics */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div{display:block;position:relative;padding:0;margin:0;}.left {float:left;}.right {float:right;}.txtl{text-align:left;}.txtc{text-align:center;}.txtr{text-align:right;}.clear{clear:both;}img{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}.clearfix{min-height:0;display:block;}* html .clearfix{height:1%;}

/* ================================================= Text & Links */
body, td, div, select, textarea, input {
	font: 18px 'Lato', Arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100%;
	color: #003768;
}
a, div, input, button { outline: none; }
input, button { -webkit-appearance: none; border-radius: 0; }
a {
	color: #b33131;
	-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
	text-decoration: none;
}
a:hover {
	color: #b33131;
	text-decoration: underline;
}
h1, h2, h3, h1 a, h2 a, h3 a, legend {
	color: #003768;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	line-height: 1.2em;
}
h1 {
  margin:0 0 .3em;
	font-size: 27px;
}
h2 {
  margin: 0 0 .3em;
	font-size: 17px;
	color: #2d7dc4;
	text-transform: uppercase;
}
h3 {
  margin: 0 0 .3em;
	font-size: 17px;
}
p {margin:0 0 10px;line-height:1.38em;}
ul,ol{margin:0 0 1em 15px;padding: 0;}
ul li, ol li{line-height:1.3em;margin: .3em 0;padding: 0;}
li ol, li ul{margin-bottom:0;}
.little{font-size:.8em;}

/* =================================================== Page Content */
figure.right,figure.left{text-align:center;margin:0;padding:5px;border:1px solid #ccc;background:#fff;}
figure.right{margin:0 0 5px 15px;}
figure.left{margin:0 15px 5px 0;}
figcaption{padding:0;margin:5px 0 0 0;font-size:.85em;}
img.right{margin:0 0 5px 15px;}
img.left{margin:0 15px 5px 0;}
#leftcol aside, #rightcol aside{clear:both;padding:1px 0 10px;}
hr{height:0;margin: 2em 0; border:none; border-top:2px solid #003768;}

/* ======================================================== Tables  */
.grid{width:100%;border-collapse:collapse;margin:1em 0;}
.grid th, .grid td{padding:10px 15px;}
.grid thead th, .grid tbody th{background:#eee;border:1px solid #ccc;border-bottom:3px solid #999;}
.grid tbody th{background:#eee;border:1px solid #ccc;border-right:2px solid #999;}
.grid td{border:1px dashed #ccc;border-bottom:1px solid #ddd;
	-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
}
.grid tbody tr{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.grid tbody tr:hover{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}

/* ================================================= Page Structure */
body{margin:0;padding:0;text-align:left;
	background: #003768;
}
.pagewidth {
  margin: 0 auto;
  width: 100%;
	max-width: 1140px;
	box-sizing: border-box;
}
#wrapper {
  width: 100%;
  background: #fff;
  display: flow-root;
  padding-top: 128px;
}
.home #wrapper { padding-top: 0;}
#maincol{
  z-index: 1;
	width: 65%;
	padding: 25px 25px 15px;
	box-sizing: border-box;
	min-height: 300px;
}
#rightcol {
  z-index: 1;
	width: 35%;
	padding: 25px 25px 15px;
	box-sizing: border-box;
	background: #003768;
}
#maincol.full{ width:100%; padding: 25px 20px; }

.flexbox {
  display: flex;
  flex-flow: row wrap;
}

/* ========================================================== Header */
header.heady {
  width: 100%;
  z-index: 3;
	background: #fff;
  box-sizing: border-box;
  position: fixed;
}
.home header.heady {
	background: rgba(0,55,104,0.75);
}
header.heady.fixed { position: fixed; border-bottom: 1px solid #003768;}
.home header.heady.fixed, .home header.heady.fixed #hnav ul ul { background: #003768; }
header.heady h1 {
  margin: 0;
  position: absolute;
	top: 9px;
	left: 108px;
  z-index: 10;
  transition: all 0.4s ease-in-out;
  width: 152px;
}
header.heady.fixed h1 { top: 5px; width: 70px; }
header.heady h1 img { 
  display: block;
  max-width: 100%;
  width: auto;
  position: relative;
}
header.heady .header-info {
  width: 100%;
  background-image: linear-gradient(to right, #ffd24f, #ffd24f 50%, #003768 50%); 
}
header.heady .header-info .pagewidth {
  display: flex;
  flex-flow: row wrap;
}
header.heady .header-info .title {
  line-height: 1em;
  background: #ffd24f;
  padding: 13px 5px;
  width: 35%;
  box-sizing: border-box;
}
header.heady .header-info .title h3 {
  line-height: 18px;
  color: #0e3267;
  margin: 0;
  display: inline-block;
  white-space: nowrap;
}
header.heady .header-info .tagline {
  background: #003768;
  line-height: 28px;
  padding: 8px 30px;
  width: 65%;
  box-sizing: border-box;
}
header.heady .header-info .tagline h3 {
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  margin: 0;
  line-height: 18px;
}
header.heady .header-info .social-icons {
  display: inline-block;
  border-left: 2px solid #fff;
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
}
header.heady .header-info .social-icons a {
  line-height: 18px;
  display: inline-block;
  margin: 0 5px 0 0;
  color: #fff;
}
header.heady .header-info .social-icons a:hover {
  color: #ffd24f;
  text-decoration: none;
}
header.heady .header-nav-holder {
  width: 100%;
}
header.heady .header-nav-holder .pagewidth {
  height: 83px;
}
.header-search-form {
  width: 210px;
  position: relative;
  float: right;
}
.header-search-form .search-field {
  background: #40698e;
  width: 100%;
  border: none;
  color: #003768;
  padding: 3px 7px;
}
.header-search-form .search-field::placeholder {
  color: #003768;
}
.header-search-form button {
  position: absolute;
  top: 3px;
  right: 5px;
  border: none;
  background: none;
  font-size: 15px;
  color: #003768;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

/* ========================================================== Content */

.page-title {
  width: 100%;
  text-align: center;
  background: #003768;
  padding: 0 0 15px;
}
.page-title:before, .page-title:after,
.blue-section:before, .blue-section:after {
  content: '';
  display: block;
  width: 100%;
  height: 15px;
  position: absolute;
  background-image: linear-gradient(to right, #b33131, #b33131 50%, #be6a6a 50%);
  left: 0;
  bottom: 0;
}
.page-title:after,
.blue-section:after {
  max-width: 1140px;
  transform: translateX(-50%);
  background-image: linear-gradient(to right, #b33131, #b33131 35%, #be6a6a 35%);
  left: 50%;
}
.home .blue-section:before, .home .blue-section:after {
  display: none;
}
.page-title h1 {
  padding: 35px 0;
  color: #fff;
  text-transform: uppercase;
  margin: 0 auto;
  max-width: 640px;
}
.content-holder {
  width: 100%;
  margin: 0;
}
.content-holder .pagewidth {
  display: flex;
  flex-flow: row wrap;
  min-height: 150px;
}
.content-holder .leftcol {
  padding: 0;
  width: 35%;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.content-holder .leftcol:after {
  display: block;
  content: '';
  width: 0; 
  height: 0; 
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.about-holder .content-holder .leftcol:after {
  bottom: 0;
  top: auto;
  transform: none;
}
.about-holder .content-holder .leftcol .btn-holder {
  width: 100%;
  display: block;
  text-align: right;
  position: absolute;
  left: 0;
  bottom: 5px;
}
.about-holder .content-holder .leftcol .btn-holder:before {
  content: '';
  display: block;
  width: 2000px;
  position: absolute;
  right: 0;
  top: 11px;
  height: 2px;
  background: #fff;
}
.about-holder .content-holder .leftcol a.learn-more {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  padding: 0 5px;
  font: 300 italic 18px 'Montserrat', Arial, Helvetica, sans-serif;
  background: #003768;
  position: relative;
}
.about-holder .blue-section.light .leftcol a.learn-more {
  background: #2d7dc4;
}
.content-holder .rightcol {
  padding: 30px 0;
  width: 65%;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.content-holder.full-width .leftcol {
  display: none;
}
.content-holder.full-width .rightcol {
  width: 100%;
}
.content-holder .content {
  width: 100%;
  display: flow-root;
}
.content-holder .content .image { 
  width: 200px;
  margin: -5px 10px 20px 0;
  display: block;
  padding: 0; 
  float: left;
  overflow: hidden;
}
.content-holder .content .video { 
  width: 100%;
  margin: 0 0 20px;
  display: block;
}
.flex-columns {
  display: flex;
  align-items: flex-start;
}
.blue-section { 
  color: #fff;
  margin-top: 5px;
  padding: 0 0 15px;
}
.home .blue-section { 
  padding: 0;
}
.blue-section.light {
  background-image: linear-gradient(to right, #2d7dc4, #2d7dc4 50%, #6ca4d6 50%);
}
.blue-section.light .leftcol { background: #2d7dc4; }
/* .blue-section.light .leftcol:after { border-left: 15px solid #2d7dc4; } */
.blue-section.light .rightcol { background: #6ca4d6; }

.blue-section.dark {
  background-image: linear-gradient(to right, #003768, #003768 50%, #40698e 50%);
}
.blue-section.dark .leftcol { background: #003768; }
/* .blue-section.dark .leftcol:after { border-left: 15px solid #003768; } */
.blue-section.dark .rightcol { background: #40698e; }
.blue-section .rightcol  img.alignleft { max-width: 190px; }

.yellow-section {
  background-image: linear-gradient(to right, #ffd24f, #ffd24f 50%, #ffdd7b 50%);
  margin-top: 5px;
}
.yellow-section .leftcol { background: #ffd24f; }
/* .yellow-section .leftcol:after { border-left: 15px solid #ffd24f; } */
.yellow-section .rightcol { background: #ffdd7b; }

.blue-section .leftcol,
.yellow-section .leftcol { 
  padding: 20px 30px 20px 0;
}
.blue-section h3 { 
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
}
.blue-section h3 a { 
  color: #fff;
}
.blue-section .italic { 
  font: 300 italic 18px 'Montserrat', Arial, Helvetica, sans-serif;
}
.yellow-section h3 { 
  font-size: 30px;
  font-style: italic;
  color: #003768;
  text-transform: none;
}
.yellow-section h3 a { 
  color: #003768;
}
.blue-section .rightcol,
.yellow-section .rightcol  { 
  padding: 25px 34px 10px;
}
.blue-section p { 
  color: #fff;
}
.blue-section a.continue, 
.yellow-section a.continue { 
  color: #ffd24f;
  text-transform: uppercase;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  display: block;
  text-align: right;
}
.yellow-section a.continue { 
  color: #003768;
}
.white .leftcol { 
  color: #003768;
  width: 100%;
  padding: 20px 0 0;
}
.white .leftcol h3 { 
  color: #003768;
  width: 100%;
}
.white .rightcol { 
  color: #003768;
  width: 100%;
  padding: 0;
}
.white .rightcol p { 
  color: #003768;
}
.white:before,
.white:after { 
  display: none;
}

.section-title {
  width: 100%;
  background: #fff;
  text-align: center;
  padding: 15px 0 0;
}
.facebook-buttons-holder:before,
.facebook-buttons-holder:after,
.section-title:before,
.section-title:after {
  content: '';
  display: block;
  width: 100%;
  height: 15px;
  position: absolute;
  background-image: linear-gradient(to right, #b33131, #b33131 50%, #be6a6a 50%);
  left: 0;
  top: 0;
}
.facebook-buttons-holder:after,
.section-title:after {
  max-width: 1140px;
  transform: translateX(-50%);
  background-image: linear-gradient(to right, #b33131, #b33131 35%, #be6a6a 35%);
  left: 50%;
}
.section-title h2 {
  font: italic 30px 'Lato', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 0;
  color: #003768;
  padding: 19px 15px;
  letter-spacing: 0.055em;
}
.section-title h2 a span {
  font: italic 30px 'Lato', Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.section-title h2 a:hover i.fa {
  transform: translate(3px) scale(1.1);
}
.section-title h2 strong {
  font: bold 30px 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: 0.04em;
}
.section-title h2 a:hover {
	text-decoration: none;
}
.home-slider {
  width: 100%;
  margin: 45px 0 0;
}
.home-slider .content-holder {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.home-slider .content-holder .leftcol {
  width: calc(50% - 171px);
  left: 0;
  position: absolute;
  background: rgba(255,210,79,0.75);
  height: 82px;
  min-height: 82px;
  bottom: 0;
}
.home-slider .content-holder .rightcol {
  width: calc(50% + 171px);
  right: 0;
  left: auto;
  position: absolute;
  background: rgba(0,55,104,0.75);
  height: 82px;
  min-height: 82px;
  bottom: 0;
  padding: 0;
}
.home-slider .content-holder h2 {
  font-size: 30px;
  color: #fff;
  margin: 0;
  padding: 0 30px;
}

/* ========================================================== Staff */
.staff-bio-holder {
  width: 100%;
  padding: 25px 0;
  overflow: hidden;
}
.item-bio {
  width: 100%;
  margin: 0 0 90px;
}
.item-bio .content {
  width: 100%;
  display: flow-root;
  padding: 6px 0 0;
 /* height: 230px; 
  margin: 0 0 10px; */
  overflow: hidden;
}
.item-bio .content.opened {
  height: auto;
  overflow: visible;
}
.item-bio .extra-bio {
  width: 100%;
  display: none;
}
.item-bio .content h2 {
  font-size: 27px;
  text-transform: none;
  color: #003768;
  margin: 0;
}
.item-bio .content a.contact {
  display: inline-block;
  font-size: 17px;
  text-decoration: none;
  text-transform: uppercase;
  color: #2d7dc4;
  margin: 0 0 5px;
  font-weight: bold;
}
.item-bio .content a.contact:hover i.fa {
  transform: translate(3px) scale(1.1);
}
.item-bio .content .avatar {
  width: 191px;
  float: right;
  margin: -6px 0 8px 30px;
  text-align: right;
  overflow: hidden;
}
.item-bio .content .avatar img {
  max-width: 191px;
}
.item-bio .btn-holder {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}
.item-bio .btn-holder:after {
  content: '';
  display: block;
  width: 2000px;
  height: 44px;
  background: #2d7dc4;
  position: absolute;
  right: -1998px;
  top: 0;
}
.item-bio .learn-more {
  height: 44px;
  line-height: 44px;
  letter-spacing: 0.035em;
  display: inline-block;
  padding: 0 56px 0 22px;
  background: #2d7dc4;
  border: none;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  cursor: pointer;
}
.item-bio a.learn-more i.fa {
  font-weight: normal;
  margin-right: 2px;
  font-size: 16px;
}

.facebook-buttons-holder { padding: 70px 0; }
.facebook-buttons-holder .btn {
  font: 300 normal 30px 'Montserrat', Arial, Helvetica, sans-serif;
  line-height: 40px;
  display: inline-block;
  padding: 35px 60px 35px 22px;
  background: #003768;
  border: none;
  color: #fff;
  display: block;
  margin-bottom: 20px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
}
.facebook-buttons-holder .btn:last-child { margin: 0; }
.facebook-buttons-holder .btn:hover { background: #40698e; }
.facebook-buttons-holder .btn i { font-weight: normal; }
.facebook-buttons-holder .btn i.fa {
  font-weight: normal;
  margin-left: 2px;
  font-size: 34px;
  color: #fff;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
}
.facebook-buttons-holder .btn i.fa.fa-mobile {
  font-size: 48px;
  right: 30px;
}
.facebook-buttons-holder .btn i.fa.fa-user-plus {
  right: 18px;
}

.app-holder {
  position: fixed;
  background: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
}
.app-holder .content {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: center;
  padding: 20px 45px; 
  text-align: center; 
}
.app-holder h2 { 
  font: normal 28px 'Lato', Arial, Helvetica, sans-serif; 
  color: #003768; 
  margin: 5px 0;
}
.app-holder .badge { padding: 0 0 0 25px; text-decoration: none; }
.app-holder .badge:hover { text-decoration: none; }
.app-holder .badge img { height: 50px; }
.app-holder .close-btn {
  position: absolute;
  top: 0px;
  right: 20px;
  font-size: 45px;
  color: #595959;
}
.app-holder .close-btn:hover { text-decoration: none; color: #000; }

.app-links.left img { clear: both; }

/* ========================================================== Blog */
.post-item {
  width: 100%;
  border-bottom: 1px solid #003768; 
  margin: 0 0 20px;
}

/* ================================ Sidebar */
#rightcol h3 {
  color: #fff;
  text-transform: uppercase;
}
#rightcol a {
  color: #ffd24f;
}


/* ========================================================== Footer */
footer.footy {
  width: 100%;
	background: #003768;
	padding: 20px 0;
	box-sizing: border-box;
}
footer.footy .pagewidth {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
footer.footy a{
	color:#fff;
	text-decoration: none;
}
footer.footy a:hover{
	text-decoration: underline;
}
footer.footy p {
	margin: 0 0 5px;
	color: #fff;
	font-size: 14px;
}
footer.footy p#copy{
	font-size: 10px;
}
footer.footy .social-icons a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin-left: 9px;
  background: #fff;
  color: #003768;
  text-align: center;
  display: inline-block;
}

/* ================================================ Horizontal Menu */
#hamburger { display: none; }
#hnav {clear:both;float:left;width:70%;margin:0;padding:0;position:absolute;
   	bottom:0;
   	right: 0;
}
#hnav ul {margin:0;padding:0;list-style:none;}
#hnav ul li {margin:0;padding:0;position:relative;float:left;}
#hnav ul li a {display:block;margin:0;
   	padding:32px 14px;
   	font-size:18px;
   	line-height:1em;
   	text-decoration:none;
   	text-transform: lowercase;
   	color:#003768;
}
.home #hnav ul li a {	color:#fff; }

#hnav ul li a:hover, #hnav ul li:hover a {
   	color:#ffd24f;
}
/* Submenu items */
#hnav ul ul {position:absolute;opacity:0;left:-888em;top:100px;
	width:200px;
	background: #fff;
}
.home #hnav ul ul {
	background: rgba(0,55,104,0.75);
}
#hnav ul ul li {clear:left;margin:0;padding:0;width:100%;}

#hnav ul ul li a, #hnav ul li:hover ul li a{
	text-transform: none;
	color:#003768;
	padding: 10px 20px;
}
.home #hnav ul ul li a, .home #hnav ul li:hover ul li a {
	color:#fff;
}
#hnav ul ul li a:hover,
#hnav ul li:hover ul li a:hover{ 
     color:#ffd24f;
     background: #003768;
}
.home #hnav ul ul li a:hover,
.home #hnav ul li:hover ul li a:hover{ 
     background: #40698e;
}
#hnav ul li:hover ul{left:0;height:auto;opacity:1;
top:82px; /* =(#hnav lineheight + #hnav ul li a top/bottom padding/margin) */ 
}


/* =========================================================== Forms */
form.lj fieldset {
border:1px solid #eee;  /* Fieldset Border */
margin:  0 0 1em 0;padding: 0 1em 1px;
}
form.lj input, 
form.lj select,
form.lj textarea {
color:#000;             /* Input Text Color */
display: block;
width: 96.5%;
background: #fff;
border: 2px solid #ccc; /* Input Border */
padding:.25em .5em;
font-weight:bold;
border-radius:5px;
}
form.lj input:focus, form.lj select:focus, form.lj textarea:focus{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
form.lj .submit {
background:#eee;        /* Submit Colors */
color:#000;
border: 2px solid #ccc;
font-weight:bold;
display:inline;margin:0 2em 1em 0;width: auto;}
form.lj .submit.light{color:#ccc;font-weight:normal;}
form.lj legend {     /* color defined above with h3 */
background:#fff;font-size: 1.1em;font-weight:bold;}
form.lj .ammerspay{position:absolute;width:50px;top:0;left:-5000px;}
form.lj fieldset.radio{margin: 1em 0 1em 0;}
form.lj fieldset label.radio,form.lj fieldset.radio label{cursor:pointer;line-height:1.6em;}
form.lj fieldset.radio input,form.lj label.radio input {width:auto;float:left;margin-right:6px;border:none;background:none;}
form.lj fieldset.float label,form.lj fieldset label.float{display:inline; float:left;white-space: nowrap;margin-right: 15px;}
form.lj input.hidden {border:none;padding:0;display:inline;}
form.lj legend a {font-weight:normal;font-size:.9em;}
form.lj label{display: block;margin-bottom: 1em;}
form.lj label.f3{float:left;width:33.3%;}
form.lj label.f3 input{width:90%;}
form.lj label.f2{float:left;width:50%;}
form.lj label.f2 input{width:93%;}
form.lj .first{padding-top: 1em;}
form.lj select{width:auto;}
form table,form h2{margin-left:0;margin-right:0;}
form.lj p{margin:0 0 .25em 0;padding:0;}
form.lj {margin-top: 1em;margin-bottom:1em;}

.search-form {
  display: flex;
  flex-flow: row wrap;
}
.search-form label {
  width: 70%;
}
.search-form label input.search-field {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 10px;
  height: 44px;
  line-height: 44px;
  border: none;
}
.search-form input[type="submit"] {
  width: 30%;
  background: #2d7dc4;
  border: none;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  height: 44px;
  line-height: 44px;
}

/* ========================================================= Alerts */
h3.alert, h3.alertyes, h3.alertwarn{font-size:12px;line-height:16px;padding:5px 5px 5px 30px;color:#000;border: 2px solid #0c0;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;margin-top:.8em;margin-bottom:1.8em;background: #cfc;border-radius:5px;-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);box-shadow:0 10px 5px -5px rgba(0,0,0,.3);position:relative;}
h3.alert{background: #fcc;border-color:#c00;}
h3.alertwarn{background: #ffc;border-color:#ff3;}
h3.alert:before, h3.alertyes:before, h3.alertwarn:before{content:'!';position:absolute;left:0px;top:0px;background:#c00;text-align:center;padding:0px 10px 0px 8px;color:#fff;height:100%;line-height:2em;}
h3.alertyes:before{content:'\2713';background:#0c0;padding:0px 8px 0px 6px;}
h3.alertwarn:before{content:'i';background:#ff3;color:#000;}

/* =========================================================== Tables */

.mogrid {
  overflow-x: auto; 
  width: 100%;
  box-sizing: border-box;
}
.mogrid table {
  -webkit-overflow-scrolling: touch;
}

/* =========================================================== Slider */
.iosslider {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 640px;
  box-sizing: border-box;
}
.iosslider .slider {
  width: 100%;
  height: 100%;
}
.iosslider .slider .slide {
  float: left;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center top;
}
.iosslider .slider .slide img {
  width: 100%;
}
/* =========================================================== Grids */
.cols2, .cols3, .cols4, .cols5, .cols6{clear:both;overflow:hidden;}.cols2 section,.cols3 section,.cols4 section,.cols5 section,.cols6 section{float:left;margin-left:2%;}.cols2 section:first-child, .cols3 section:first-child, .cols4 section:first-child, .cols5 section:first-child, .cols6 section:first-child{margin-left:0}.cols2 section{width:49%;}.cols3 section{width:32%;}.cols4 section{width:23.5%;}.cols5 section{width:18.4%;}.cols6 section{width:15%;}.cols3 .merge2{width:66%;}.cols4 .merge2{width:49%;}.cols5 .merge2{width:38.8%;}.cols6 .merge2{width:32%;}.cols4 .merge3{width:74.5%;}.cols5 .merge3{width:59.2%;}.cols6 .merge3{width:49%;}.cols5 .merge4{width:79.6%;}.cols6 .merge4{width:66%;}.cols6 .merge5{width:83%;} 

/* ======================================================= Wordpress */
aside.widget_search{margin-top: 25px;}
input.search-field {width: 60%;}
.tribe-events-list .tribe-events-loop .tribe-events-event-image { width: 210px; text-align: center; }
.tribe-events-list .tribe-events-event-image img { max-width: 100%; width: auto; }

/* ================================================== Wordpress Core */
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}