/* Common styles */

/* @import 'https://fonts.googleapis.com/css?family=Roboto:400,700';   */

body { background: #eee; font-size: 13px; font-family: Helvetica; color: #333; }
h1, h2, h3, h4, h5, h6 { color: #333; }
.header { margin-top: 5px; margin-bottom: 5px; }
.mainBody { background: #fff; border-radius: 3px; padding-bottom: 1em; box-shadow: 0 0 40px rgba(0,0,0,0.1); }
.registration-start { background-color: #fff; }

.text-dividing-header { border-radius: 3px; padding: 0.5em 0.75em; margin: 1em 0; border: 1px solid #fff; border-left: 3px solid #428bca; background: #f5f5f5; }

.questionhighlight { background:#EEEECC; }

.text-helper { margin-top: 0.5em; }
.registration-start input:not(.nospacing), .registration-start a { margin-top: 1em; }
.table tbody>tr.vertical-align>td { vertical-align: middle; }
label .text-muted, label .label { font-weight: normal; }
.text-muted { color: #aaa; }
.table-nonfluid { width: auto !important; }

/* Sidebar */

.sideBar ul, .sideBar li { padding-left: 0; margin-left: 0; list-style: none; }
.sideBar ul li { margin-top: 0.5em; font-size: 1.2em; }		/* Top level style */
.sideBar ul li li { margin: 0; font-size: 0.85em; }			/* Reset font style for children */
.sideBar ul li ul { margin-top: 0.5em; }					/* Spread out the children */
.sideBar ul ul li { padding-left: 1em; }					/* Indent children */
.sideBar ul.sideBarProducts .prodMeta { display: none; }	/* Hide prod meta data for now */

.sideBar li { line-height: 1.1em; padding-top: 0.2em; padding-bottom: 0.2em; }

.sideBar .removeProduct, .sideBar .removeReg, .sideBar .withdrawReg { visibility: hidden; }
.sideBar .reg:hover .removeReg, .sideBar .reg:hover .withdrawReg, .sideBar .shopProduct:hover .removeProduct { visibility: visible; }
.sideBar .removeProduct:hover, .sideBar .removeReg:hover, .sideBar .withdrawReg:hover { text-decoration: none; }

/* .sideBar .active { background-color: #fff; border-radius: 0.25em; } */
.sideBar .active:before {
  content: "\E224";
  display: inline-block;
  float: right;
  font-size: 14px;
  color: #aaa;
  font-family: 'Glyphicons Regular';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }

.sideBar hr { border-color: #ddd; }


/* Products */

.productItem .form-group { margin-bottom: 0; margin-top: 10px; }
.shopPage .thumbnail { padding: 0; border: 0; margin-bottom: 2em; }
.shopPage .thumbnail .caption { padding: 0; }

.addtoCartButton { color: #FFFFFF; background-color: #337AB7; border-color: #2E6DA4; }
.addtoCartButton:focus, .addtoCartButton:active, .addtoCartButton:hover { color: #FFFFFF; background-color: #286090; border-color: #122b40; }

/* Checkout */

#orderSummary td.quantity input { width: 5em; }

/* These are needed to show the login service buttons on the /start page */

.signInWithGoogle {
    background: url(/theme/images/google.svg) no-repeat;
    width: 36px;
    height: 36px;
    display: block;
    background-size: 100% 100%
}

.signInWithFacebook {
    background: url(/theme/images/facebook36px.png) no-repeat;
    width: 36px;
    height: 36px;
    display: block;
}

.signInWithStrava {
    background: url(/theme/images/strava36px.png) no-repeat;
    width: 36px;
    height: 36px;
    display: block;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

/* Password strength meter related fields */

#pass-strength-result {
    background-color: transparent;
    height: 22px;
    width: 182px;
    margin-bottom:10px;
}

.pw {
    background: #eee;
    width: 25%;
    float: left;
    height: 100%;
    border: 1px solid #ddd;
    box-sizing: border-box
}

.bar {
    background: #ffb78c
}

.bar:first-child {
    background: #ffa0a0
}

.bar:nth-child(3) {
    background: #ffec8b
}

.bar:last-child {
    background: #c3ff88
}

.lowercase {  text-transform: lowercase; }

/* Email sending wait glyph */

.glyphicon-rotate {
    -moz-animation: rotate 20s linear 0s infinite;
    -webkit-animation: rotate 20s linear 0s infinite;
}

@-moz-keyframes rotate {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

/* blank placeholder glyph to keep spacing */

.glyphicon-none:before {
    content: "\2122";
    color: transparent !important;
}

/* fancy bootstrap tooltips */

.tooltip-inner {
	white-space: pre-wrap;
}
.tooltip > .tooltip-inner {
	text-align: left;
}


@media only screen and (max-width: 1026px) {
    #fadeshow1 {
        display: none;
    }
}

/* collapsed sidebar styles via http://getbootstrap.com/examples/offcanvas/ */

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

  body {
	  overflow-x: hidden; 
  }

  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right,
  .sidebar-offcanvas {
    right: -75%;
  }

  .sidebar-offcanvas {
    left: -75%;
  }

  .row-offcanvas-right.active {
    right: 75%;
  }

  .row-offcanvas-left.active {
    left: 75%;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 70%;
    margin-left: 5%;
  }

  #right-header-image {
    display: none;
  }
  
}

/* Red border and shadow for required fields */

.required {
	border: 1px solid #ff0000 !IMPORTANT;
}
.requiredtnb {
    border-top: 1px solid #ff0000 !IMPORTANT;
    border-bottom: 1px solid #ff0000 !IMPORTANT;
}
.requiredleft {
	border-left: 1px solid #ff0000 !IMPORTANT;
    border-top: 1px solid #ff0000 !IMPORTANT;
    border-bottom: 1px solid #ff0000 !IMPORTANT;
}
.requiredright {
	border-right: 1px solid #ff0000 !IMPORTANT;
    border-top: 1px solid #ff0000 !IMPORTANT;
    border-bottom: 1px solid #ff0000 !IMPORTANT;
}

.required:focus,.requiredright:focus, .requiredtnb:focus, .requiredleft:focus {
	border: 1px solid #ff0000;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);   
}
.requiredcb {
	outline: 2px solid #ff0000;   
	outline-offset:4px;
}

/* Mobile tweaks */

@media screen and (max-width: 767px) {
	.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
		white-space: normal;
	}
}

@media screen and (max-width: 767px) {
   	.menu-horizontal { display: none }
    .menu-vertical { display: block }
}
@media screen and (min-width: 768px) {
   	.menu-horizontal { display: block }
    .menu-vertical { display: none }
}

/* eventplus CSS Override */

/*@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic); */

body {
	text-rendering: optimizeLegibility;
}

input.required, select.required {
	background-color: #fff;
}

.touchspinpostfix { width: 20% }

/* Allow input addon proper focus when used with javascript */
.input-group-focus { border-radius:4px; -webkit-transition: box-shadow ease-in-out .15s; transition: box-shadow ease-in-out .15s; }
.input-group-addon { -webkit-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; }
.input-group.input-group-focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important; }
.input-group-focus input:focus { -webkit-box-shadow: none !important; box-shadow: none !important; }
.input-group-focus .input-group-addon { border-color: #66afe9 !important; }
.has-error .input-group-addon { border-color: #843534 !important; }
.has-success .input-group-addon { border-color: #2b542c !important; }
.has-warning .input-group-addon { border-color: #66512c !important; }