/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */

blockquote {   
    width: 80%;
}

blockquote.left {
    float: left;
    margin-right: 10px;
}

blockquote.right {
    float: right;
    margin-left: 10px;
}

blockquote.left,
blockquote.right {
    width: 40%;
}

/* Even fixed-width tables (that we don't want to respond / shrink down for mobile) should
   have max-width 100% for non-mobile layouts */
table.mobile-fixed-width {
    max-width: 100%;
}

#region-sidebar-first blockquote,
#region-sidebar-second blockquote {
    width: 90%;
}

.video-embed-left {
    float: left;
    margin-right: 1em;
}

.video-embed-right {
    float: right;
    margin-left: 1em;
}

.video-embed-center {
    margin-left: auto;
    margin-right: auto;
}

/* For non-mobile layouts, we need to choose a default size (with 16:9 aspect ratio) */
.video-wrapper {    
    height: 338px;
    padding-bottom: 0;
    width: 600px;    
}

.video-embed-large .video-wrapper {
    height: 411px;
    width: 730px;
}

.video-embed-xlarge .video-wrapper {
    height: 480px;
    width: 853px;
}

.share-button:hover {
    box-shadow: 0 3px 5px #555555;
}

.iframe-scroll-block {
    width: auto;
    margin-left: 0;
    margin-right: 0;
}

/* Helper classes for blocks of content less than 100% width.  Note that these classes
   only apply for grid layouts (non-mobile) */
.layout-width-5 {
    width: 5%;
}
.layout-width-10 {
    width: 10%;
}
.layout-width-15 {
    width: 15%;
}
.layout-width-20 {
    width: 20%;
}
.layout-width-25 {
    width: 25%;
}
.layout-width-30 {
    width: 30%;
}
.layout-width-35 {
    width: 35%;
}
.layout-width-40 {
    width: 40%;
}
.layout-width-45 {
    width: 45%;
}
.layout-width-50 {
    width: 50%;
}
.layout-width-55 {
    width: 55%;
}
.layout-width-60 {
    width: 60%;
}
.layout-width-65 {
    width: 65%;
}
.layout-width-70 {
    width: 70%;
}
.layout-width-75 {
    width: 75%;
}
.layout-width-80 {
    width: 80%;
}
.layout-width-85 {
    width: 85%;
}
.layout-width-90 {
    width: 90%;
}
.layout-width-95 {
    width: 95%;
}

.layout-left {
    float: left;
    margin-right: 1em;
}

.layout-right {
    float: right;
    margin-left: 1em;
}

/* We restrict the layout-center class to be used in conjunction with a layout-width-* class, 
as the element needs a defined width, which the layout-width-* classes provide. */
[class*="layout-width-"].layout-center {
    margin-left: auto;
    margin-right: auto;   
}

/* Inline and Columned content */

.inline-layout:after,
[class^="column-layout-"]:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;       
    font-size: 0;
}

.inline-layout > * {
    display: block;
    float: left;
    margin-left: 1%;
}

.inline-layout.spacing-0 > * {
    margin-left: 0;
}

.inline-layout.spacing-2 > * {
    margin-left: 2%;
}

.inline-layout.spacing-3 > * {
    margin-left: 3%;
}

.inline-layout.spacing-4 > * {
    margin-left: 4%;
}

.inline-layout.spacing-5 > * {
    margin-left: 5%;
}

.inline-layout > *:first-child {
    margin-left: 0;
}

[class^="column-layout-"] > div {
    float: left;
    margin-left: 4%;
}

[class^="column-layout-"] > div:first-child {
    margin-left: 0;
}

.column-layout-2 > div,
.column-layout-50-50 > div {
    width: 48%;
}    

.column-layout-40-60 > div {
    width: 58%;
}   
.column-layout-40-60 > div:first-child {
    width: 38%;
}   

.column-layout-60-40 > div {
    width: 38%;
}   
.column-layout-60-40 > div:first-child {
    width: 58%;
}   

.column-layout-30-70 > div {
    width: 67%;
}   
.column-layout-30-70 > div:first-child {
    width: 29%;
}   

.column-layout-70-30 > div {
    width: 29%;
}   
.column-layout-70-30 > div:first-child {
    width: 67%;
}   

