/******************************************************************
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 img { width: 100%; }


    /* --> Charms ----------------------------------------------------*/

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



    /*
    ------------------------------------------------------------------
    --> 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;
    }


    /* --> 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; }



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

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

    section#top-nav {
        position: absolute;
        width: 100%;
        z-index: 200;
        box-shadow: 0 2px 8px #000;
    }

    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: 10px;
        padding-right: 10px !important;
        height: 50px;
        line-height: 50px;
        font-size: 0.9em;
        text-transform: uppercase;
    }

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

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


    /* --> 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: 3.0em;
    }


    /* --> 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;
    }



    /*
    ------------------------------------------------------------------
    --> 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;
    }


    /* 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: 25%;
    }
		
    #dynamic-side-btns.home-side-btns .has-no-subtext.has-img {
        width: 100%;
    }
	

    /*
    ------------------------------------------------------------------
    --> 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;
    }


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

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

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

    /* 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;
	}
	
	
	/*
    ------------------------------------------------------------------
    --> 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;
	}
	
	
	/*simple form*/
	#sfmQuestionForm p {
    font-size: 1em;
		  
}
	
}