/******************************************************************
768up.css
-------------------------------------------------------------------
Stylesheet: Tablet & Small Desktop
-------------------------------------------------------------------

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/

/* These styles are applied for viewports 768px and higher */
@media only screen and (min-width: 768px) {

    /* --> Column Padding --------------------------------------------*/

    .row .column, .row .columns {
        transition: padding .3s ease-in-out;
        -o-transition: padding .3s ease-in-out;
        -moz-transition: padding .3s ease-in-out;
        -webkit-transition: padding .3s ease-in-out;
    }

    /* --> Rows ------------------------------------------------------*/

    /* Force Foundation rows to left-align */
    .row { margin-left: 0; }

    

    /*
    ------------------------------------------------------------------
    --> Scalable Background Image
    ------------------------------------------------------------------*/

    /* #big-bg-image {
        display: block;
        position: absolute;
       width: 100%;
        height: 100%;
        left: 0;
        overflow:hidden;
    }*/
    #big-bg-image{visibility: hidden;}

    #big-bg-image img { width: 100%; }

      iframe#prod-widget {
    width: 100%;
    max-height: 400px;
    height: 275px;
    overflow: hidden;
    border: none;
    max-width: 634px;
    }
	
	div#weather-data {	height: auto; padding-top: 0px; }
			
    /* --> Charms ----------------------------------------------------*/

    /* Charm text */
    #dynamic-charms .mm-button-txt {
        font-size: 1.3em;
    }


    /*--- Homepage Mobile Flight Schedule Button ----------------*/
    h3.airport-heading{  font-size: 2em; margin: 0; padding: 0; }

    .small-bg-blue {
    background: none;
    padding: 0;
    border-top: 0px solid transparent; 
    border-bottom: 0px solid transparent;
    margin-bottom: 0;
    }

    .large-bg-blue{
    background: #f7f7f7 url(/img/00/noise/medium.png);
    padding: 12px;
    border-top: 5px solid #abd7f3; 
    border-bottom: 2px solid #abd7f3;
    margin-bottom: 40px;
            
    }



    /*
    ------------------------------------------------------------------
    --> Page Header
    ------------------------------------------------------------------*/

    /* --> Header Base -----------------------------------------------*/

    header#page-header { min-height: 140px; }


    /* --> Header Logo -----------------------------------------------*/

    #header-logo { margin-top: 20px; }


    /* --> Header Links ----------------------------------------------*/

    ul.head-links {
        background: none;
        padding: 0;
        margin-bottom: 10px;
    }

    ul.head-links li {
        margin-right: 10px;
    }

    ul.head-links a.head-link {
        color: #75736b;
        text-shadow: 0 1px 0 #fff;
    }

    #header-notify-txt {
        font-weight: normal;
        margin-top: 9px;
        margin-bottom: 10px;
    }

    /*--- Temperature ------------------------------------------------*/
    #weather-data{ margin-top-top: 10px;}
    span.sba-temperature {
    margin-top: 3px;
    display: inline-block;
    }

    /* --> Google Translate ------------------------------------------*/

    .goog-te-gadget-simple .goog-te-menu-value span {
        color: #75736b;
        text-shadow: 0 1px 0 #fff;
    }



    /*
    ------------------------------------------------------------------
    --> Charm Bar
    ------------------------------------------------------------------*/

    #charm-toggle {
        top: 180px;
    }


    
    /*
    ------------------------------------------------------------------
    --> Site Search
    ------------------------------------------------------------------*/

    /* --> Search Button ---------------------------------------------*/

    a#site-search-btn { max-width: 60px; }

    div.radio-cont {
    margin: 4px 0 0 -45px;
    }

    
    p.date-maker, p.date-maker span.sba-temperature {
    color: #666;
    font-size: 1em;
    line-height: 1em;
    }
    /* --> Homepage Tweets, twitter, news, advert  ---------------------------------------------*/

    #news-etc{  
    max-height: 441px; 
    overflow-y: scroll;
    width: 99.33333%;  
    }

    #ad-etc { 
    position: relative;
    width: 99.33333%;
    }
  


    /*
    ------------------------------------------------------------------
    --> Main Navigation
    ------------------------------------------------------------------*/

    /* --> Main Navigation Container ---------------------------------*/
    section#top-nav {
    background: #fefdfd url('/img/00/noise/verylight.png') repeat !important;
    position: absolute;
    width: 100%;
    z-index: 200;
    box-shadow: 0 2px 8px #b1b1b1;
    }
    nav.main-nav ul li.nav-item a{ background: #fefdfd; }

    section#top-nav .nav-row .columns {
        padding: 0 8px;
    }


    /* --> Main Navigation Title -------------------------------------*/

    nav.main-nav .name {
        display: none;
    }

    nav.main-nav ul {
        width: 100%;
        background: none;
    }


    /* --> Main Navigation Item --------------------------------------*/

    nav.main-nav ul.nav-list > li.nav-item {
        width: 16.5%;
    }

    
    /* --> Main Navigation Item Link ---------------------------------*/

    nav.main-nav ul.nav-list > li.nav-item > a {
    text-align: center;
    padding-left: 2px;
    padding-right: 2px !important;
    height: 50px;
    line-height: 50px;
    font-size: 0.70em;
    text-transform: uppercase;
    }

    nav.main-nav ul.nav-list > li.nav-item > a:hover {
        background-color: #186699;
        color: #fff;
    }

    /* Dropdown Item Link */
    nav.main-nav .dropdown li.nav-item a {
        font-size: 0.8em;
        padding: 8px 12px;
        background: #104467;
        border-color: #0c334d;
    }

    /* Root-level nav items only */
    nav.main-nav ul li.nav-item-root > a {
    line-height: 25px !important;
    padding-top: 13px;
    color: #0063b1;
    }

    /* --> Main Navigation Dropdown Container ------------------------*/

    nav.main-nav .dropdown {
        width: 200px;
    }

    /* Has-Dropdown Arrow */
    nav.main-nav .has-dropdown > a:after {
        display: none;
    }

    /* Flyout to Left */
    .top-bar li.flyout-left .dropdown li .dropdown {
        left: -200px;
        width: 200px;
    }

    /* Flyout to Left Link */
    .top-bar li.flyout-left .dropdown li.has-dropdown > a {
        background: #104467 url('/img/00/sbb_sprite_ui.png') no-repeat 5px -100px;
        padding-left: 25px;
    }

    .top-bar li.flyout-left .dropdown li.has-dropdown > a:hover {
        background-color: #145580;
    }

    /* Flyout Link */
    .top-bar .has-dropdown .dropdown li.has-dropdown > a {
        background: #104467 url('/img/00/sbb_sprite_ui.png') no-repeat 180px -40px;
    }

    /* Flyout Icon (text arrows) */
    .top-bar .has-dropdown .dropdown li.has-dropdown > a:after {
        content: ""; /* "»00bb" */
    }

    /* Hide navigation dividers */
    nav.main-nav .top-bar-section > ul > .divider {
        display: none;
    }



    /*
    ------------------------------------------------------------------
    --> Side Navigation
    ------------------------------------------------------------------*/

    /* --> Side Navigation Wrapper -----------------------------------*/

    .side-nav-wrap {
        padding: 0 5px 5px;
    }
    
    nav#side-nav .sf-menu ul{
        z-index:5000;
      }

    /* --> Side Navigation Heading -----------------------------------*/

    .page-nav-heading {
        font-size: 2.0em;
    }

    .page-nav-heading a{ cursor: pointer; color: #00abe6; line-height: 1em; }
    .page-nav-heading a:hover{ text-decoration: none; color: #014e92;}

    /* --> Side Navigation Item Link ----------------------------------*/

    nav#side-nav .sf-menu a {
        font-size: 1.2em;
        border-bottom: 0;
    }


    /* --> Side Navigation Flyout Menu -------------------------------*/

    nav#side-nav .sf-menu ul {
        left: 100%;
    }

    /* Flyout Indicator (Arrow) */
    nav#side-nav .sf-sub-indicator {
        display: block;
        top: 13px;
        right: 5px;
        background: url('/inc/public/js/superfish/images/arrows-cccccc.png') no-repeat -10px 0;
    }



    div#news-chub { margin-top: 0px; }

    /*-------- Homepage Buttons ---------------*/
    #sba-buttons{ background-color: #ecf5fb; }
    #sba-buttons div.mm-button-wrap { margin: 1.666666%; }

    #sba-buttons div.mm-button-wrap{ width: 21.333333%}
    #sba-buttons div.mm-button-txt-wrap { font-size: .585em; }

		div#sba-book-flight {margin-bottom: 30px; }
    #sba-book-flight a { font-size: .95em; }
    #sba-book-flight-tagline ul.az-list  li a { font-size: .7em; }
    /*
    ------------------------------------------------------------------
    --> BreadCrumbs / System Buttons
    ------------------------------------------------------------------*/

    /* --> System Buttons ----------------------------------------------*/

    /* Column that contains the system buttons */
    .columns.system-btns-col { padding: 0 8px; }


    /* --> Breadcrumbs ----------------------------------------------*/

    /* Breadcrumb List */
    ul.bcrumb-list {
        font-size: 1.0em;
        margin-left: 0;
    }

    /* Breadcrumb Home Item */
    ul.bcrumb-list li.home {
        background-position: -5px -233px;
    }


    /* --> System Buttons ----------------------------------------------*/

    /* Email, Edit, Print List Container */
    ul.system-btns-list {
        float: right;
        margin-top: 0;
        width: auto;
    }

    /* System Button Item */
    ul.system-btns-list > li {
        width: auto;
        margin-bottom: 0;
        margin-left: 5px;
        padding: 0;
    }

    /* System Button Dropdown Menu */
    ul.system-menu {
        width: 180px;
        left: auto;
        right: 0;
    }

    /* Inner text */
    ul.system-btns-list li a span {
        display: none;
    }

    /* System Button Style */
    .button.system-button {
        width: 30px;
        height: 25px;
        border: 0;
        padding: 0 !important;
    }

    .button.system-button:hover,
    .button.system-button.hover {
        background-color: transparent !important;
        box-shadow: none;
    }

    /* Email */
    #btn-email {
        background: url('/img/00/icons_system.png') no-repeat 0 0;
    }

    #btn-email:hover { background-position: 0 -34px; }

    /* Edit */
    #btn-edit {
        background: url('/img/00/icons_system.png') no-repeat 0 -71px;
    }

    #btn-edit:hover { background-position: 0 -112px; }

    /* Print */
    #btn-print {
        background: url('/img/00/icons_system.png') no-repeat 0 -151px;
    }

    #btn-print:hover { background-position: 0 -191px; }
    


    /*
    ------------------------------------------------------------------
    --> Home Contents
    ------------------------------------------------------------------*/

    /* --> Home Row --------------------------------------------------*/
    
    .row .row-home {
        padding-top: 150px;
    }


    /* --> Home Tagline ----------------------------------------------*/

    #home-tagline-position {
        position: absolute;
        width: 99%;
        top: -120px;
    }

    #home-tagline {
        font-size: 0.8em;
        height: 75px;
        text-shadow: 0 3px 4px #000;
    }

    #home-tagline-restofit {
        position: absolute;
        top: -120px;
        height: 75px;
        background: url('/img/00/title_span_rep.png') repeat-x;
    }

    #home-tagline .left-fade {
        float: right;
        height: 75px;
        width: 125px;
        background: url('/img/00/title_span_blurleft.png') no-repeat;
    }

    #home-tagline h1 {
        float: right;
        color: #fff;
        font-family: 'AbadiMTW01-LightCondens', sans-serif;
        font-size: 6.2em;
        margin: 0;
        background: url('/img/00/title_span_rep.png') repeat-x;
        cursor: default;
    }

    #home-tagline span {
        font-family: 'FreestyleScriptW01-Regu', sans-serif;
        font-size: 0.726em; /* 45px */
        text-transform: uppercase;
    }


    /* --> Home Slideshow --------------------------------------------*/

    /* --> Home Galleria Slideshow -----------------------------------*/

      .galleria-container 
      {
        width:100%;
      }
      #dynamic-home-slideshow .galleria-images {
       width: 60% !important;
      }
      
      #dynamic-home-slideshow .galleria-container img 
      {
        width:95%  !important;
      }
  

    #dynamic-home-slideshow .galleria-counter {
      color: #333333;
      display: block;
      font-weight: bold;
      opacity: 1 !important;
      z-index: 110;
      height: 20px;
      left: 62% !important;
      margin: 0;
      position: absolute;
      top: 80.5%;
      width: 7%;
      text-align:center;
    }

    #dynamic-home-slideshow .galleria-info-text {
        background: rgba(255, 255, 255, 0.85);
        height: 88%;
        padding: 3%;
        position: relative;
        top: 5%;
    }

    #dynamic-home-slideshow .galleria-info-title {
          font-size: 1.8em ;
    }

          
    #dynamic-home-slideshow .galleria-info-description {
      font-size: 1.1em ;
    } 

    /* Description text box */
    #dynamic-home-slideshow .galleria-info {
        width: 43%;
        top: 0;
        left: 57%;
        z-index:0;
        height:100%;
    }

    #dynamic-home-slideshow .galleria-image-nav {
      color: #FFFFFF;
      display: block;
      height: 20px;
      left: 60% !important;
      margin: 0;
      opacity: 1 !important;
      position: absolute;
      top: 80%;
      width: 11.5%;
      z-index: 110;
    }
    
