/*	Custom css definition */

// Layout settings

body { 
	padding-top: 50px; 
	padding-left: 0px; 
	padding-right: 0px; 
	padding-bottom: 25px; 
}

#main_section { 
	background-color:#FFF; 
	margin-left:auto; 
	margin-right:auto; 
	padding-left: 15px; 
	padding-right: 15px; 
	padding-top: 10px;
	padding-bottom: 10px;
  border:1px solid; 
  border-color:#e5e5e5 #dbdbdb #d2d2d2;
  -moz-border-radius: 4px; 
  border-radius: 4px;
  -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; 
  -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; 
  box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
}

.navbar {
  background-color: #e6e6e6;
  background-image: none;
  border-bottom: 1px solid #e2e2e2;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.05);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.05);
  box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.05);
}

footer {
	small {
		font-size: 9px;
	}
}



// Text settings

h1.headline { font-size:$h2-font-size; line-height:1.2142em; letter-spacing:-1px; margin-bottom:15px; margin-top: 0px; } /* 28px/34px */
h1.headline i { display:block; color:#898989; font-style:normal; font-size:$font-size-lg; margin-top: 0px; padding-top:0px; }
h1.headline i.inline { display:inline; }

h2 { font-size:2em; color: #73C5E9; }
h3 { font-size:1.75em; line-height:1.285em; font-style:italic; margin-bottom: 0; margin-top: 0.5em; }
h4 { font-size:1.5em; font-style:italic }
h5 { font-size:1.25em; font-style:bold }

section_header { color: $gray-800; font-size:1.2em; font-weight: 700; margin-top: 0.0em; }
section_header2 { color: $gray-600; font-size:1.1em; font-weight: 500; font-style:italic; margin-top: 0.0em; text-align: right; }
section_header3 { color: $gray-500; font-size:1em; margin-top: 0.0em; }

.cs_heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #73C5E9;
}

div.indent p.indent { margin-left: 3.0em; }
indent { margin-left: 3.0em; }
address { margin-left: 3.0em; }


// Devise alerts with Bootstrap colors
.alert-notice {
    background-color: theme-color-level("primary", -10);
    border-color:	theme-color-level("primary", -9);
    color: theme-color-level("primary", 6);
    text-align: left;
 }


/* Multi-line trimming */

/* mixin for multiline */
@mixin multiLineEllipsis($lineHeight: 1.2em, $lineCount: 1, $bgColor: white){
  overflow: hidden;
  position: relative;
  line-height: $lineHeight;
  max-height: $lineHeight * $lineCount; 
  text-align: justify;
  margin-right: 0em;
  padding-right: 1em;
  &:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
  }
  &:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: $bgColor;
  }
}

/*.block-with-text {
  @include multiLineEllipsis($lineHeight: 1.2em, $lineCount: 3, $bgColor: white);  
}*/




section {
  border-top:1px solid #e2e2e2;
  padding-top: 0.5em;
  margin-top: 1.0em;
  margin-bottom: 1.0em;
}

blockquote {
  background-color:#f2f2f2; width:80%; margin-left:auto; margin-right:auto; padding:16px; 
border:1px solid; border-color:#e5e5e5 #dbdbdb #d2d2d2;
-moz-border-radius: 4px; border-radius: 4px;
-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
}

blockquote footer {
//  font-size:0.571em; 
  font-size:0.8em; 
}



// Flexible iFrame  for Google Maps

.flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.flexible-container iframe,   
.flexible-container object,  
.flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}