/* Generated by less 2.2.0 */
/*
* CIJA - The Centre for Israel and Jewish Affairs
* Copyright 2015, Lewis Robinovitch
* www.cija.ca
* Campaign Template
*/
/* Less Styles
================================================== */
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1500px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}
/* Layout
================================================== */
.campaign-header {
  background: #072e4d;
}
.campaign-header a.back-to-cija {
  color: #51af80;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  margin-top: 5px;
  float: left;
}
.campaign-header .logo {
  margin: 28px 0 0px 0;
  float: left;
  width: 100px;
  background: none;
}
.campaign-header .logo a.cija {
  background: url(../images/cija-logo-x2.png) no-repeat left;
  background-size: 100px 35px;
  width: 100px;
  height: 35px;
  display: block;
  text-indent: -9999px;
}
.campaign-header .header-menu {
  margin: 25px 0 30px 0;
  float: right;
}
.campaign-header .header-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0px;
}
.campaign-header .header-menu ul li {
  font-size: 12px;
  display: inline-block;
  border-right: 2px solid #51af80;
  border-top: 2px solid #51af80;
  border-bottom: 2px solid #51af80;
}
.campaign-header .header-menu ul li a {
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  padding: 9px 15px;
  margin: 0px;
  display: block;
}
.campaign-header .header-menu ul li a:hover {
  background: #418c67;
}
.campaign-header .header-menu ul li.instagram a {
  background: url(../images/social-instagram.png) no-repeat 0px 3px;
  background-size: 30px 30px;
  text-indent: -9999px;
}
.campaign-header .header-menu ul li.instagram a:hover {
  background: #418c67 url(../images/social-instagram.png) no-repeat 0px 3px;
  background-size: 30px 30px;
}
.campaign-header .header-menu ul li.facebook a {
  background: url(../images/social-facebook.png) no-repeat 0px 3px;
  background-size: 30px 30px;
  text-indent: -9999px;
}
.campaign-header .header-menu ul li.facebook a:hover {
  background: #418c67 url(../images/social-facebook.png) no-repeat 0px 3px;
  background-size: 30px 30px;
}
.campaign-header .header-menu ul li.twitter a {
  background: url(../images/social-twitter.png) no-repeat 0px 3px;
  background-size: 30px 30px;
  text-indent: -9999px;
}
.campaign-header .header-menu ul li.twitter a:hover {
  background: #418c67 url(../images/social-twitter.png) no-repeat 0px 3px;
  background-size: 30px 30px;
}
.campaign-header .header-menu ul li.mail a {
  background: url(../images/social-mail.png) no-repeat 0px 2px;
  background-size: 33px 33px;
  text-indent: -9999px;
}
.campaign-header .header-menu ul li.mail a:hover {
  background: #418c67 url(../images/social-mail.png) no-repeat 0px 2px;
  background-size: 33px 33px;
}
.campaign-header .header-menu ul li.cap-right {
  border-right: 2px solid #51af80;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.campaign-header .header-menu ul li.cap-left {
  border-left: 2px solid #51af80;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.campaign-header .header-menu ul li.highlight {
  background: #51af80;
}
.main {
  background: rgba(255, 255, 255, 0.9);
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 0px;
  padding: 20px;
}
.container {
  min-width: 500px;
}
/* Content
================================================== */
.featured-img {
  margin-bottom: 30px;
}
.featured-img img.featured {
  width: 100%;
  height: auto;
}
.campaign-content {
  color: #808080;
}
.campaign-content h1 {
  margin-top: 20px;
}
/* Forms
================================================== */
select {
  margin: 0px;
  padding: 0px;
}
input.btn {
  background: #51af80;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 14px !important;
  margin: 0px;
  width: 100%;
}
input.btn:hover {
  background: #418c67;
  color: #ffffff;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(81, 175, 128, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(81, 175, 128, 0.6);
  outline: 0 none;
}
/* Footer
================================================== */
.credits {
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  color: #395871;
}
.credits a {
  font-style: italic;
  color: #395871;
  text-decoration: underline;
}
/* Background Image */
@media only screen and (max-width: 1500px) {
  img.bg {
    left: 50%;
    margin-left: -750px;
  }
}
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .campaign-header .header-menu ul li.hide-m {
    display: none;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .campaign-header .header-menu ul li.hide-s {
    display: none;
  }
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  .header-menu ul li.hide-s {
    display: none;
  }
}