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

blockquote {
    padding: 1.231em 4.231em 0;
    background-position: 15px 1px;
}

/* 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 {
    padding: 1.231em 1.231em 0;
    background-position: 5px 1px;
}

input[type="submit"].login-icon-submit:hover,
input[type="submit"].search-icon-submit:hover {
    box-shadow: none;
    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;    
}

/* 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: 10px;

}

.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;
}

#zone-user {
    padding-top: 20px;
}

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

/* Queen's Logo - assumes logo block is defined first, before internal menu and search */

#zone-user .queens-wordmark {
    float: left;
    margin-top: 20px;
    margin-left: 3px;
    margin-bottom: 0;
}

/* Main Nav Bar / Menu (Nice Menus) */

#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;
    height: 31px; /* gives us correct 33px height menu */
    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("/sites/all/themes/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.) */
#region-content-wrapper.region-content-wrapper-framed {
    margin: 0 10px;    
}

.region-content-wrapper-framed #breadcrumb {
    margin-left: 0;
    margin-right: 0;
}

.region-content-wrapper-framed .breadcrumb {
    margin: 0 10px;
}

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


/* Embedded slideshows */
.slideshow-small .flexslider-embedded-images .flex-direction-nav a {
    top: 110px;
}

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

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

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

/*.flexslider.flexslider-embedded:hover .flex-prev,
.flexslider.flexslider-embedded:hover .flex-next
{
    opacity: 1;
}*/

.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;
}



/* Footer */

#section-footer {
    padding-bottom: 10px;
}

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

.footer-menu-block {
    width: auto;
    padding: 10px 0 0 0; /* chnaged from 15 on Sept 6*/
    font-size: 0.846em; /* 11px */
}

.footer-menu-block ul.menu li
{
    display: block;
    width: auto;
    background-color: transparent;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    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;
}

.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;
}

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

.footer-social-media-block a:nth-child(4) {
    margin-right: 14px;
}

.footer-social-media-block a:last-child {
    margin-right: 0;
}

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

.footer-address-block {
    text-align: right;    
}


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