.column-layout-20-80 > div {
    width: 77%;
}   
.column-layout-20-80 > div:first-child {
    width: 19%;
}   

.column-layout-80-20 > div {
    width: 19%;
}   
.column-layout-80-20 > div:first-child {
    width: 77%;
}   

.column-layout-10-90 > div {
    width: 87%;
}   
.column-layout-10-90 > div:first-child {
    width: 9%;
}   

.column-layout-90-10 > div {
    width: 9%;
}   
.column-layout-90-10 > div:first-child {
    width: 87%;
}   

#header-content-section-wrapper {
    min-height: 800px;
}

#section-header .queens-wordmark {
    float: left;
    height: 48px;    
    margin: 0 0 0 30px;
    width: 400px;        
}

body.queensweb-fullwidth #section-header .queens-wordmark {
    position: relative;
    top: 10px;    
}

body.queensweb-legacy-header #section-header .queens-wordmark,
body.queensweb-not-fullwidth #section-header .queens-wordmark {
    margin-bottom: 0;
    margin-left: 3px;        
}

/* Pad top of page using menu region instead of user zone */

#zone-user {
    padding-top: 0;
}
body.queensweb-legacy-header #zone-user {
    padding-top: 20px;
}

/* For NON-full-width header/footer sites which adopt the new 'Search and Sign In' */
body.queensweb-not-fullwidth #region-user-second {
    padding-top: 12px;
}

/* For full-width header/footer sites which adopt the new 'Search and Sign In' */
body.queensweb-fullwidth #region-menu {
    padding-top: 12px;
}
body.queensweb-legacy-menu #region-menu {
    padding-top: 0;
}

input[type="submit"].login-icon-submit:hover,
input[type="submit"].search-icon-submit:hover {
    color: #444;
}

#block-customsearch-internalmenu-form input[type="submit"].login-icon-submit,
#block-customsearch-customsearch-form input[type="submit"].search-icon-submit {    
    transition: all .2s ease;
    -webkit-transition: all .2s ease;    
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;    
}

#block-customsearch-internalmenu-form input[type="submit"].login-icon-submit:hover,
#block-customsearch-customsearch-form input[type="submit"].search-icon-submit:hover {
    background-color: #444;    
}

.search-icon-submit {    
    transition: all .2s ease;
    -webkit-transition: all .2s ease;    
    -webkit-backface-visibility: hidden;    
}

body.queensweb-fullwidth .section-header .region[class*='grid-'] {
    margin-left: 0;
    margin-right: 0;
}

body.queensweb-fullwidth #section-header .container-12,
body.queensweb-fullwidth #section-header .container-12 .region.grid-12 {
    width: 100%;
}

#region-user-first {
    background: none;
}

button.search-login-toggle {
    margin-top: 0;
    transition: background .2s ease;
    -webkit-transition: background .2s ease;      
}

button.search-login-toggle:hover {
    background: #711229;  
}
button.search-login-toggle.expanded:hover {
    background: #222;
}

#block-customsearch-internalmenu {
    padding: 15px;
}

.container-12 .internal-login-container[class*='grid-'] {
    display: block;
    float: none;  
    margin: 0 auto;
}

.internal-login-container-inner {
    margin: 0 auto;
    width: 650px;
}

.internal-login-container .login-group-container {
    margin-bottom: 1em;
}

.internal-login-container .login-group-container-business {
    margin-top: 32px;
}

.internal-login-container .login-group-container-business .login-group-title {
    font-size: 14px;
    line-height: 1.6875;
    margin-bottom: 0;
}

.internal-login-container .login-group-container-business .login-list {
    font-size: 13px;
}

.internal-login-container ul.login-list li {
    margin-bottom: 0.125em; /* 2px */
}   

.internal-login-container .login-group-container {
    float: left;
}

.internal-login-container .login-group-container.login-group-container-main {
    width: 50%;    
}
.internal-login-container .login-group-container.login-group-container-portals {
    width: 50%;    
}

.internal-login-container .login-group-container.last,
.internal-login-container .login-group.last {
    margin-right: 0;
}


/* Main Nav Bar / Menu */

.region-menu .block-superfish {
    margin-bottom: 0;
}

.region-menu .block-nice-menus {
    margin-bottom: 0;    
}

