/**
 * @file
 * coneyisland.css
 * Main Coney Island USA   FLUID only styles
 * Jason Davis - Fluid redesign - September 2018 
 */





/*  FIXING DESKTOP PROBLEM */

@media screen and (min-width: 1030px) {


    /*
     * accordian - Navigation
     *********************************************************************************/

    #navigation .content ul#superfish-1{
      display: none !important;
    }


/* closing tag of Media Query */
/* @media screen and (min-width: 1030px) { */
}








    

/*  ALL FLUID SIZES */

@media screen and (min-width: 1px) and (max-width: 1029px){




        
    /*
     * Body
     */
     
    html body.front.admin-menu{
        margin-top: 0 !important;
    }
    html body.front.admin-menu #admin-menu{
        display: none;
    }
    



   
    
  /* 
   *  Header
   *********************************************************************************/
    
    #header{
        height: calc(20vw + 44px);
    }    
    #header .section{
        width: calc(100% - 60px);
        width: 100%;
        float: left;
        height: 100%;
    }


    #logo{
        height: auto;
        position: relative;
        float: left;
        width: 20%;
        top: 0;
        left: 0;
    }
    #logo img{
        height: auto;
        width: 110%;
        margin-left: -2px;
        margin-top: -2px;
        max-width: none;
    }
    #name-and-slogan{
        position: relative;
        float: right;
        margin-left: 0;
        width: calc(80% - 22px) !important;
        height: 100%;
        
        top: auto;
        bottom: -.631vw;
        bottom: -.25vw;
    }
    h1#site-name,
    div#site-name{ 
        width: calc(100% - 1vw) !important;
        display: block;
        height: calc(18vw - 15px);
        margin-right: 0;
        max-width: none !important;
        margin-top: calc(.5vw + 10px);
    }
    h1#site-name a,
    div#site-name a{ 
        background-size: contain;
        background-position: 0 50%;        
        height: 100%;
    }
 
    #site-slogan{
        width: 83vw;
        position: absolute;
        bottom: -9px;
        z-index: 999999;
        max-width: none !important;
        margin-left: 0;
        height: 51px;
        left: calc(-19.5vw);
        right: auto;
        float: none;
        background-position: 0 48%;
        background-size: contain !important;

    /* 2 line */    
        background-image:  url("/sites/all/themes/coneyisland/images/site-slogan-2-line.png");
        bottom: -2px;
        height: 40px;
        width: 76vw;
        left: -19vw;
        margin-left: 20px;
        
        left: -21vw;
        margin-left: 0;
    }    
    
    
    
    
    


    
    
    /*
     * Navigation
     ***************************************************************************/
     
    #navigation{
        background-image: url("/sites/all/themes/coneyisland/images/ribbon-1px.png");
        background-repeat: no-repeat;
    }
    #navigation, 
    #main-wrapper #navigation,
    body.page-node-3 #navigation{
        height: 71px;
        background-size: 100% 100%;
        background-position: 50% 50%;
    }    
    body.page-node-3 #navigation{
      bottom: -24px;
      top: auto;
    }
    
    #navigation ul#main-menu{
        display: none;
    }
    #navigation .region-navigation{
        position: absolute;
        /* width: 100vw; */
        display: block;
        height: 60px;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
    }

    #navigation .region-navigation > .block-superfish{    
        margin-bottom: 0;
        height: 100%;
    }
    #navigation .region-navigation > .block-superfish > .content{
        width: 100vw;
        margin-left: 0vw !important;
        height: 100%;
    }




    /*
     * accordian - Navigation
     *********************************************************************************/

    #navigation .content ul#superfish-1{
      display: none;
    }

    .sf-accordion-toggle.sf-style-simple{
      position: relative;
      z-index: 201;
      z-index: 9999;
    }
    #navigation ul#superfish-1-accordion{
      display: none;
      
      border: 2px solid #020087;
      border-radius: 8px;
      margin-top: -2px;
      position: relative;
      z-index: 200;      
      z-index: 9998;
      width: 100% !important;
      overflow: hidden;
      float: right;
      max-width: 500px;
      margin-left: 400px;

    }
    
    
    div.sf-accordion-toggle.sf-style-simple {
      position: relative;
      width: 70px;
      box-sizing: border-box;
      float: right;
      margin: 0;
      height: 100%;
    }
    div.sf-accordion-toggle.sf-style-simple a.sf-expanded,
    .sf-menu.sf-style-simple.sf-accordion li.sf-expanded{
      background-color: #FC0;
      background-image: none;
      
      border: 1px solid #020087;
      border-width: 2px 2px 0 2px;
      border-radius: 5px 5px 0 0;
    }
    div.sf-accordion-toggle.sf-style-simple a.sf-expanded span,
    .sf-menu.sf-style-simple.sf-accordion li.sf-expanded span{
      background-image: url("/sites/all/themes/coneyisland/images/simple-accordion-toggle-blue-x.png") ;
      background-position: 0 1px;
    }

    #superfish-1-accordion ul{
      background-color: #FC0;      
    }
    #navigation .content ul#superfish-1-accordion li,
    .sf-menu.sf-style-simple.sf-accordion li{
      background-color: #FC0;
      padding: 0;      
      overflow: hidden;
    }
    .sf-menu.sf-style-simple.sf-accordion li.sf-clone-parent, 
    .sf-menu.sf-style-simple.sf-accordion li:first-child {
      border-radius: 8px 8px 0 0;
    }
    .sf-menu.sf-style-simple.sf-accordion ul.sf-has-clone-parent > li.firstandlast,
    .sf-menu.sf-style-simple.sf-accordion li:last-child{
      border-radius: 0 0 8px 8px;
    }
    
    .sf-menu.sf-style-simple.sf-accordion li a{
      background-color: #FC0;
    }

    
    
    div.sf-accordion-toggle.sf-style-simple a{
      float: right;
      margin-right: 7px;
      background-image: none;
      background-color: transparent;
      border: none;
      padding: 2px;
      padding: 0 2px 2px 2px;
      height: 60px;
      box-sizing: border-box;
      width: 60px;  
      border-radius: 0;  
      
      height: 100%;
    }
    div.sf-accordion-toggle.sf-style-simple a span {
      background: url("/sites/all/themes/coneyisland/images/simple-accordion-toggle-blue.png") no-repeat center center transparent;
      background-size: 100% 100%;
      height: 100%;
      width: 100%;
    }
    div.sf-accordion-toggle.sf-style-simple a span:hover {
      /* background-image: url("/sites/all/themes/coneyisland/images/simple-accordion-toggle-yellow.png"); */
    }
    
    
    ul#superfish-1-accordion li a{
      font-size: 16px;
      font-weight: 600;
      color: #000099;
      
      font-family: "league-gothic","Arial Black", Arial, Helvetica;      
      font-size: 29px;
      font-weight: 400;
      color: #000099;
      padding: 10px 20px;
      line-height: 31px;
      text-shadow: none;
    }
    ul#superfish-1-accordion li a:hover{
      color: #fc4008;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /*
     * Main (container for everything else)
     */
     
     
     
    
    /*
     * Content
     */
          
    body.node-type-page .node-page.view-mode-full .content{
        margin-left: 0;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /*
     * First sidebar
     */
     
     
     
     
     
     
     
    
    /*
     * Second sidebar
     */
     
     .view-id-node_sidebar_wildcard_items{
      margin-left: 0;
     }
    
    .region-sidebar-second{
      float: left;
      width: 100%;
    }
    #block-views-rightside-wildcards-block,    #block-multiblock-4,
    #block-block-9,
    #block-block-12,
    #block-views-9bf4d0c41ad7c04b91b90566d8a15545,
    #block-menu-menu-admin-menu,
    #block-masquerade-masquerade,
    #block-views-534cdf51e1747521a607fdf8ac26e199,
    #block-views-upcoming-events-block{
      /*
      float: left;
      width: 50%;
      */
    }
     
     
     
    /*
     * Footer
     */
     
     
    .region-footer {
    }
    
    
    
    /*
     * Page bottom
     */
    
    
    
    
    
    
    
    
    
    
    
    /* 
     *  Slideshow
     *********************************************************************************/
    
    .field-slideshow,
    .field-slideshow-wrapper .field-slideshow-slide{
      max-width: 100%;
      width: 100%;
    
    }
    #field-slideshow-1-controls{
      opacity: 0;
      position: absolute;
      z-index: 100;
    }
    
    /**********************************************************************************
     *  END --   Slideshow
     */
     
     
     
     
     
     
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* 
     *  PAGE SPECIFIC STYLES
     *********************************************************************************
     *********************************************************************************/
    









    
    
    
    /* 
     *  PROGRAMS Page
     *********************************************************************************/
        #content-top.program-page-special-events,
        #content-top.program-page-special-events .section{
          box-sizing: border-box;
          width: 100%;
        }
        
        body.node-type-page.page-node-3 .node-page.view-mode-full .content{          
          background-color: #f93;
        }    
        .view-id-programs_header_node_view #node-3 {
          display: block;
          margin: 0;
          padding: 0;
          height: auto;
          width: 100%;
          background-color: #f93;
        }
        .view-id-programs_header_node_view #node-3 .content .field-name-field-header-image{
          background: transparent none no-repeat 0 0;
          width: 100% !important;    
          height: auto;
          
          
          

          position: absolute;
          padding-bottom: 39%;
          background-position: center 0;
          left: auto;
          right: auto;
          top: auto;
          bottom: auto;
          float: left;
          display: block;
        }
        
        /*  link image lists *
        /*  SWITCH WHICH LIST DISPLAYS */
        #program-tiles-list-fixed{
          display: none !important;
        }        
        #program-tiles-list-fluid{
          display: block !important;
        }
        
        /*  VIDEO  */
        #program-tiles-video{
          width: 100%;
          float: left;
          position: relative;
          padding: 0;
          margin: 0 0 10px 0;
          text-align: center;
          max-width: 100%;
        }        
        #program-tiles-video iframe{
          max-width: 100%;
        }
        
        
        #program-tiles-wrapper > ul{
          float: left;
          width: 100%;
          margin: 0;
          padding: 0;
        }


