/*
 * Security Advisory Tab
 */
#ahem {
  display: none;
  position: fixed;
  top: 0;
  left: 16px;
  max-width: 350px;
  line-height: 1.5;
  z-index: 1050;
  color: white;
}
.frontpage #ahem { top: 69px; }
@media (max-width: 768px) {
  .frontpage #ahem{ top: 64px;}
}
.ie9 #ahem, .ie10 #ahem { display: block; }
.ahem-body {
  display: none;
  font-size: 80%;
  border: 1px solid white;
  color: black;
  background-color: #FEE;
  padding: 0 0.5em;
}
.ahem-tab {
  border: 1px solid white;
  border-top: none;
  padding: 0 1em 5px;
  background-color: #c30;
  border-radius: 0 0 15px 15px;
}
.ahem-tab p {
  margin: 0;
}

.mega-menu .menu-box { padding: 10px 16px; }
.mega-menu .dropdown.mega-element .dropdown-menu.menu-box {
	left: auto;
	right: auto;
}
.menu-box .menu-col { float: left; }
.menu-box .menu-col-1 { margin-right: 30px; }
.navbar a { white-space: nowrap; }

.menu-indent-1 { margin-left:10px; }

.items-row { margin-bottom: 80px; }
.store { padding: 30px 0; }
.store-page { width: 80%; max-width: 1200px; }

.dropdown-menu .divider {
  height: inherit;
  margin: 9px;
  overflow: auto;
  background-color: inherit;
}

span.separator {
  padding-left:7px;
  font-size: 12px;
}

ul.category.nav { margin-top: 40px; }

.alert-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

input.invalid {
  background-color: #f2dede;
  border-color: #ebccd1;
}

.switch {
display: block;
box-sizing: border-box;
width: 60px;
height: 20px;
border-radius: 999px;
background-color: #d8d9db;
margin-bottom: 10px;
margin-top: 0.75em;
-webkit-transition: background-color cubic-bezier(.25, .46, .45, .94) .2s;
-moz-transition: background-color cubic-bezier(.25, .46, .45, .94) .2s;
transition: background-color cubic-bezier(.25, .46, .45, .94) .2s
}
.switch .helper {
margin-top: 1px;
margin-left: 1px;
border-radius: 50%;
width: 18px;
height: 18px;
display: inline-block;
background-color: #fff;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
-moz-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
.switch.ui-checked {
border-color: #4cd864;
background-color: #4cd864
}
.switch.ui-checked .helper {
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px)
}
.check-group { margin-top: 1em; }
/*
 * Marketo social form fill code
 */
form div.cf_widget_socialsignon div.cf_sign_on { width: auto; }
form div.cf_sign_on div.cf_sign_on_button { width: 40%; }

/*
 * The Image Grid
 */
ul.image-grid,
ul.features-grid {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
}

ul.image-grid li {
    padding: 0;
    margin: 1% 0;
    width: 98%;
    position: relative;
}

ul.image-grid li a img {
    width: 100%;
    transition: all 0.2s ease-in;
    transform: scale(1);
    position: relative;
}

ul.image-grid li a img:hover {
    transition: all 0.2s ease-in;
    transform: scale(1.1);
}

@media screen and (min-width: 530px) {
  ul.image-grid li {
    width: 49%;
  }
}

@media screen and (min-width: 992px) {
  ul.image-grid li {
    width: 32%;
  }
}

@media screen and (min-width: 1200px) {
  ul.image-grid li {
    width: 24%;
  }
}

/*
 * The Features grid
 *	(uses the same grid as image-grid, but changes the content styles)
 */
ul.features-grid li {
    padding: 1em;
    margin: 1% 0;
    width: 32%;
    min-width: 240px;
    background-color: #f6f6f6;
}

@media (max-width: 768px) {
  ul.features-grid li {
    width: 90%;
    margin: 1% auto;
  }
}

/*
 * The Features list
 */
dl.features-list {
	padding: 0;
	margin: 0;
}

dl.features-list dt {
    padding: 1em 1em 0 1em;
    margin: 1em 0 0 0;
    border-radius: 10px 10px 0 0;
    font-size: 1.2em;
    font-weight: 500;
}

dl.features-list dd {
    padding: 1em;
    margin: 0;
    border-radius: 0 0 10px 10px;
}

dl.features-list dt:nth-child(6n+1),
dl.features-list dd:nth-child(6n+2) {
	background-color: #DEF;
	color: #336;
}

dl.features-list dt:nth-child(6n+3),
dl.features-list dd:nth-child(6n+4) {
	background-color: #CFF;
	color: #353;
}

dl.features-list dt:nth-child(6n-1),
dl.features-list dd:nth-child(6n) {
	background-color: #FFC;
	color: #553;
}