/* Set gradient background on div now that we're out of mobile view */
.region-menu .block-nice-menus {
    line-height: 22px;
    border-radius: 4px 4px 0 0;

    background: #302f2e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiM2ODY4NjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMzMDJmMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #686868 25%, #302f2e 75%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#686868), color-stop(75%,#302f2e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #686868 25%,#302f2e 75%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #686868 25%,#302f2e 75%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #686868 25%,#302f2e 75%); /* IE10+ */
    background: linear-gradient(top,  #686868 25%,#302f2e 75%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#302f2e',GradientType=0 ); /* IE6-8 */

    -moz-box-shadow: 0px 4px 4px #333;
    -webkit-box-shadow: 0px 4px 4px #333;
    box-shadow: 0px 4px 4px #333;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');

    behavior: url("../../queensbase_omega/css/PIE.htc");
}

.region-menu ul.nice-menu ul {
    top: 2.2em;
}

.region-menu ul.nice-menu > li {
    width: auto;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    margin: 0;
    background-color: transparent;

    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

/* Don't display home icon with black background on hover */
.front .region-menu .menu-home-icon ul.nice-menu > li.first {
    background-color: transparent;
}

.region-menu .block-nice-menus.menu-home-icon ul.nice-menu > li.first > a {
    padding-right: 15px;
}

.region-menu .block-nice-menus.menu-home-icon ul.nice-menu > li.first > a {
    padding-right: 5px;
    width: 30px;
}

/* Gold house icon rule */
.front .region-menu .block-superfish.menu-home-icon ul.nice-menu > li.first,
.front .region-menu .block-superfish.menu-home-icon ul.nice-menu > li.first:hover,
body.not-front .region-menu .block-superfish.menu-home-icon ul.nice-menu > li.first:hover {
    background-position: 12px 8px;
    background-color: transparent;
}


.front .region-menu .block-nice-menus.menu-home-icon ul.nice-menu > li.first,
.front .region-menu .block-nice-menus.menu-home-icon ul.nice-menu > li.first:hover,
body.not-front .region-menu .block-nice-menus.menu-home-icon ul.nice-menu > li.first:hover {
    background-position: 12px 8px;
    background-color: transparent;
}

.region-menu ul.nice-menu > li.first {
    margin-left: 15px;
}

/* Grey house icon rule */
.region-menu .block-nice-menus.menu-home-icon ul.nice-menu > li.first {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-position: 12px -57px;
    padding-left: 0;
    margin-left: 0;
}

.region-menu ul.nice-menu > li.menuparent {
    background-position: 6px -20px;
    padding-left: 15px;
}


/* Gold arrow with black background on hover */
.region-menu ul.nice-menu > li.menuparent:hover,
.region-menu ul.nice-menu > li.menuparent.active-trail:hover {
    background-position: 6px 12px;
    background-color: #000;
}

/* Gold arrow for active menu item */
.region-menu ul.nice-menu > li.menuparent.active-trail {
    background-position: 6px 12px;
}


.region-menu ul.nice-menu > li a {
    padding-left: 5px;
}

/* Width of drop-downs */
.region-menu ul.nice-menu li ul li {
    width: 165px;
}

#region-header-first {
    margin-bottom: 0;
}

/* Sites with a region-content-wrapper that are framed need some side margins so that the edges
are flush with the other page elements (header image, etc.) */
body.queensweb-content-framed #region-content-wrapper {
    margin: 0 10px;    
}

body.queensweb-content-framed #breadcrumb {
    margin-left: 0;
    margin-right: 0;
}

body.queensweb-content-framed .breadcrumb {
    margin: 0 10px;
}

body.content-two-sidebars.queensweb-content-framed .region-content {
    margin-left: 0;
    margin-right: 0;
}


/* Embedded Image Slideshows */

.node-embed-slideshow.slideshow-float-left {
    clear: none; 
    float: left;
    margin-left: 0;
    margin-right: 1.429em;
}

.node-embed-slideshow.slideshow-float-right {
    clear: none;
    float: right;
    margin-left: 1.429em;
    margin-right: 0;
}

.node-embed-slideshow.slideshow-caption-left img,
.node-embed-slideshow.slideshow-caption-right img {
    width: 60%;
}

.node-embed-slideshow.slideshow-caption-left img,
.node-embed-slideshow.slideshow-caption-left .flex-caption {
    float: right;
}