/*

        #program-tiles-wrapper ul li.programtiles {
          background-color: transparent;
          list-style: none inside none;
          width: 100%;
          width: 50%;
          float: left;
          padding: 0 2px;
          box-sizing: border-box;
        }
        #program-tiles-wrapper ul li.programtiles a {
          background-color: transparent;
          background-size: 100% auto;
          width: 100% !important;
          position: relative;
          float: left;
          left: auto !important;
          top: auto !important;
          bottom: auto !important;
          height: 0 !important;
          padding-bottom: 49%;
          padding-bottom: 58.5%;
          background-position: 0 0 !important;
        }
        #program-tiles-wrapper ul li.programtiles a:hover {
          background-position: 0 100% !important;
        }
        
        #program-tiles-wrapper ul li#programtile-7 a{
          padding-bottom: 117%;
        }
*/






        .view-id-special_events .views-row{
          width: 100%;
          margin-bottom: 20px;
          margin-left: 0;

          margin-bottom: 30px;
          margin-left: 0;
          border-bottom: 1px solid orange;
          padding-bottom: 10px;

        }
        .view-id-special_events .views-field-field-event-image,
        .view-id-special_events .views-field-field-event-image img{
          width: 100%;
        }
        .view-id-special_events .views-field-title{
          height: auto;
        }


    /**********************************************************************************
     *  END --   PROGRAMS
     */
     
    






    /* 
     *  Calendar
     *********************************************************************************/


        /* 
         * Left Sidebar - hide the calendar
         * 
         *****************************/     
        
        /*  title - make space for filter button */
        body.page-events #page-title{
          padding-right: 130px;
        }
        /*  main content */        
        body.page-events.sidebar-first #content{        
          margin-left: 0;
          margin-right: 0;
          width: 100%;
        }
        /*  left column moved to filter reveal */         
        #cal-filter-button{
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          border: 1px solid transparent;
          height: 20px;
          width: 93px;
          background: transparent url(/sites/default/files/icons/calendar-icon.png) no-repeat 5px 2px;
          background-size: 17px auto;
          padding-left: 27px;
          font-size: 12px;
          line-height: 22px;
          text-transform: uppercase;
          cursor: pointer;
          background-color: #F90;
          border: 1px solid #F90;
          border-radius: 6px 6px 0 0;
          padding: 2px 0 0 27px;
        }
        body.page-events .region.region-sidebar-first.column{
          position: absolute;
          right: 10px;
          top: 10px;
          z-index: 50;
          margin: 0;
          width: 260px;
        }
        
        body.page-events .region.region-sidebar-first.column > .section{
          background: #ffffff;
          min-width: 240px;
          overflow: hidden;
          margin: 0;
          height: 22px;
          height: auto;
          border: 5px solid #F90;
          background-color: #ffffff;
          border-radius: 8px 0 8px 8px;
          margin-top: 22px !important;
        }
        body.page-events .region.region-sidebar-first.column #block-block-4{
          margin-top: 10px;
        }

        body.page-events #block-block-4 h2.block-title,
        body.page-events #datepicker div.ui-datepicker,
        body.page-events #block-views-exp-clone-of-events-page div.content{
          padding: ;
        }

        /* hide unneeded block */
        body.page-events.sidebar-first #block-multiblock-1{
          display: none;
        }
        
        
        /* list of events */
        body.page-events .view-clone-of-events .views-row {
          width: 100%;
          border-bottom: 1px solid orange;
          margin-bottom: 25px;
          padding-bottom: 10px;
          float: left;
        }


    /**********************************************************************************
     *  END --   Calendar
     */    





    /* 
     *  Inner Nodes   (event, news, page)
     *********************************************************************************/
      
      .flexslider,
      body.node-type-event .flexslider,
      body.node-type-page .flexslider,
      body.node-type-news-item .flexslider,
      body.page-taxonomy-term .flexslider{
        margin-bottom: 10px;
        border-width: 0;
        z-index: 2;
        position: relative;
      }

    /**********************************************************************************
     *  END --   Calendar
     */          
      
      



    
    /* 
     *  Event Node
     *********************************************************************************/
     
      body.node-type-event .field-name-field-event-date,
      body.node-type-event .field-name-field-display-text-date-time-tex{      
        width: auto;
        padding-top: 10px;
      }
      
    
    
    /**********************************************************************************
     *  END --   Event Node
     */        
    






    
    /* 
     *  Program Node
     *********************************************************************************/
     

      body.page-taxonomy-term .view-id-taxonomy_term{
        margin-left: 0;
      }
      body.page-taxonomy-term .view-id-taxonomy_term img{
        height: auto !important;
        width: 100%;
        max-width: 100%;
      }
      body.page-taxonomy-term .view-id-taxonomy_term table{
        max-width: 100%;
      }
      
    
    
    /**********************************************************************************
     *  END --   Program Node
     */            

    
    
    
    
    
    
    
    
    /* 
     *  Front Page
     *********************************************************************************/

        /* 
         * ORIGINAL Homepage slideshow
         * 
         *****************************/
        #block-views-homepage-slideshow-block{
          display:block;
          position:relative;
          height: auto !important;  
          width: 100% !important;
        }

        #block-views-homepage-slideshow-block .views-field-field-slideshow-image{
          float:left;
          display:block;
          width: 100% !important;
          height:382px;
        }
        
        #block-views-homepage-news-block{
          max-width: 100%;
        }
        #block-views-homepage-news-block .views-row{
          width: 100% !important;
          margin-left: 0 !important;
          margin-right: 0 !important;
                    
          border-bottom: 1px solid orange;
          margin-bottom: 25px;
          padding-bottom: 10px;
          float: left;
        }
        
        /* 
        * NEW FLEXIBLE Homepage slideshow
        * 
        *****************************/
         
        #block-views-homepage-slideshow-fluid-block{
          display: block;
          background-color: #000187;
          background-color: #020087 !important;
        }
        #block-views-homepage-slideshow-fluid-block *{
          background-color: transparent;
          border: none;
        }
        #block-views-homepage-slideshow-fluid-block .slides > li{
          height: 100%;
        }
        
        
        /*** flex slideshow controls  ***/        
                /*** for homepage and event nodes  ***/        
        .flexslider .flex-direction-nav
        #block-views-homepage-slideshow-fluid-block .flex-direction-nav,
        body.node-type-event .flexslider .flex-direction-nav,
        body.page-taxonomy-term .view-id-taxonomy_term .flexslider .flex-direction-nav{
          top: 30%;
          position: absolute;
          width: 100%;
          z-index: 100;
        }
        .flexslider .flex-direction-nav a.flex-next,
        .flexslider .flex-direction-nav a.flex-prev,
        .flexslider .flex-direction-nav a.flex-next:hover,
        .flexslider .flex-direction-nav a.flex-prev:hover,
        #block-views-homepage-slideshow-fluid-block .flex-direction-nav a.flex-next,
        #block-views-homepage-slideshow-fluid-block .flex-direction-nav a.flex-prev,
        #block-views-homepage-slideshow-fluid-block .flex-direction-nav a.flex-next:hover,
        #block-views-homepage-slideshow-fluid-block .flex-direction-nav a.flex-prev:hover,
        body.node-type-event .flexslider .flex-direction-nav a.flex-next,
        body.node-type-event .flexslider .flex-direction-nav a.flex-prev,
        body.node-type-event .flexslider .flex-direction-nav a.flex-next:hover,
        body.node-type-event .flexslider .flex-direction-nav a.flex-prev:hover,
        body.page-taxonomy-term .view-id-taxonomy_term .flexslider .flex-direction-nav a.flex-next,
        body.page-taxonomy-term .view-id-taxonomy_term .flexslider .flex-direction-nav a.flex-prev,
        body.page-taxonomy-term .view-id-taxonomy_term .flexslider .flex-direction-nav a.flex-next:hover,
        body.page-taxonomy-term .view-id-taxonomy_term .flexslider .flex-direction-nav a.flex-prev:hover{
          padding: 18px 0;
          height: 0;
          width: 26px;
          line-height: 41px;
          line-height: 60px;
        }
        .flexslider .flex-direction-nav a.flex-prev,
        #block-views-homepage-slideshow-fluid-block .flex-direction-nav a.flex-prev,
        body.node-type-event .flexslider .flex-direction-nav a.flex-prev,
        body.page-taxonomy-term .view-id-taxonomy_term .flexslider .flex-direction-nav a.flex-prev{
          text-indent: -9999px;
          left: 0;    
        }
        .flexslider .flex-direction-nav a.flex-next,
        #block-views-homepage-slideshow-fluid-block .flex-direction-nav a.flex-next,
        body.node-type-event .flexslider .flex-direction-nav a.flex-next,
        body.page-taxonomy-term .view-id-taxonomy_term .flexslider .flex-direction-nav a.flex-next{
          text-indent: -9999px;
          right: 0;
        }
        .flexslider .flex-direction-nav a.flex-prev:before,
        #block-views-homepage-slideshow-fluid-block .flex-direction-nav a.flex-prev:before,
        body.node-type-event .flexslider .flex-direction-nav a.flex-prev:before,
        body.page-taxonomy-term .view-id-taxonomy_term .flexslider .flex-direction-nav a.flex-prev:before{
          text-indent: 0;
          content: "\f001";
          vertical-align: top;
          display: block;
          position: absolute;
          top: 0;
          line-height: 41px;
          text-shadow: -2px 2px 0 rgba(255, 255, 255, .9);
          color: #000;
        }
        .flexslider .flex-direction-nav a.flex-next:before,
        #block-views-homepage-slideshow-fluid-block .flex-direction-nav a.flex-next:before,
        body.node-type-event .flexslider .flex-direction-nav a.flex-next:before,
        body.page-taxonomy-term .view-id-taxonomy_term .flexslider .flex-direction-nav a.flex-next:before{
          text-indent: 0;
          content: "\f002";
          vertical-align: top;
          display: block;
          position: absolute;
          top: 0;
          line-height: 41px;
          text-shadow: 2px 2px 0 rgba(255, 255, 255, .9);
          color: #000;
        }
        
        .flexslider .flex-control-paging,
        #block-views-homepage-slideshow-fluid-block .flex-control-paging,
        body.node-type-event .flexslider .flex-control-paging,
        body.page-taxonomy-term .view-id-taxonomy_term .flexslider .flex-control-paging{
            display: none;          
        }
        
        
        
        
        /*** flex slideshow content  ***/
        #block-views-homepage-slideshow-fluid-block .slide-text-wrapper{
          height: 100%;
          width: 100%;
          display: block;
          float: left;
          padding: 20px 20px 20px 20px;
          box-sizing: border-box;
        }
        #block-views-homepage-slideshow-fluid-block .white-text,
        #block-views-homepage-slideshow-fluid-block .white-text *,
        #block-views-homepage-slideshow-fluid-block .white-text a{
          color:#ffffff !important;
        }
        

        
        /*** flex slideshow images  ***/
        #block-views-homepage-slideshow-fluid-block .views-field-field-slideshow-image{
          border: 4px solid #ffffff !important;
          border-width: 0 0 4px 0 !important;
          background-color: #ffffff !important;
        }
        
        /*** flex slideshow text  ***/
        #block-views-homepage-slideshow-fluid-block .views-field-title,
        #block-views-homepage-slideshow-fluid-block .views-field-body,
        #block-views-homepage-slideshow-fluid-block .views-field-field-slideshow-link,
        #block-views-homepage-slideshow-fluid-block .views-field-field-slideshow-link a{
          float:left;
          display:block;
          width: 100%;
          font-family:"league-gothic","Arial Black", Arial, Helvetica;
        }
        #block-views-homepage-slideshow-fluid-block .views-field-title {
          font-size: 45px;
          font-weight: normal;
          line-height: 44px;
          font-family: "league-gothic","Arial Black", Arial, Helvetica;
        }
        #block-views-homepage-slideshow-fluid-block .views-field-body {
          font-size: 29px;
          font-weight: normal;
          line-height: 28px;
          margin-top: 27px;
          padding: 0;
          margin-bottom: 0px;
          font-size: 14px;
          font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
          line-height: 18px;
        }
        #block-views-homepage-slideshow-fluid-block .views-field-field-slideshow-link {
          width: auto;
          float: right;
        }
        #block-views-homepage-slideshow-fluid-block .views-field-field-slideshow-link a {
          padding-left: 53px;
          background: transparent url(/sites/all/themes/coneyisland/images/slideshow-hand-link.gif) no-repeat 0 0;
          font-size: 28px;
          font-weight: normal;
          margin-top: 29px;
          line-height: 29px;
          width: auto;
        }
         
        
        /**********************************************************************************
         *  END --   Front page
         */
         




      /* 
       * Homepage Events - fix for mobile
       * 
       *********************************************************************************/ 

        /*  Upcoming events moved to main content   */
        
        body.page-node-1 #block-multiblock-5,
        body.page-node-1 #block-multiblock-6,
        body.page-node-1 #block-multiblock-7{
          display: block;
          float: left;
          margin-bottom: 20px;
          width: 100%;
        }
        body.page-node-1 #block-multiblock-6,
        body.page-node-1 #block-multiblock-7{
          margin-bottom: 0;
        }
        #block-views-homepageupcoming-events-block,
        #block-views-homepageupcoming-events-block-2,
        #block-views-homepageupcoming-events-block-4,
        #block-views-9bf4d0c41ad7c04b91b90566d8a15545{
          display: none !important;
        }


      /**********************************************************************************
       * END - Homepage Events - fix for mobile
       * 
       */











        
        /* 
         *  Front Page -- SIDEBAR
         *  Inner pages - SIDEBAR
         *********************************************************************************/

        /* wildcards */
        .view-rightside-wildcards{
          width: 100%;
          height: auto;          
        }
        .view-rightside-wildcards .views-field-body,
        .view-rightside-wildcards .views-field-body > .field-content{
          width: 100%;
          height: auto;                  
          position: relative;
        }
        
        /* programming links - member - donate - gift shop - etc */
        #four-blocks-sidebar-wrapper{
          width: 100% !important;
          height: auto;
        }
        #four-blocks-sidebar-wrapper.with-fifth-block ul,
        #four-blocks-sidebar-wrapper ul{
          width: 100% !important;
          height: auto !important;
          top: auto;
        }
        #four-blocks-sidebar-wrapper ul li a{
          margin-right: 2%;
          width: 48%;
          height: 0;  /* relative "padding as height" trick */
          padding-bottom: 34%;
          float: left;
          text-indent: -9999px;
          margin-bottom: 9px;
        }


        /*  sidebar social icons */ 
        #sharing-sidebar-wrapper{
          width: 100% !important;
          height: auto;          
        }
        .view-rightside-wildcards .views-field-body{
        }
        .view-rightside-wildcards .views-field-field-wildcard-image,  
        .view-rightside-wildcards .views-field-field-wildcard-image img{  
          width: 100%;
          max-width: 100%;
        }
        
        #sharing-sidebar-wrapper ul li a{
          margin-right: 5.5%;
          width: 11%;
          height: 1px;
          padding-bottom: 12%;        
        }
        #sharing-sidebar-wrapper ul li:nth-last-child(1) a{
          margin-right: 0;        
        }
        
        
        
        
        
        /* facebook block  */        
        .fb_iframe_widget,
        .fb_iframe_widget > span,
        .fb_iframe_widget iframe{
          width: 100% !important;
          max-width: 100% !important;
        }
        
        
        /* email subscribe - sign up */
        .email-subscribe-wrapper{
          width: 100%;
          height: auto;
          float: left;
          /*
          background-image: url(../images/sign-up-email-form_0.jpg) ;
          */
          background-position: 50% 0;
          background-size: 118% auto;
        }
        .email-subscribe-wrapper form{
          float: left;
        }

        .email-subscribe-wrapper input#subscribe-email-field{
          margin-left: 8%;
          margin-top: 26%;
          width: 67%;
          border-color: transparent;
        }
        /* button */
        .email-subscribe-wrapper input#subscribe-submit{
          width: 15%;
          margin-top: 23%;
          margin-right: 3%;
          padding: 0;
          height: 1px;
          padding-bottom: 17%;
        }
        /* captcha */
        .g-recaptcha{
          /*
          transform: none;
          -webkit-transform: none;
          transform-origin: unset;
          -webkit-transform-origin: unset;
          z-index: 100;
          position: relative;
          width: 100%;
          */
          padding-top: 0% !important;
          float: left;
          height: 62px;
          padding-bottom: 2%;
          overflow: hidden;        
        }
        #recaptcha-whiteblock{
          display:none;
        }

        /**********************************************************************************
         *  END ----> Front Page -- SIDEBAR
         *  END ----> Inner pages - SIDEBAR
         */
         
        
        
        /* 
         *  EVENTS
         *  
         *********************************************************************************/
        
        /* Events main content */


        /* Events sidebar */
        
        body.node-type-event #block-block-6{
          padding-top: 10px !important;
          float: left;
        }
        #click-for-more{
          background-size: contain;
          background-size: 100%;
        }
        #click-for-more #clickmore-text {
          font-size: 166%;
          position: absolute;
          bottom: auto;
          left: 5%;
          width: 86%;
          line-height: 105%;
          top: 46%;
        }
        
        
        
        
        /**********************************************************************************
         *  END --   Front page -- SIDEBAR
         */
     
    





