/* This file will hold styles that are loaded using the same media query as the wide grid. */

/* DESIGN VISUAL CUES

SECTIONS
#section-header WHITE FFF
#section-content GREY CCC
#section-footer BLACK 000

Blocks & Views = light grey EEE
Carousels & Flexsliders = white FFF
*/

/************************************************************
 GENERAL
************************************************************/
 
#logo { margin-left: 50px; }


/************************************************************
 REGIONS
************************************************************/

.not-front #zone-content, .not-front #zone-preface {
    background: transparent url(../images/background-1200.png) repeat-y;
}

/************************************************************
 MEGA MENU
************************************************************/

/************************************************************
  HOMEPAGE ROTATOR
************************************************************/

#block-quicktabs-feature-rotator .block-congress-youtube-box .youtube-wrapper, #block-quicktabs-feature-rotator .panel-pane .media-youtube-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 33%;
    position: relative;
}

#block-quicktabs-feature-rotator #boxes-box-congress_flicker_box .boxes-box-content {
    height: 0;
    overflow: hidden;
    padding-bottom: 38%;
    position: relative;
}

.not-front .panel-pane .media-youtube-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 58%;
    position: relative;
}

/************************************************************
 FACEBOOK & TWITTER
************************************************************/	

#quicktabs-home_page_tabs .fb_iframe_widget iframe {
    height: 400px !important; width: 410px !important;
}

#quicktabs-home_page_tabs #block-boxes-new-twitter iframe {
    height: 400px !important; 
}

/************************************************************
 SEARCH
************************************************************/

#search-block-form { background: #ffffff; width: 265px; }

#search-block-form .form-item input { width: 220px; }

/************************************************************
 EVENTS CALENDAR
************************************************************/

.context-about #block-system-main iframe { width: 1140px !important; }