@import url(//fonts.googleapis.com/css?family=Orbitron:400,700);

/* Image */

.image {
    border: 0;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.image img {
    border-radius: 4px;
    display: block;
}

.content header {
    font-family: 'Orbitron', sans-serif;
}

.content header h2 { font-size: 2.6em !important; }
.content header p { font-size: 1.7em; color:#66ccff;}

/* special styling for facebook button embedded in navbar */

#header nav ul li a.button.button-facebook
{
    color: #eaeaea !important;
    background-color: #3b5998;
    padding: 0 0.8em;
}

#header nav ul li a.button.button-facebook:hover
{
    color:white !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1.0) !important;
}

/* front page */

.pane-content-from-gamma p
{
    margin-bottom:0.5em;
}

section small
{
    font-size:0.8em;
}

section.style3 .container
{
    /* fixes disappearing "more" link from left aligned text sections */
    width:auto;
}

section.style2 .panels-flexible-region-container-right,
section.style3 .panels-flexible-region-container-right
{
    /* fixes incorrect width for left and right aligned text sections */
    /* basically resets some drupal-supplied styles */
    float:none;
    width:auto;
}

.logged-in .spotlight.left .content .content,
.logged-in .spotlight.right .content .content
{
    width: 100%;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
}

.not-logged-in .spotlight.right .content .content,
.not-logged-in .spotlight.left .content .content
{
    top: auto;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
}

header h2 + p
{
    /* reduce gap between sub-title and main title in some text sections */
    margin-top:-1.7em;
}

header p
{
    /* reduce gap between header and content in text sections */
    margin: 0 0 1.0em 0;
}

/* standalone pages */

.main-container
{
    max-width:90%;
    margin:auto;
    padding-top:100px;
    padding-bottom:50px;
}

@media (max-width:736px)
{
    .main-container
    {
        max-width: none;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.main-container p
{
    margin: 0 0 0.5em 0;
}

.main-container h1
{
    font-family: 'Orbitron', sans-serif;
    font-size: 2.6em;
}

.main-container .content
{
    padding-bottom:25px;
}

.main-container .field-type-image a
{
    float:left;
    border-bottom:0;
}

.main-container .field-type-image img
{
    margin:5px;
    margin-left:0px;
    padding:5px;
    border:1px solid #eaeaea;
}

.main-container .field-name-field-team-social-links
{
    clear:left;
}

.main-container .field-name-field-event
{
    padding-top:15px;
}

.main-container ul.inline li
{
    padding:0;
}

/* teams gallery */

.page-roboteam .main-container h1
{
    text-align:center;
}

.page-roboteam .main-container .view-content,
{
    text-align: center;
}

.page-roboteam .main-container .view-empty
{
    height: 400px;
    width: 100%;
    display: table;
}

.page-roboteam .main-container .view-empty .cell-centered-text
{
    display: table-cell;
    height: inherit;
    text-align: center;
    vertical-align: middle;
}

.view-special-roboteam
{
    width: 1550px;
    margin: auto;
    background: url(images/roboteam-gallery-bg.png) 0% 0%;
}

@media (max-width:1750px)
{
    .view-special-roboteam
    {
        width: 1240px;
    }
}

@media (max-width:1450px)
{
    .view-special-roboteam
    {
        width: 930px;
    }
}

@media (max-width:1100px)
{
    .view-special-roboteam
    {
        width: 620px;
    }
}

@media (max-width:736px)
{
    .view-special-roboteam
    {
        width: 310px;
    }
}

/* team gallery item */

.view-special-roboteam .view-content > div
{
    position:relative;
    height: 400px;
    width: 300px;

    margin-left:5px;
    margin-right:5px;
    margin-bottom:10px;

    float:left;
}

.gallery-item .team-name
{
    font-family: 'Orbitron', sans-serif;
    background:rgba(0,0,0,0.8);

    text-align:center;
    padding:0.2em;
    line-height:1.3em;
    font-size:2.0em;
    border-bottom:0;

    position:absolute;
    bottom: 20px;
    left:0;
    right:0;
}

.gallery-item img
{
    position:absolute;
    top:0;
    left:0;
}

.gallery-item p
{
    position:absolute;
    margin:10px;
    padding:5px;
    color:black;
    background:white;
    left:0;
    right:0;
    bottom:20px;
}

/* display suite: social sharing buttons (generic styles) */

ul.share-links
{
    list-style:none;
    padding:0;
}

ul.share-links li
{
    display:inline-block;
    padding:3px;
    margin-left:0;
    border:1px solid transparent;
    border-radius:5px 5px;
}

ul.share-links li.header-left
{
    padding-top:5px;
    padding-left:0;
}

ul.share-links li:not(.header-left)
{
    border:1px solid gray;
    border-radius:5px 5px;
    margin-top:3px;
    margin-right:3px;
}

ul.share-links li:not(.header-left)
{
    width:30px;
    text-align:center;
}
ul.share-links li:not(.header-left) .text
{
    display:none;
}

/* display suite: social sharing buttons (theme-specific overrides) */

.field-type-ds.field-name-social-sharing a
{
    border:0;
}

.field-type-ds.field-name-social-sharing ul
{
    margin:20px 0px;
}

/* correct some deficiencies with drupal/system supplied styles */

.filter-help a
{
    padding-left:0;
}

tr.even
{
    color:black;
}

@media (max-width:980px)
{
    section ul
    {
        list-style-type: none;
        padding-left:0;
    }
    section ul li
    {
        padding-left:0;
    }
}

body.toolbar #header
{
    top:30px;
}
body.toolbar.toolbar-drawer #header
{
    top:30px;
}

@media (max-width:1048px)
{
    body.toolbar #header
    {
        top:50px;
    }
    body.toolbar.toolbar-drawer #header
    {
        top:50px;
    }
}

@media (max-width:810px)
{
    body.toolbar #header
    {
        top:70px;
    }
    body.toolbar.toolbar-drawer #header
    {
        top:70px;
    }
}

@media (max-width:736px)
{
    body.toolbar #titleBar
    {
        top:70px;
    }
    body.toolbar.toolbar-drawer #titleBar
    {
        top:70px;
    }
}

@media (max-width:446px)
{
    body.toolbar #titleBar
    {
        top:90px;
    }
    body.toolbar.toolbar-drawer #titleBar
    {
        top:90px;
    }
}

@media (max-width:365px)
{
    body.toolbar #titleBar
    {
        top:110px;
    }
    body.toolbar.toolbar-drawer #titleBar
    {
        top:110px;
    }
}