/**********************************************************************************
 *********************************************************************************
 *  END --   PAGE SPECIFIC STYLES
 */
 




    
    
    /* 
     *  FOOTER
     *********************************************************************************/
    
    #footer-wrapper, .region-footer{
      width: 100% !important;
      box-sizing: border-box;
    }
    #block-block-1{
      height: auto !important;
      float:left;  
      width: calc(100% + 20px);
      box-sizing: border-box;
    }
    #block-block-1 h3,
    #block-block-1 .footer-tagline,
    #block-block-1 h2,
    #block-block-1 p{
      width: 100% !important;
      max-width: 100% !important;
      height: auto;
    }
    #block-block-1 h3{
        line-height: 31px;
        text-indent: 0;
    }    

    
    #block-menu-menu-footer-menu-1 .content > ul,
    #block-menu-menu-footer-menu-2 .content > ul,
    #block-menu-menu-footer-menu-3 .content > ul{
      height: auto !important;
    }


    /* 
     *  Front Page -- FOOTER
     *********************************************************************************/
    
    #block-menu-menu-footer-menu-1,
    #block-menu-menu-footer-menu-2,
    #block-menu-menu-footer-menu-3{
      width: 100% !important;
    }
    
    


    /**********************************************************************************
     *  END --   FOOTER
     */






















    