.galleria-read-more {
  top:80%;
}

                           
.galleria-read-more a,
.galleria-read-more a:visited{
    padding: 3%;
}

    
    /* --> Most Popular ----------------------------------------------*/

    /* Most Popular list item */
    .home-mostpop ul.az-list li {
        padding-left: 0;
        background: none;
    }

    /* Most Popular list item link */
    .home-mostpop ul.az-list li a {
        font-size: 1.2em;
        padding: 0 8px;
    }


    /* --> Home Side Buttons -----------------------------------------*/

    /* Subtext container */
    #dynamic-side-btns.home-side-btns .mm-button-subtxt {
        float: right;
        margin-right: 20px;
    }

    /* Subtext paragraphs */
    #dynamic-side-btns.home-side-btns .mm-button-subtxt p {
        font-size: 1.2em;
        margin-top: 0;
        margin-bottom: 0;
        text-transform: none;
    }

    #dynamic-side-btns.home-side-btns .mm-button-subtxt {
        width: 50px;
        margin-top: 10px;
    }

    /* Side Button Icon */
    #dynamic-side-btns .mm-button-img {
        width: 25%;
    }

    /* Add some margin-top for buttons without subtext
   and have an image */
    #dynamic-side-btns .has-no-subtext.has-img {
        width: 75%;
        margin-left: 0;
        margin-top: 5px;
    }

    #dynamic-side-btns.home-side-btns .mm-button-img {
        width: 100px;
    }


    /*
    ------------------------------------------------------------------
    --> Page Body Section
    ------------------------------------------------------------------*/

    #page-body { margin-top: 50px; }



    /*
    ------------------------------------------------------------------
    --> HTML Content
    ------------------------------------------------------------------*/

    /* --> Page Content ----------------------------------------------*/

    section#page-content { background: rgba(255, 255, 255, 0.85); }



    /*
    ------------------------------------------------------------------
    --> Home Contents
    ------------------------------------------------------------------*/

    



    /*
    ------------------------------------------------------------------
    --> Secondary Pages
    ------------------------------------------------------------------*/

    /* --> Side Buttons ----------------------------------------------*/

    /* Side Button Link Wrapper */
    #dynamic-side-btns a.mm-button-link {
        height: auto;
        padding: 8px;
        font-size: 1.4em;
        min-height: 0;
    }

    /* Side Button Text */
    #dynamic-side-btns .mm-button-txt {
        margin-top: 0;
    }

    /* Side Button Sub-Text */
    #dynamic-side-btns .mm-button-subtxt {
        font-size: 0.8em;
        margin-top: 2px;
        margin-left: 0;
    }

    #dynamic-side-btns .mm-button-subtxt.has-img {
        /*margin-left: 5px;*/
    }



    /*
    ------------------------------------------------------------------
    --> Page Footer
    ------------------------------------------------------------------*/

    
    /* --> Footer Base -----------------------------------------------*/

    footer#page-footer {
        padding-top: 20px;
        z-index: 10;
        
    }

    .city-seal-foot { background: inherit; }

    /* --> Footer Navigation -----------------------------------------*/

    .foot-nav-wrap {
        width: auto;
        background: none;
    }

    /* Column Container */
    .foot-nav-col { background: none; }

    .foot-nav-wrap .foot-nav-col { text-align: left; }
    /* Navigation list */
    nav.foot-nav ul.foot-nav-list {
        margin-left: 0;
    }

    /* Navigation list item link */
    nav.foot-nav ul.foot-nav-list li a {
        font-size: 1.3em;
    }


    /* --> Footer Logo, City Seal & Address --------------------------*/

    img.footer-logo {
        float: left;
        margin-top: 0;
    }


    /* --> Social Media Center ---------------------------------------*/

    /* Button container */
    .sm-center-btn-cont {
        float: right;
        margin-top: 10px;
    }

    /* Containing link box */
    .sm-center-btn-cont .mm-button-link {
        background-position: 80% 14px !important;

        transition: background-color .6s ease-out;
        -o-transition: background-color .6s ease-out;
        -moz-transition: background-color .6s ease-out;
        -webkit-transition: background-color .6s ease-out;
    }


    /* --> Powered by Civica -----------------------------------------*/

    /* Wrapping container */
    .powered-by-cont {
        float: right;
        margin-top: 0;
    }

    /* 'Powered by' text */
    span.powered-by-civica {  }

    /* Civica logo */
    #civica-foot-logo {  }
	
	

	/*  Photobook Styles  */

	.Photosizer{
		overflow: hidden;
		max-height: 200px;
		max-width:250px;
	}
	
	.Photosizer img {
	  display: block;
	  height: 190px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 10px;
	  max-height: 210px;
	  max-width: 250px;
	  overflow: hidden;
	  width: 200px;
	}
	
	.PhotoBG {
	width: 250px;
	height: 210px;
	}
	
	
.az-list li {
list-style: none;
}

	/*
    ------------------------------------------------------------------
    --> Photo Manager and Photo Book Styles
    ------------------------------------------------------------------*/
	
	#jqGalleryDiv h2{
		
		}

	#image_wrap img{
		cursor: default;
		padding-bottom: 10px;
		margin-left:10px;
	}

  #image_wrap_g img{
		cursor: default;
		padding-bottom: 10px;
		margin-left:10px;
	}

	.img-wrap:hover{
		cursor:pointer;
	}

	.img-wrap {
    float: left;
    height: 100px;
    overflow: hidden;
    padding: 10px;
    width: 100px;
	}
	
	#galBackOuter > div {
    margin-left: 10px;
    margin-top: 20px;
	}
	
}