.node-embed-slideshow.slideshow-caption-right img,
.node-embed-slideshow.slideshow-caption-right .flex-caption {    
    float: left;    
}

.node-embed-slideshow.slideshow-caption-left .flex-caption,
.node-embed-slideshow.slideshow-caption-right .flex-caption {    
    width: 40%;
}

.flexslider-embedded .flex-direction-nav a {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

.flexslider-embedded .flex-direction-nav .flex-prev,
.flexslider-embedded.flexslider:hover .flex-prev {
    left: -8px;
}

.flexslider-embedded .flex-direction-nav .flex-next,
.flexslider-embedded.flexslider:hover .flex-next {
    right: -9px;
}

.node-embed-slideshow.slideshow-small .flexslider-embedded-images .flex-direction-nav a {
    top: 110px;
}

.node-embed-slideshow.slideshow-medium .flexslider-embedded-images .flex-direction-nav a {
    top: 160px;
}

.node-embed-slideshow.slideshow-large .flexslider-embedded-images .flex-direction-nav a {
    top: 215px;
}


/* Footer */

#section-footer {    
    font-size: 0.857em; /* 12px */
    padding-bottom: 10px;
}

body.queensweb-fullwidth .section-footer .region[class*='grid-'] {
    margin-left: 0;
    margin-right: 0;
}

body.queensweb-fullwidth #section-footer .container-12, 
body.queensweb-fullwidth #section-footer .container-12 .grid-12 {
    width: 100%;
}

#section-footer .block-title,
#section-footer h3 {
    font-size: 1.333em; /* 16px */
} 

.region-footer-second-inner {
    border-top: 1px solid #BBB;
    padding-top: 10px;
}

body.queensweb-fullwidth .region-footer-second-inner {
    border-top: none;
    margin: 0 8px;
    padding-top: 0;
}

/* clearfix */
.region-footer-second-content-wrapper:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

.footer-menu-block {
    font-size: 1em;  
    padding: 10px 0 0 0; 
    width: auto;        
}

.footer-menu-block ul.menu li {
    display: block;
    width: auto;
    height: 3.2em;
    border-right: 1px solid #BBB;    
    padding: 2px 14px 0px 5px;
}

.footer-menu-block ul.menu li,
.footer-menu-block ul.menu li:nth-child(odd),
.footer-menu-block ul.menu li:nth-child(even) {
    margin: 0 5px 20px;
}

.footer-menu-block ul.menu li.last {
    border-right: none;
}

.footer-menu-block ul.menu li a {
    display: inline;
    vertical-align: baseline;
    color: #FFF;
    height: 2.692em;
}

/* Contact Block */

.footer-contact-block.footer-contact-list-block {
    float: left;
    margin-left: 12px;
    padding-top: 10px;
    text-align: left;
}

.footer-contact-block.footer-contact-list-block a {
    margin-bottom: 2px;
}

/* Social Media Block */

.footer-social-media-block {
    float:left;
    margin-left: 5px;
    width: auto;
    text-align: left;
}

body.queensweb-fullwidth .footer-social-media-block {
    margin-left: 22px;
}

/* For mobile we display icons in rows of 4 - so override margins for non-mobile */
.footer-social-media-block a[class*="-icon"]:nth-of-type(4) {
    margin-right: 14px;
}

.footer-social-media-block [class*="-icon"].last,
.footer-social-media-block a[class*="-icon"].last:nth-of-type(4) {
    margin-right: 0;
}

.footer-social-media-block .social-media-hub-link {
    font-size: 1.1667em; /* 14px */
}

.footer-address-block {
    clear: right;
    float: right;
    font-size: 1em;
    margin-right: 5px;
    text-align: right;    
}

.footer-address-block.footer-address-left-block {
    clear: none;
    float: left;    
    text-align: left;
}

#section-footer .territory-info {
    font-size: 1em;
}

.footer-u15-block {
    clear: both;                    
    font-size: 1em; /* 11px */        
    margin-left: 0;
    margin-right: 0;
    width: auto;
}

#section-footer .queens-logo {    
    margin: 0 auto 20px;
}

/* Print Styles */
@media print {

    .queens-logo-print {
        float: right;
        margin-left: 0;
        margin-right: 0;
    }    
    
}