/* closing tag of Media Query */
/*  @media screen and (min-width: 1px) and (max-width: 1029px) {  */
}












/*  ONLY SMALLEST  FLUID SIZES under 400px */  

@media screen and (min-width: 1px) and (max-width: 400px){

    /* hedaer */    
    #site-slogan{
        /* display: none; */
        max-width: 100%;
        bottom: .5vw;
    }

    /* events */  
    #cal-filter-button{
      width: 0;
      overflow: hidden;
    }

/* closing tag of Media Query */
/*  @media screen and (min-width: 1px) and (max-width: 400px) {  */
}










/*  ONLY SMALLEST  FLUID SIZES under 500px */  

@media screen and (min-width: 1px) and (max-width: 500px){
 
  #site-slogan{
        width: 67vw;
        
        top: auto;
        bottom: .5vw;
        bottom: .1vw;
    }    
    
    
    
    /* 
     *  Calendar
     *********************************************************************************/

    /* events list */
    body.page-events .view-clone-of-events .views-field-field-event-image,
    body.page-events .view-clone-of-events .views-field-field-event-thumbnail-image{
      margin-bottom: 10px;
    }
    body.page-events .view-clone-of-events .views-field-field-event-image img,
    body.page-events .view-clone-of-events .views-field-field-event-image,
    body.page-events .view-clone-of-events .views-field-field-event-thumbnail-image,
    body.page-events .view-clone-of-events .views-field-field-event-thumbnail-image img{
      width: 100%;
      height: auto;
    }
        
        


    /* 
     *  Homepage wildcard
     *********************************************************************************/
      .email-subscribe-wrapper input#subscribe-email-field{
        width: 55vw;
        margin-top: 20vw;
      }
      .email-subscribe-wrapper input#subscribe-submit {
          width: 15%;
          margin-top: 18vw;
          margin-right: 0;
          padding: 0;
          height: 1px;
          padding-bottom: 17%;
          float: left;
          margin-left: 4vw;
      }




    /* 
     *  Homepage wildcard
     *********************************************************************************/

      body.page-events .view-clone-of-events .views-row{
          width: 100% !important;
          margin-left: 0 !important;
          margin-right: 0 !important;
          border-bottom: 1px solid orange;
          margin-bottom: 25px;
          padding-bottom: 10px;
          float: left;
      }
      
      
      



