@charset "UTF-8";
/* CSS Document */

* {
	margin:0;padding:0;
} 
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size:10px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #254e93;
  color:#FFF;
  font-size:1.6em;
}

.footer p {
	margin-top:20px;
}

.footer a {
	color:#999;
}

.header {
	padding:15px;
}

.header .phone, .header .address {
	background:url(/theme/scooter/img/telephone.png) no-repeat;
	display:block;
	height:54px;
	padding-left:70px;
	font-size:1.6em;
	font-weight:800;
	letter-spacing:.025em;
	padding-top:4px;
}

.header .address {
	background:url(/theme/scooter/img/address.png) no-repeat;
}

h1, h2, h3, h4, h5 {
	text-transform:uppercase;
	margin-bottom:30px;
	color:#254e93;
}



.thumbnail {
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition:.4s;
}

.thumbnail:hover {
	border-color:#254e93;
}

.large {
	min-height:400px;
}

.small {
	height:190px;
}

.medium {
	height:240px;
}

.medium a img {
	max-height:140px;
}

.xlarge {
	min-height:650px
}

.thumbnail h1, .thumbnail h2, .thumbnail h3, .thumbnail h4, .thumbnail h5 {
	margin:10px 0;
	font-size:2em;
	font-weight:800;
	text-align:center;
}

h4.latest {
	font-size:1.4em;
}

.thumbnail .node-body {
	margin:0 20px 15px 20px;
	text-align:justify;
}

a {
	color:#c7081b;
}

a:hover {
	color:#c7081b;
	text-decoration:underline;
	cursor:pointer;
}

.node-body {
	font-size:1.5em;
}

.node-body ul, .node-body ol {
	margin-left:25px;
}

.navbar-default {
	font-size:1.6em;
	background:#343434;
}

.navbar-default .navbar-nav > li > a {
	color:#FFF;
	transition:.4s;
}

.navbar-default .navbar-nav > li > a.selected,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #c7081b;
  text-decoration:none;
}

.submit input {
	padding:5px 10px;
	font-size:1.2em;
}

.myIframe {
	position: relative;
	padding-bottom: 40%;
	padding-top: 30px;
	height: 0;
	overflow: auto; 
	-webkit-overflow-scrolling:touch;
	margin-bottom: 30px;
}

.myIframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe {
	border:0;
	background:#333;
}

#menu-3 ul li, #menu-2 ul li {
	list-style:none;
	font-size:1.6em;
}

#menu-3 ul li a, #menu-2 ul li a {
	display:block;
	border-bottom:1px solid #fff;
	transition:.3s;
	margin-bottom:5px;
}

#menu-3 ul li a:hover, #menu-2 ul li a:hover {
	text-decoration:none;
}

#menu-3 ul li a.selected, #menu-2 ul li a.selected, #menu-3 ul li a:hover, #menu-2 ul li a:hover {
	border-bottom:1px solid #c7081b;
	color:#c7081b;
}

.paging {
	display:block;
	font-size:2em;
	margin:60px auto 120px auto;
	text-align:center
}

#notice .node-body {
	font-size: 1.8em;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		.navbar-default {
			font-size:1.4em;
		}
		
		.header .phone, .header .address {
			background:url(/theme/scooter/img/telephone.png) no-repeat;
			background-size:30px;
			display:block;
			height:54px;
			padding-left:40px;
			font-size:1.4em;
			font-weight:800;
			letter-spacing:.025em;
			padding-top:4px;
		}
		
		.header .address {
			background:url(/theme/scooter/img/address.png) no-repeat;
			background-size:30px;
		}

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		.navbar-default {
			font-size:1.6em;
		}
		
		.header .phone, .header .address {
			background:none;
			display:block;
			height:54px;
			padding-left:0;
			font-size:1.6em;
			font-weight:800;
			letter-spacing:.025em;
			padding-top:4px;
		}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }

/******** Messages ********/

#authMessage .message, div .message {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    color: #c09853;
    color: #b94a48;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    background-color: #f2dede;
    border: 1px solid #fbeed5;
    border-color: #eed3d7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#authMessage .error, div .error {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    color: #c09853;
    color: #b94a48;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    background-color: #f2dede;
    border: 1px solid #fbeed5;
    border-color: #eed3d7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#authMessage .success, div .success {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    color: #c09853;
    color: #468847;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    background-color: #dff0d8;
    border: 1px solid #fbeed5;
    border-color: #d6e9c6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}