/* closing tag of Media Query */
/*  @media screen and (min-width: 1px) and (max-width: 500px) {  */
}
 



















/*  ALL SMALL FLUID SIZES up to 800px */  

@media screen and (min-width: 1px) and (max-width: 800px){



    
    /* 
     *  PROGRAMS Page
     *********************************************************************************/
        
        #program-tiles-video{
          width: 100% !important;
          height: auto !important;
          max-width: 100% !important;
        }
        #program-tiles-wrapper{
          width: 100%;
          height: auto;
        }
        .program-tiles-list-wrapper{
          width: 100%;
          text-align: center;      
          float: left;
        }
        .program-tiles-list-wrapper .program-tiles-center{
          width: 100%;          
          max-width: 470px;
          display: inline-block;
          height: auto;
          border: 1px solid transparent;
        }
        #program-tiles-wrapper > ul{
          
        }
        #program-tiles-wrapper > ul{
          float: left;
          width: 100%;
          margin: 0;
          padding: 0;
        }

        ul#program-tiles-list-fluid{
          float: left;
          padding: 0;
          height: auto;
          position: relative;
          width: 100%;
          margin-top: 0;
        }




        #program-tiles-wrapper ul li.programtiles {
          background-color: transparent;
          list-style: none inside none;
          float: left;
          padding: 0 0 10px 0;
          box-sizing: border-box;
        }
        #program-tiles-wrapper ul li.programtiles a {
          background-color: transparent;
          background-size: 100% auto;
        }
        
        
        
        
        #program-tiles-wrapper ul li.programtiles{
          left: auto !important;
          top: auto !important;
          position: relative !important;
          width: 100% !important;
          height: auto;
        }
        #program-tiles-wrapper ul li.programtiles a{
          left: auto !important;
          top: auto !important;
          position: relative !important;
          width: 100% !important;
          height: auto !important;
          padding: 0 !important;
          background-position: top;
          display: block !important;
          text-indent: 0;

          background-position: 0 100% !important;
          border: 0px solid transparent;
          border-radius: 9px;
          overflow: hidden;
        }
        #program-tiles-wrapper ul li.programtiles a:hover {
          background-position: 0 0 !important;
        }
        #program-tiles-wrapper ul li.programtiles a img{
          opacity: 0;
          padding: 0;
          margin: 0;
          text-indent: 0;
          width: 100%;
          float: left;
        }

        #program-tiles-wrapper ul li#programtile-1 a,
        #program-tiles-wrapper ul li#programtile-2 a,
        #program-tiles-wrapper ul li#programtile-3 a,
        #program-tiles-wrapper ul li#programtile-4 a,
        #program-tiles-wrapper ul li#programtile-5 a,
        #program-tiles-wrapper ul li#programtile-6 a,
        #program-tiles-wrapper ul li#programtile-7 a,
        #program-tiles-wrapper ul li#programtile-8 a,
        #program-tiles-wrapper ul li#programtile-9 a,
        #program-tiles-wrapper ul li#programtile-10 a,
        #program-tiles-wrapper ul li#programtile-11 a{
          background-position: top;
          background-size: 100% auto;
        }
        

        




        
        #program-tiles-wrapper ul li#programtile-1 a{  /*MUSEUM*/
            background-image: url('../images/programbuttons/mobile/coney-island-museum.jpg');
        }
        #program-tiles-wrapper ul li#programtile-1 a:hover{
            background-position:0px 0px;
        }
        #program-tiles-wrapper ul li#programtile-2 a{   /*  ASK the EXPERTS */
            background-image: url('../images/programbuttons/mobile/ask-the-experts.jpg');
        }
        #program-tiles-wrapper ul li#programtile-2 a:hover{
            background-position:0 0;
        }
        #program-tiles-wrapper ul li#programtile-3 a{
            background-image: url('../images/programbuttons/mobile/coney-island-circus-sideshow.jpg');
        }
        #program-tiles-wrapper ul li#programtile-3 a:hover{
            background-position:0 0;
        }
        #program-tiles-wrapper ul li#programtile-4 a{
            background-image: url('../images/programbuttons/mobile/sideshow-school.jpg');
        }
        #program-tiles-wrapper ul li#programtile-4 a:hover{
            background-position:0 0;
        }
        #program-tiles-wrapper ul li#programtile-5 a{   /*  Magic at Coney */
            background-image: url('../images/programbuttons/mobile/magic-at-coney.jpg');
        }
        #program-tiles-wrapper ul li#programtile-5 a:hover{
            background-position:0 0;
        }
        #program-tiles-wrapper ul li#programtile-6 a{
            background-image: url('../images/programbuttons/mobile/coney-island-film-festival.jpg');
        }
        #program-tiles-wrapper ul li#programtile-6 a:hover{
            background-position:0 0;
        }
        #program-tiles-wrapper ul li#programtile-7 a{
            background-image: url('../images/programbuttons/mobile/coney-island-film-society.jpg');
        }
        #program-tiles-wrapper ul li#programtile-7 a:hover{
            background-position:0 0;
        }
        #program-tiles-wrapper ul li#programtile-8 a{
            background-image: url('../images/programbuttons/mobile/burlesque-at-the-beach.jpg');
        }
        #program-tiles-wrapper ul li#programtile-8 a:hover{
            background-position:0 0;
        }
        #program-tiles-wrapper ul li#programtile-9 a{
            background-image: url('../images/programbuttons/mobile/creepshow-at-the-freakshow.jpg');
        }
        #program-tiles-wrapper ul li#programtile-9 a:hover{
            background-position:0 0;
        }
        #program-tiles-wrapper ul li#programtile-10 a{
            background-image: url('../images/programbuttons//mobile/congress-of-curious-peoples.jpg');
        }
        #program-tiles-wrapper ul li#programtile-10 a:hover{
            background-position:0 0;
        }
        #program-tiles-wrapper ul li#programtile-11 a{
            background-image: url('../images/programbuttons/mobile/the-mermaid-parade.jpg');
        }
        #program-tiles-wrapper ul li#programtile-11 a:hover{
            background-position:0 0;
        }
        
        




    /**********************************************************************************
     *  END --   PROGRAMS
     */
     
     

/* closing tag of Media Query */
/*  @media screen and (min-width: 1px) and (max-width: 800px) {  */
}




















/*  ALL SMALL FLUID SIZES above 400px */  

@media screen and (min-width: 400px) and (max-width: 1029px){











/* closing tag of Media Query */
/*  @media screen and (min-width: 400px) and (max-width: 1029px) {  */
}
















@media screen and (min-width: 801px) and (max-width: 1029px){



    /* 
     *  Header
     *********************************************************************************/


    #site-slogan{

    /* 1 line */
        background-image:  url("/sites/all/themes/coneyisland/images/site-slogan-fixed.png");
        width: 110%;
        margin-left: 20px;
        height: 51px;
        left: -19vw;
        bottom: -5px;

    }    
    
    
    
    
    /*
     * Navigation
     */
    
    #navigation{
        background-image: url("/sites/all/themes/coneyisland/images/ribbon-1px.png");
        background-image: url("/sites/all/themes/coneyisland/images/ribbon.png");
        background-repeat: no-repeat;
    }
    #navigation, 
    #main-wrapper #navigation,
    body.page-node-3 #navigation{

        background-size: 97% 100%;
        background-position: 50% 50%;
    }
    #navigation .region-navigation > .block-superfish > .content{    
        width: 80vw;
        margin-left: 10vw !important;
        height: 100%;
    }

    
    /* 
     *  Front Page -- FOOTER
     *********************************************************************************/
    
    #block-block-1 p{
        width: 100%;
    }
    #block-menu-menu-footer-menu-1,
    #block-menu-menu-footer-menu-2{
        width: 50% !important;
    }
    #block-menu-menu-footer-menu-3{
        width: 100% !important;
    }
    #block-menu-menu-footer-menu-2 .content > ul,
    #block-menu-menu-footer-menu-3 .content > ul{
        border-left: 0;
    }
    
    
    /**********************************************************************************
     *  END --   FOOTER
     */ 
     
     
     
     
     
     






    
    
    
    /* 
     *  PROGRAMS Page
     *********************************************************************************/
        
        #program-tiles-wrapper{
          width: 100%;
          height: auto;
        }
        .program-tiles-list-wrapper{
          width: 100%;
          text-align: center;      
          float: left;
        }
        .program-tiles-list-wrapper .program-tiles-center{
          width: 100%;          
          max-width: 470px;
          display: inline-block;
          height: auto;
          border: 1px solid transparent;
        }
        #program-tiles-wrapper > ul{
          
        }
        #program-tiles-wrapper > ul{
          float: left;
          width: 100%;
          margin: 0;
          padding: 0;
        }

        ul#program-tiles-list-fluid{
          float: left;
          padding: 0;
          height: 577px;
          height: 873px;
          position: relative;
          width: 100%;
          margin-top: 0;          
          margin-bottom: 0;
        }




        #program-tiles-wrapper ul li.programtiles {
          background-color: transparent;
          list-style: none inside none;
          width: 100%;
          width: 50%;
          float: left;
          padding: 0 2px;
          box-sizing: border-box;
        }
        #program-tiles-wrapper ul li.programtiles a {
          background-color: transparent;
          background-size: 100% auto;
        }
        
        
        /*
        #program-tiles-wrapper ul li.programtiles a:hover {
          background-position: 0 100% !important;
        }
        
        #program-tiles-wrapper ul li#programtile-7 a{
          padding-bottom: 117%;
        }
        */
        
        #program-tiles-wrapper ul li#programtile-1 a{
          left: 0;
          top: 0px;
        }
        #program-tiles-wrapper ul li#programtile-2 a{
          left: 160px;
          top: 0px;
        }
        #program-tiles-wrapper ul li#programtile-3 a{
          left: 0px;
          top: 97px;
        }
        #program-tiles-wrapper ul li#programtile-11 a{
          top: 587px;
        }
        
        
        
        
        
        
        
        

    /**********************************************************************************
     *  END --   PROGRAMS
     */
     
     
     
     

/*  @media screen and (min-width: 801px) and (max-width: 1029px) {  */
}

 
 
 
 
 








@media screen and (min-width: 900px) and (max-width: 1029px){




/* closing tag of Media Query */
/*  @media screen and (min-width: 900px) and (max-width: 1029px) {  */
}