/*
 * main.css
 * Main stylesheet for Øredev 2013
 *
 * @author Fredrik Frodlund
 */

/* Key colors
--------------------------------------------------------
#fff    - white (used on header)
#dfe2d5 - moon mist (used on main)
#f26122 - flamingo orange (used on primary head)
#f9ef2d - golden fizz yellow
#222    - mine shaft black
-------------------------------------------------------- */

/* TODOs
--------------------------------------------------------

-------------------------------------------------------- */
@font-face { font-family: Foundry; src: url('/oredev2016/gui/fonts/Foundry.otf'); } 

@media screen, projection {
    
    /* MAIN LAYOUT
    ======================================================================== */
    .body {
        overflow: hidden;
    }
    .row {
        width: 100%;
    }
    /* Inner body
    ---------------------------------------------------- */
    .inner-body {
        margin: 0 auto;
        width: 820px;
        clear: both;
    }
    .inner-body a {
        color: #00909D;
    }
    .inner-body a:hover {
        color: #FF439C;
    }
    
    /* LAYOUTS
    ======================================================================== */
    .top {
        padding: 1em 0;
        background: #f7f7f7;
    }
    .top img {
        margin: 0 auto;
        display: block;
    }

    /* SEARCH
    ---------------------------------------------------- */
    .main-search-form {
        position: absolute;
        right: 1em;
        top: 20px;
    }
    .main-search-form-mobile {
        padding: 5px;
        background-color: #ddd;
    }
    .show-search-button, .main-search-form-mobile, .main-search-form-mobile.show {
        display: none;
    }
    .main-search-form button, .main-search-form-mobile button, .show-search-button {
        background-color: unset;
        color: #999;
        position: absolute;
        right: 0;
        padding: 0.75em 0.5em 0.5em;
    }
    #searchField, #searchFieldMobile, .search-field-mobile {
        width: 20em;
        text-transform: uppercase;
        padding: 0.75em 0.5em 0.5em;
        background-color: #ffffff;
        border-radius: 5px;
    }
    #searchFieldMobile, .search-field-mobile {
        width: 100%;
        background-color: #fff !important;
    }
    .search-results {
        list-style: none;
        margin: 0 0 3em;
    }
    .search-results a {
        text-decoration: none;
    }
    
    /* Landing page
    ---------------------------------------------------- */
    .theme-image {
        background-repeat: no-repeat;
        background-position: center center;
        padding: 0;
        background-size: cover;
    }
    .theme-image.start {
        background: #fff;
        background-image: url("https://s3.eu-central-1.amazonaws.com/oredev.org/2016/theme-image-1400x666.png");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
    }
    .theme-image {
    }

    .theme-image:after {
        clear: both;
    }
    .theme-top {
        padding: 0 1em 0 1em;
    }
    .theme-top .menu, .theme-top h1 {
        margin: 0;
        display: inline-block;
        font-size: 1em;
    }
   
    .theme-top .menu {
        width: 60%;
    }
    .girl {
        display: block;
        margin: -150px auto 0 auto;
    }
    .strip-left, .strip-right {
        width: 50%;
        display: inline-block;
        margin-top: 150px;
        background-repeat: no-repeat;
        height: 6.36em;
    }
    .strip-left {
        background-image: url("https://s3.eu-central-1.amazonaws.com/oredev.org/2016/strip-left.png");
        background-color: #FF7E3F;
        background-position: right;
        text-align: right;
        padding: 11px 164px 0 0;
    }

    .strip-right {
        background-image: url("https://s3.eu-central-1.amazonaws.com/oredev.org/2016/strip-right.png");
        background-color: #00909D;
        text-align: left;
        padding: 11px 0 0 164px;
    }
    .strip-left h1, .strip-right h1{
        color: #fff;
        margin: -0.55em 0 0 0;
        font-size: 5em;
    }
    .Windows .strip-left h1, .Windows .strip-right h1{
        margin-top: -0.15em;
    }
    .strip-left img, .strip-right img {
        width:100%;
    }

    h1.message {
            position: relative;
            width: 40%;
            text-align: right;
    }

    a.register {
        background-color: #000;
        color: #fff;
        display: block;
        font-family: Foundry,Helvetica,Arial,sans-serif;
        font-size: 1.5em;
        font-weight: lighter;
        margin: 1em auto 1em;
        padding: 0 1em 1em;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 150px;
    }
    .Windows a.register {
        padding: 0.5em 1em 0.5em 1em;
    }
    a.register:hover {
        background-color: #ff439c;
        color: #fff;
    }
        /* Main & sub-navigation
    ---------------------------------------------------- */
    .icon-menu {
        display: none;
    }
    .nav-main {
        display: inline-block;
    }
    .nav-main, .theme-top h1 span  {
        font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 1.1em;
        margin: 0;
    }
    .nav-main ul {
        list-style: none;
        margin: 0;
    }
    .nav-main li, .theme-top h1 span{
        display: inline-block;
    }
    .nav-main a, .theme-top h1 span{
        color: #00909D;
        padding: 0.5em 0.5em;
        text-decoration: none;
        text-transform: uppercase;
    }
    .theme-top h1 span{
        display: inline-block;
        color: #FF439C;
    }
    .nav-main a:hover,
    .nav-main a:focus,
    .nav-main a:active {
        color: #FF439C;
    }

    .nav-main .sel {
        color: #FF439C;
    }

    .theme-header {
        width: 100%;
    }

    .theme-dots-left {
        display: inline-block;
        box-sizing: border-box;
        width: 50%;
        padding: 1%;

    }
    .theme-dots-right {
        display: inline-block;
        box-sizing: border-box;
        width: 50%;
        padding: 1%;
        text-align: right;
    }
    .theme-dots-left img, .theme-dots-right img {
        width: 40%;
        opacity: 0.5;
    }

    .landing-page .content-primary {
        float: left;
        width: 57%;
    }
    .landing-page .content-secondary {
        float: right;
        padding-top: 13em;
        width: 40%;
    }
    
    /* Layout-1 (two columns)
    ---------------------------------------------------- */
    .registration.form {
        background-color: #DFEBE9;
    }
     .trippus-iframe {
        display: block;
    }
    .trippus-noiframe {
        display: none;
    }
    .registration img {
        clear: both;
        margin: 0 15px 15px 0;
    }   
    .layout-1 .content-primary {
        float: left;
        width: 55%;
    }
    .layout-1 .content-secondary {
        float: right;
        width: 37%;
    }

    .show-all {
        height: auto;
        overflow: visible;
    }
    
    /* HEADER
    ======================================================================== */
    .header {
        background: #fff;
        min-height: 3em;
        position: relative;
        clear: both;
    }
    
    .oredev-date {
        height: 500px;
        width: 308px;
        position: absolute;
        top: 0;
        left: 0;
    }
 
    .oredev-date-content {
        color: #f9ef2d;
        font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
        font-size: 1.5714em;
        text-align: right;
        text-transform: uppercase;
        position: absolute;
        left: -9999px;
    }
  
    .oredev-date-content img,
    .oredev-date-content span {
        vertical-align: middle;
    }
    
    /* Supplemental navigation
    ---------------------------------------------------- */
    .nav-supp {
        float: right;
        list-style: none;
        margin: 0;
    }
    .nav-supp li {
        float: left;
    }
    .nav-supp a {
        background: #000;
        display: block;
        color: #f9ef2d;
        font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
        font-weight: bold;
        margin-right: .5em;
        padding: .5em 1em;
        text-decoration: none;
    }
    
    
    /* MAIN
    ======================================================================== */
    .main {
        background: #fff;
        padding: 3em 0 0 0;
        clear: both;
    }
    .main.sessions, .main.speakers {
        background-color: #f0efef;
        padding-bottom: 2em;
    }
    
    
    /* FOOTER
    ======================================================================== */
    .footer {
        background: #f7f7f7;
        color: #7f7f7f;
        font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
        padding: 3em 0;
        position: relative;
        text-align: center;
    }
    
    /* Founded by Jayway
    ---------------------------------------------------- */
    .jayway-founder {
        background-color: #f0efef;
        clear: both;
        padding: 3em 0;
        float: left;
        width: 100%;
    }
 
    .jayway-founder img {
        width: 20%;
        margin: 0 2.3em 0 0;
        float: left;
    }
    .jayway-founder p {
        font-size: 0.85em;
        margin: 2em 0 0;
        padding-top: 2px;
    }
    
    /* Second supplemental navigation
    ---------------------------------------------------- */
    .nav-supp-2 {
        float: left;
    }
    .nav-supp-2 li {
        padding-right: 0.5em;
    }
    .nav-supp-2 a {
        text-decoration: none;
    }
    .nav-supp-2 a:hover,
    .nav-supp-2 a:focus,
    .nav-supp-2 a:active {
        text-decoration: underline;
    }
    
    /* Contact info
    ---------------------------------------------------- */
    .contact-info {
        margin: 1em 0 0 0;
    }
    
    /* FORMS
    ======================================================================== */
    .form-general {
        margin: 1em 0;
    }
    form label {
        display: block;
        font-weight: bold;
        margin: 0 4px 0 0;
    }
    label strong {
        display: block;
        color: #900;
    }
    .disabled label {
        color: #999;
    }
    label span,
    label em {
        margin: 0 0 0 0.5em;
        font-weight: normal;
    }
    input[type="text"],
    input[type="password"],
    textarea,
    .custom-select {
        background-color: #eaeaea;
        border: none;
        padding: 0.5em;
    }
    button {
        border: none;       
        padding: 4px 10px;
    }
    button:hover,
    button:focus {
        cursor: pointer;
    }
    button[type="reset"] {
        background-color: #a7a7a7;
    }

    /* Placeholder styling for gecko */
    input:-moz-placeholder,
    textarea:-moz-placeholder {
        color: #888;
    }

    /* Placeholder styling for webkit */
    input::-webkit-input-placeholder,
    textarea:-webkit-input-placeholder {
        color: #888;
    }

    /* Placeholder styling for browser without native support */
    input.placeholder,
    textarea.placeholder {
        color: #888;
    }
    .form-general input,
    .form-general select,
    .form-general textarea {
        margin: 0;
    }
    .form-general .alt {
        display: inline;
        margin: 0 12px 0 0;
    }
    .text,
    .radio,
    .checkbox,
    .select {
        margin: 0 0 6px;
    }
    .select select {
        max-width: 100%;
    }
    .text textarea {
        height: 120px;
    }
    input[type="submit"] {
        width: auto !important;
    }
    .form-general fieldset {
        margin: 0;
        padding: 5px 8px;
        border: 1px solid #ddd;
    }
    
    
    /* Form columns
    -------------------------------------------------------- */
    form .row {
        margin-bottom: 0.5em;
    }
    .row .text input,
    .row textarea {
        width: 100%;
    }
    .row {
        margin-bottom: 20px;
    }
    .col {
        float: left;
        width: 50%;
        padding: 0 5px;
    }
    .col-1 {
        padding-left: 0;
    }
    .row .small {
        width: 25%;
    }
    .row .medium {
        width: 50%;
    }
    .row .large {
        width: 75%;
    }
    .row .hr,
    .row .full {
        padding: 0;
        width: 100%;
    }
    .cols-2 .col-2,
    .cols-3 .col-3,
    .cols-4 .col-4,
    .cols-5 .col-5,
    .cols-6 .col-6 {
        padding-right: 0;
    }
    .row .submit-area {
        margin-top: 1.5385em;
    }
    .cols-1 .submit-area {
        margin: 0;
        width: 98%;
    }
    .checkbox,
    .radio {
        white-space: nowrap;
    }
    .checkbox input,
    .radio input {
        width: auto !important;
        vertical-align: middle;
    }
    .checkbox label,
    .radio label {
        display: inline;
        vertical-align: middle;
        white-space: normal;
    }
    .alt label {
        display: inline;
        font-weight: normal;
    }
    .text.error label,
    .error legend {
        color: #900;
    }
    
    
    /* GLOBAL CLASSES
    ======================================================================== */
    
    /* Modal window
    ---------------------------------------------------- */
    .modal-window {
        margin: 1em;
        width: 550px;
        position: absolute !important;
    }
    .modal-window h2 {
        color: #fff;
        font-size: 1.1429em;
        margin-left: 0.5em;
    }
    .modal-window h2 em {
        font-size: 0.875em;
        font-style: normal;
        font-weight: normal;
    }
    .modal-content {
        background: #fff;
        margin: 0.5em 0 0;
        padding: 1em;
    }
    .modal-window .modal-close {
        color: #fff;
        display: inline-block;
        font-size: 1.1429em;
        padding: 0.25em;
        position: absolute;
        top: 0;
        right: 0;
        height: 2em;
        width: 2em;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
    }
    
    /* Block links (remove standard link decorations)
    ---------------------------------------------------- */
    a.block-link,
    a.block-link:visited,
    a.block-link:hover,
    a.block-link:focus,
    a.block-link:active {
        color: inherit !important;
        text-decoration: none !important;
    }
    
    /* Trippus iframe
    ---------------------------------------------------- */
    .trippus-iframe {
        border: 0;
        width: 100%;
    }
    
    /* Tags
    ---------------------------------------------------- */
    .speakers-tags, .sessions-tags, .schedule-tags {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,ffffff+100&0.65+0,0+100 */
        background: -moz-linear-gradient(top,  rgba(224,224,224,0.65) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,0.65)), color-stop(100%,rgba(255,255,255,0))); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(top,  rgba(224,224,224,0.65) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(top,  rgba(224,224,224,0.65) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(top,  rgba(224,224,224,0.65) 0%,rgba(255,255,255,0) 100%); /* IE10 preview */
        background: linear-gradient(to bottom,  rgba(224,224,224,0.65) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e0e0e0', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
        padding-top: 1em;
        font-size: 1.2em;
    }

    .speakers-tags .inner-body, .sessions-tags .inner-body, .schedule-tags .inner-body {
        border-bottom: 2px dashed #f0efef;
        padding-bottom: 1em;
    }
    .speakers-tags .inner-body {
        border-bottom: none;
    }

    .tags {
        text-transform: uppercase;
        list-style: none;
        margin: 0;
        white-space: normal;
        bottom: 0px;
        width: 820px;
    }
    .tags li {
        display: inline-block;
    }
    .tags .tag-item {
        display: inline-block;
        padding: 0.28em 1em 0 0;
        text-decoration: none;
        border: none;
    }
    .tags .tag-item.my-schedule {
    }
    .tags .tag-item:hover,
    .tags .tag-item:focus,
    .tags .tag-item:active,
    .tags .tag-item.sel {
        color: #ff439c;
    }
    .speakers-tags .tag-item {
        font-size: 1em;
        text-transform: uppercase;
    }
    
    /* Main headings
    ---------------------------------------------------- */
    
    .main-headings.top {
        background: url("https://s3.eu-central-1.amazonaws.com/oredev.org/2016/subheader-triangle.png");
        background-repeat: no-repeat;
        background-position: left bottom;
        height: 110px;
        margin: 0 0 1em 0;
        padding: 0;
        overflow: hidden;
    }
  
    .main-headings.top h1 {
        font-size: 4.5em;
        text-transform: uppercase;
        line-height: 1.2em;
        font-weight: normal;
        margin: -0.5em 0 0 0;
        padding: 0;
    }
    .Windows .main-headings.top h1 {
        margin-top: 0;
    }


    /*.main-headings.top {
        background: none;
        background-image: url("https://s3.eu-central-1.amazonaws.com/oredev.org/2016/subheader.png");
        background-position: 0 10px;
        background-repeat: no-repeat;
        padding-left: 160px;
        padding-top: 0;
        margin-top: 20px;
        height: 190px;
    }
    .speaker .main-headings.top, .session .main-headings.top, .standard .main-headings.top {
        margin-bottom: 0;
    }
    .main-headings h1,
    .main-headings h2 {
        margin: 0;
    }*/
    .main-headings h1 {
        font-size: 3.5em;
        text-transform: uppercase;
    }
    /*.main-headings.top h1 {
        color: #ff439c;
        text-transform: uppercase;
        line-height: 1em;
    }
    .main-headings.top.sessions h1 {
        width: 50%;
        float: left;
    }*/
    .main-headings h2 {
        font-size: 1.143em;
        max-width: 60%;
    }
    /* Day selector */
    .select-day {
        width: 100%;
        font-size: 0.8em;
        padding: 0 0 1em 0;

    }
    .select-day ul {
        list-style: none;
        margin: 0;
        padding: .5em 1em 0 0;
    }
    .select-day ul.courses, .select-day ul.conference {
        display: inline-block;
        margin-right: 2em;
    }
    .select-day li {
        color: #333333;
        float: left;
        font-family: Foundry,Helvetica,Arial,sans-serif;
        font-size: 2.5em;
        text-transform: uppercase;
    }
    .select-day li+li:before {
        content: "-";
        padding: 0 0.5em;
    }
    .select-day li+li.session-type:before {
        content: "";
        padding: 0;
    }
    .select-day li.session-type {
        clear: both;
        text-transform: uppercase;
        font-size: 1.2em;
        color: #00909d;
        overflow: hidden;
        padding-bottom: 3px;
    }
    .select-day a {
        color: #00909d;
        text-decoration: none;
    }
    .select-day a:hover,
    .select-day a:focus,
    .select-day a:active,
    .select-day a.sel {
        color: #ff439c;
    }
    /* Save schedule */
    #scheduleCallback, #scheduleInfo {
        display: none;
        left: 0;
        margin: -2.5em auto 0;
        position: absolute;
        right: 0;
        text-align: center;
    }

    #scheduleCallback h1, #scheduleInfo h1 {
        border: 2px solid #ddd;
        background-color: #fff;
        border-radius: 5px;
        display: inline-block;
        padding: 0.5em 1em 1em;
    }

     #scheduleCallback h1 {
        color: #fff;
        background-color: #aaa;
    }

    #scheduleInfo h1 i {
        color: #00909d;
    }
    .schedule-buttons {
        color: #4A8E7C;
        font-size: 1.2em;
        font-weight: bold;
        margin: 0 3em 0 0;
        text-align: right;
        text-transform: uppercase;
    }
    .schedule-buttons a {
        text-decoration: none;
    }
    .save-schedule {
        margin: .5em 0 0 .5em;
        padding: .5em .75em;
        text-decoration: none;
    }
    
    /* Add to schedule
    ---------------------------------------------------- */
    .btn.add-to-schedule {
        padding: 0 1em 1em 0;
        text-decoration: none;
    }
    .schedule-table .btn.add-to-schedule {
        padding: 0;
        display: inline-block;
    }
   
    .btn.add-to-schedule i {
        width: 33px;
        height: 33px;
        display: inline-block;
        vertical-align: middle;
    }
    .btn.add-to-schedule.sel i {
    }
    
    .btn.add-to-schedule i.glyphicon-plus-sign {
        font-size: 2em;
        color: #00909d;
        padding: 0;

    }
    .btn.add-to-schedule.sel i.glyphicon-plus-sign {
        color: red;
    }
    
    /* EYE CANDY
    ======================================================================== */
    
    /* LANDING PAGE
    ======================================================================== */
    
    /* Landing page message
    ---------------------------------------------------- */
  
    /* Tags
    ---------------------------------------------------- */
    .landing-tags {
        position:relative;
        text-align:center;
        background: #f7f7f7;
    }

    .landing-tags ul{
        list-style:none;
        position:relative;
        text-transform: uppercase;
        font-size: 1.25em;
        padding: 1em 0 1em 0;
        width: 100%;
    }
    .landing-tags li {
        display: inline;
        text-align: center;
        float: none;
    }
    .landing-tags li a.tag-item {
        display: inline;
        color: #00909D;
    }
    .landing-tags li a.tag-item:hover {
        color: #FF439C;
    }
    
    /* Featured speakers
    ---------------------------------------------------- */
    .featured-speakers {
        background-color: #f0efef;
        clear: both;
        padding: 40px 0;
    }
    .landing-tags-speakers {
        padding-right: 44%;
        position: relative;
    }
    .speaker-list {
        text-align: center;
    }
    a.speaker-item {
        display: inline-block;
        height: 240px;
        margin: 0 15px;
        overflow: auto;
        width: 240px;
        vertical-align: top;
    }
    .featured-speakers h2 {
        color: #fff;
        font-size: 1.1429em;
        font-weight: normal;
        margin: 0 0 -1.2em 150px;
        padding-left: 1em;
        text-transform: lowercase;
    }
    .featured-speakers h3 {
        background-color: #00909D;
        color: #FFFFFF;
        float: left;
        font-size: 1.2em;
        font-weight: normal;
        height: 120px;
        margin: 0;
        padding: 60px 0 0 7px;
        text-transform: uppercase;
        width: 120px;
        text-align: left;
    }
    .Windows .featured-speakers h3 {
        padding-top: 70px;
    }
    .featured-speakers h3:hover {
        background: #FF439C;
    }
    .speaker-excerpt p {
        clear: both;
        padding-top: 10px;
        font-size: 0.9em;
        text-align: left;
    }
    .speaker-photo {
        overflow: hidden;
        float: left;
        height: 120px;
        width: 120px;
    }

        /* Theme
    ---------------------------------------------------- */
    .theme {
        background: #FF439C;
        padding: 0 0 3em 0;
    }
 

    .col-left, .col-right {
        display: inline-block;
        width: 50%;
        vertical-align: top;
    }
    .col-left {
        padding-right: 1.5em;
    }
    .col-right {
        padding-left: 1.5em;
    }
    .theme .main-headings h1 {
        color: #fff;
        margin-bottom: 0.5em;
    }
    .Windows .theme .main-headings h1 {
        margin-bottom: 0;
        padding-top: 0.5em;
    }
    .theme .main-headings p {
        color: #fff;
    }

        /* Sponsors & supplemental navigation
    ---------------------------------------------------- */

    .sponsors {
        padding-bottom: 2em;
        background: #ffffff;
    }

    .sponsors .main-headings h1 {
        color: #FF439C;
        margin-bottom: ;
        padding-bottom: 0;
    }
    .Windows .sponsors .main-headings h1 {
        padding-top: 0.5em;
    }

    .partner-100, .partner-50, .partner-25 {
        display: inline-block;
        vertical-align: top;
    }
    .partner-100 {
        width: 100%;
    }
    .partner-50 {
        width: 50%;
        height: 322px;
    }
    a.gold {height: 322px;}
    .partner-50 .partner-50 {
        height: 161px;
    }
    .partner-25 {
        width: 25%;
    }
     .partner-100 a, .partner-50 a, .partner-25 a {
        background-color: #f5f5f5;
        border: 1px solid #fff;
        display: block;
    }
    .partner-100 img, .partner-50 img, .partner-25 img {
        width: 100%;
    }



            /* About
    ---------------------------------------------------- */

    .about {
        background-color: #000;
        color: #fff;
        padding-bottom: 2em;
    }
    .about .bg {
        float: right;
        width: 100%;
        padding: 7em 0;
    }
 
    .about .main-headings h1 {
        color: #fff;
        margin-bottom: 0.5em;
    }
    .Windows .about .main-headings h1 {
        margin-bottom: 0;
        padding-top: 0.5em;
    }
    .about .left, .about .right {
        width: 47%;
    }
    .about .left {
        float: left;
    }
    .about p {
        margin-bottom: 0;
    }
    
    /* Subscribe form
    ---------------------------------------------------- */
    #newsletterForm {
        text-align: center;
    }
    .subscribe {
        margin: 0 0 1em;
    }
    .subscribe input {
        display: inline-block;
        border: 0;
    }
    .subscribe input[type="text"] {
        background-color: #FFFFFF;
        color: #333333;
        font-size: 1.7em;
        font-weight: lighter;
        height: 2.4em;
        margin: 0 auto;
        padding: 0.5em;
        text-align: center;
        text-transform: uppercase;
        width: 70%;
        border-radius: 5px;
    }
    .subscribe input[type="submit"] {
        background: #00909D;
        color: #ffffff;
        font-size: 1.7em;
        font-weight: lighter;
        height: 2.36em;
        margin: 0;
        padding: 0 1em 0;
        text-transform: uppercase;
        border-radius: 5px;
    }
    .subscribe input[type="submit"]:hover {
        background: #FF439C;
    }
    
    /* SPEAKERS
    ======================================================================== */
    
    /* Speaker card
    ---------------------------------------------------- */
    .speaker-card {
        display: none;
        padding: 0 2em 0 0;
        width: 100%;
        vertical-align: top;
        color: #333333;
        margin: 0 0 4em 0;
    }
    .speaker-card.active {display: inline-block;}
    .speaker-card a {
        text-decoration: none;
    }
    .speaker-card a:hover,
    .speaker-card a:focus,
    .speaker-card a:active {
        text-decoration: underline;
    }
    .speaker-card img {
        border: 3px solid #000;
        width: 150px;
    }
    .speaker-card h2 {
        color: #ff439c;
        text-transform: uppercase;
        font-weight: normal;
        line-height: 0.1em;
        margin-bottom: 1em;
    }
    .speaker-card .other-sessions h3 {
        text-transform: uppercase;
        margin-bottom: 1em;
        color: #333;
    }
    .speaker-card .label {
        font-weight: bold;
        text-transform: uppercase;
        padding: 0;
    }
    .speaker-card .inline-tags,
    .speaker-card .webpage,
    .speaker-card .company,
    .speaker-card .twitter-link  {
        font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
        font-size: 1em;
        color: #333333;
        text-transform: uppercase;
        margin: 0;
    }
    .speaker-card .inline-tags {
    }
    .speaker-card .inline-tags span.label, .speaker-card .inline-tags strong {
        color: #333;
    }
    .speaker-card .tags li {
        font-size: 1.0714em;
        font-weight: normal;
        padding-right: .5em;
    }
    
    .speaker-card .twitter-link strong {
        color:#333;
    }
    .speaker-card .twitter-link i {
        padding-right: .25em;
    }
    .speaker-info {
        margin-left: 195px;
    }
    .speaker-info .label {
        color: #000;
        font-size: 100%;
    }

    
    /* SESSIONS
    ======================================================================== */
    
    /* Session list
    ---------------------------------------------------- */
    .session-list h2 {
        color: #ff439c;
        text-transform: uppercase;
    }
    .session-day {
        display: none;
    }
    .session-day.active {
        display: block;
    }
    .session-item {
        display: none;
        margin: 1em 0 0 0;
        width: 100%;
    }
    .session-item.active {
        display: inline-block;
    }
    .session-item a {
        text-decoration: none;
    }
    .session-item a:hover,
    .session-item a:focus,
    .session-item a:active {
        text-decoration: underline;
    }
    h2.time-slot {
        padding: 0.5em 0 0.3em 0.5em;
        color: #fff;
        background-color: #000;
        font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
        font-size: 1.1429em;
        margin: 0 0 1em;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
    }
    .session-info,
    .session-speaker {
        float: left;
    }
    .session-info {
        width: 70%;
    }
    .session-info a.btn, li a.btn {
        display: table-cell;
    }
    .session-info h3.session-name, li h3.session-name,
    .session-speaker h3{
        color: #ff439c;
        font-size: 1.15em;
        font-weight: bold;
        padding: 0.4em 0 1em 0;
        display: table-cell;
        font-family: Helvetica, Arial, sans-serif;
    }
    .session-speaker h3 {
        display: block;
    }
    .session-info p {
        clear: both;
    }
    .session-speaker {
        text-align: right;
        width: 28%;
    }
    .session-speaker h4 {
        font-size: 1em;
    }
    .session-speaker img {
        max-width: 120px;
    }
    .other-sessions h2, .other-sessions h3 {
        margin: 2.25em 0 1em 0;
    }
    .other-sessions ul {
        list-style: none;
        margin: 0;
    }
    .other-sessions li {
        margin: 0 0 1em;
    }
    .other-sessions a,
    .add-to-schedule a {
    color: #00909d;
    font-size: 1.15em;
    text-decoration: none;
    display: table-cell;
    }
    .other-sessions a:hover,
    .other-sessions a:focus,
    .other-sessions a:active,
    .add-to-schedule a:hover,
    .add-to-schedule a:focus,
    .add-to-schedule a:active {
        text-decoration: underline;
    }
    .other-sessions i {
        padding-right: .25em;
    }
    
    .session-level {
        padding: 0.5em 0;
    }
    
    .session-level span {
        font-weight: bold;
    }
    /* MY SCHEDULE
    ======================================================================== */
    .select-day.for-my-schedule {
        float: none;
    }
    .schedule-table {
        font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
        margin: 1em 0;
        color: #fff;
        display: none;
        background-color: #666;
    }
    .schedule-table td.add {
        background-color: #F0EFEF;
        width: 5%;
    }
    .schedule-table.active {
        display: table;
    }
    .schedule-table thead {display: none;}
    .schedule-table th, .schedule-table td {
        border: 1px solid #F0EFEF;
    }
    .schedule-table tbody th {
        width: 10%;
    }
    .schedule-table .time, .schedule-table .add {
        font-size: 1.1429em;
        font-weight: normal;
        padding: 1em 0;
        vertical-align: middle;
    }
    .schedule-table i.icon-calendar {
        display: inline-block;
        width: 3em;
        height: 3em;
    }
    .schedule-table .btn.add-to-schedule i.glyphicon-plus-sign {
        font-size: 2em;
        color: #00909d;
        padding: 0 0.25em 0 0.25em;

    }
    .schedule-table .btn.add-to-schedule.sel i.glyphicon-plus-sign {
        color: red;
    }

    .fill-slot,
    .lunch,
    tr:last-child .fill-slot,
    tr:last-child .lunch,
    tr:last-child .session-slot {
        border-bottom: 0;
    }
    .fill-slot,
    .fill-slot:visited,
    .lunch {
        background: #e91c23;
        color: #fff;
        padding: 1em 0;
        text-align: center;
        text-decoration: none;
    }
    .fill-slot.extra {
        padding: 0;
    }
    .lunch:before,
    .lunch:after {
        padding: 0 .5em;
    }
    .fill-slot:hover,
    .fill-slot:focus,
    .fill-slot:active {
        background: #e6ebdc;
        color: #f26122;
    }
    .lunch {
        font-size: 1.0714em;
        font-weight: bold;
    }

    .session-slot {display: none;}
    .session-slot.active {display: table-row;}
    .session-slot.hide {display: none;}
    .session-slot.sel {
        background-color: #ff439c;
    }
    .session-data {
        float: left;
        padding: 1em;
        width: 100%;
    }
    .session-data .speaker.show {
        font-weight: bold;
    }
    .schedule-table .title {
        margin: 0;
        font-weight: bold;
    }
    .schedule-table .show {
        cursor: pointer;
        width: 100%;
        float: left;
    }
    .schedule-table img {
        float: left;
        margin: 0 1em 0 0;
    }
    .schedule-table .more-info {clear: both;}

    .title {
        font-size: 1em;
        color: #fff;
    }
    .modal-info {
        color: #fff;
    }
    .room {
        font-weight: bold;
        color: #ffffff;
    }
    
    /* Save/Fetch your schedule
    ---------------------------------------------------- */
    .fetch-your-schedule input[type="text"],
    .save-your-schedule input[type="text"]{
            background-color: #ffffff;
    border-radius: 5px;
    color: #333333;
    font-size: 1.7em;
    font-weight: lighter;
    height: 2.4em;
    margin: 0 auto 0.2em 0;
    padding: 0.5em;
    text-align: center;
    text-transform: uppercase;
    width: 79%;
    }
    .save-your-schedule input[type="text"]{
        width: 77%;
    }
    .fetch-your-schedule button,
    .save-your-schedule button {

background: #00909d none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    font-size: 1.7em;
    font-weight: lighter;
    height: 2.36em;
    margin: 0;
    padding: 0 1em;
    text-transform: uppercase;


    
    }   
    .fetch-your-schedule h2,
    .save-your-schedule h2 {
        font-size: 1.4286em;
        text-transform: uppercase;
    }
    
    /* Choose sessions
    ---------------------------------------------------- */
    .choose-sessions {
        list-style: none;
        margin: 0;
    }
    .select-session-item {
        margin: 0 0 0.75em;
        padding: .25em 0;
    }
    .select-session-link,
    .select-session-photo,
    .select-session-description {
        float: left;
    }
    .select-session-photo {
        margin: 0 0.5em 0 0.15em;
    }
    .select-session-photo img {
        display: block;
        height: 60px;
        width: 60px;
    }
    .select-session-link {
        background: #efefef;
        padding: 1.25em 0.75em;
        min-height: 60px;
    }
    .select-session-link:hover,
    .select-session-link:focus,
    .select-session-link:active {
        color: #f26122;
    }
    .select-session-link.sel {
        background: #f26122;
        color: #fff;
    }
    .select-session-description {
        max-width: 75%;
        padding: 0.25em 0.25em 0;
        width: 100%;
    }
    .select-session-description:hover {
        background-color: #eae12a;
    }
    .select-session-description h3,
    .select-session-description h4 {
        font-size: 1em;
    }
    .select-session-description h4 {
        font-family: inherit;
        font-weight: normal;
        margin: 0;
    }
    .session-more-info {
        clear: both;
        font-size: 0.9286em;
        padding: 0.5em 1em 0 2.6154em;
    }
    .session-more-info p {
        margin: 0 0 0.5em;
    }
    .session-more-info p:last-child {
        margin: 0;
    }

    
    /* GOOGLE MAPS
    ======================================================================== */
    .google-maps {
        border: 1px solid #b3b3b3;
        width: 100%;
        height: 600px;
    }
    
    
 /* END @media screen,projection */
}
@media screen and (min-width: 1920px) {
    .theme-header img, .theme-dots-left img, .theme-dots-right img {
        width: auto;
    }

}

@media screen and (max-width: 1330px) {
   .nav-main, .theme-top h1 span {
        font-size: 0.92em;
    }

}
@media screen and (max-width: 1115px) {
   .nav-main, .theme-top h1 span {
        font-size: 0.8em;
    }

}

@media screen and (max-width: 980px) {

    h1.message {
        position: relative;
        width: 100%;
        display: block;
        text-align: center;
        font-size: 1.3em;
    }
    /* Main & sub navigation */
    .theme-top {
        padding: 0;
    }
    .theme-top .menu {
        display: block;
        width: 100%;
    }
    #searchField {
        width: 15em;
    }

    .nav-main {
        display: none;
        width: 100%
        margin: 1em -0.5em 0;
    }
    .nav-main li {
        display: block;
    }
    .nav-main > ul > li {
        background-color: #00909d;
        border-bottom: 1px solid #cdcdcd;
        padding: 0;
    }
    .nav-main li:first-child a {
    }
    .nav-main a {
        color: #fff;
        display: block;
        height: 2.2em;
        line-height: 1.5em;
    }
    .nav-main a:hover,
    .nav-main a:focus,
    .nav-main a:active {
        color: #FF439C;
    }
    .nav-main .sel,
    .nav-sub .sel {
        background-image: none !important;
        color: #fff;
        border-bottom: none;
    }
    .nav-main a.has-children {
        position: relative;
    }
    .nav-main a.has-children:after {
        content: "+";
        display: block;
        position: absolute;
        right: 1em;
        top: .5em;
    }
    .nav-supp,
    .nav-supp li {
        float: none;
        width: 80%;
    }
    .nav-supp a {
        padding-left: 0;
    }
    
    /* Mobile logo */
    .mobile-logo {
        padding: 0.5em 0.5em 0;
    }
    
    /* Toggle main navigation */
    .icon-menu {
        display: block;
    }
    .icon-menu, .icon-menu:visited, .icon-menu:hover, .icon-menu:active {
        color: #00909d;
        font-size: 1.4em;
        margin-top: -50px;
        padding-left: 0.5em;
        position: absolute;
        text-decoration: none;
    }
    
}

@media screen and (max-width: 900px) {
       /* Registration */
    .trippus-iframe {
        display: none;
    }
    .trippus-noiframe {
        display: block;
    }
}

@media screen and (max-width: 840px) {
    .main-search-form {
        display: none;
    }
    .show-search-button {
        color: #4b8d7b;
        display: block;
        font-size: 1.4em;
        top: 10px;
    }
    .main-search-form-mobile.show {
        display: block;
    }

    .strip-left, .strip-right {
        height: 5em;
        background-size: cover;
    }
    .strip-left {
        padding-right: 122px;
    }
    .strip-right {
        padding-left: 122px;
    }

    .strip-left h1, .strip-right h1 {
        font-size: 3.5em;
    }
    .girl {
        margin: -110px auto 0;
        width: 250px;
    }
    
}

@media screen and (max-width: 820px) {


    .partner-50 {
        height: auto;
    }
    .partner-50 .partner-50 {
        height: auto;
    }
    .partner-50 a {
        height: 300px;
    }
    .partner-50 .partner-50 a {
        height: 150px;
    }
    /* Switch to full width */
    .inner-body, .tags {
        margin: 0 auto;
        padding: 0 .5em;
        width: 100%;
    }
    .read-more-gradient {
        right: 10px;
    }
    .jayway-founder img {
        width: 30%
    }
/* END @media screen and (max-width: 820px) */
}

@media screen and (max-width: 785px) {
    
    /* Basic layouts */
    .main {
        padding-top: 1em;
    }
    .main-head {
        height: 80px;
    }
    .about .left,
    .about .right,
    .theme .col-left,
    .theme .col-right,
    .layout-1 .content-primary,
    .layout-1 .content-secondary {
        float: none;
        width: auto;
        margin: 0;
        padding-left: 0;
    }
    .about .right {
        text-align: center;
    }
    .about .right img {
        max-width: 100%;
    }
    
    /* Øredev date */
    
    /* Headings */
    .main-headings h1 {
        
    }
    
    /* Switch header layout */
    .header {
        background: #000;
        color: #fff;
    }
    

    
    /* Hide elements on front page */
    .speakers-tags {
        margin-top: 1.5em;
    }
    .landing-page .tags {
        font-size: 1em;
    }
    .landing-page .splash {
        display: none;
    }
    
    /* Tags & featured speakers */
    .landing-tags-speakers {
        padding-right: 0;
    }

    /* Subscribtion */

    .subscribe input[type="text"] {
        font-size: 1.3em;
    }
    .subscribe input[type="submit"] {
        font-size: 1.3em;
    }
    
    /* Landing page primary & secondary content */
    .landing-page .content-primary,
    .landing-page .content-secondary {
        float: none;
        width: auto;
    }
    .landing-page .content-secondary {
        padding-top: 1em;
    }

    /* Headers */

    .main-headings.top {
  
    }

    /* Footer */
    .sponsors li,
    .nav-supp-2 li,
    .contact-info li {
        float: none;
    }
    .sponsors li {
        margin: 0 0 0.5em;
        width: auto;
    }
    .nav-supp-2 {
        float: none;
        margin: 1em 0;
    }
    .nav-supp-2 a {
        text-decoration: underline;
    }
    .contact-info {
        float: none;
    }
    .contact-info li+li:before {
        content: "";
        padding: 0;
    }
    
    /* Sessions */
    .main-headings.top.sessions h1 {
        float: none;
        width: 100%;
    }
    .select-day {
        width: 100%;
        clear: both;
        float: none;
    }
    .select-day li {
        width: auto;
        display: inline-block;
        font-size: 1.5em;
        text-align: center;
    }
    .session-info,
    .session-speaker {
        width: auto;
        text-align: left;
    }
    .session-speaker {
        margin: 1em 0;
    }
    
    /* Speakers */
    .main-headings h2 {
        display: none;
    }
    .speaker-card {
        display: block;
        margin: 0 0 3em;
        padding: 0;
        width: auto;
    }
    .speaker-card img {
        width: 80px;
    }
    .speaker-info {
    margin-left: 98px;
    }
    .speaker-info .left {
        margin-right: 1em;
    }
    
    /* My schedule */
    .schedule-buttons {
        text-align: left;
    }
    .save-schedule {
        margin-left: 0;
    }
    .schedule-table tbody th {
        width: 3.5em;
    }
    .more-info img {
        float: none;
    }
    .fetch-your-schedule,
    .save-your-schedule {
        padding: 1em .5em .5em;
    }
    .save-your-schedule .col {
        float: none;
        padding: 0;
        width: auto;
    }
    .save-your-schedule h2 {
        font-size: 1.4286em;
    }
    .select-session-item {
        margin-bottom: 0.5em;
    }
    .select-session-description {
        max-width: 60%;
    }
    
    /* Register */
    .register-selector {
        padding: 1em 0;
    }
    .deadline {
        float: none;
        margin-bottom: 0.25em;
        width: 100%;
    }
    .match-col {
        width: 100%;
    }
    .match-col.glyph {
        display: block;
        margin: 0;
        padding-top: 0;
        text-align: center;
    }
    .package {
        float: none;
        width: 100%;
    }
    .match-col input[type="text"] {
        padding: 0.5em 0.75em;
        width: 100%;
    }
    
    /* Google Maps */
    .google-maps {
        height: 400px;
    }
    
/* END @media screen and (max-width: 785px) */
}

@media screen and (max-width: 700px) {
    .partner-50 a {
        height: 260px;
    }
    .partner-50 .partner-50 a {
        height: 130px;
    }

}
@media screen and (max-width: 600px) {
    .partner-50 a {
        height: 230px;
    }
    .partner-50 .partner-50 a {
        height: 115px;
    }

}

@media screen and (max-width: 580px) {
    .strip-left, .strip-right {
        height: 2.8em;
        margin-top: 115px;
    }
    .strip-left {
        padding-right: 75px;
    }
    .strip-right {
        padding-left: 75px;
    }

    .strip-left h1, .strip-right h1 {
        font-size: 1.8em;
        line-height: 1em;
    }
    .girl {
        margin-top: -70px;
        width: 150px;
    }
    .subscribe input[type="text"] {
        width: 100%
    }
    .subscribe input[type="submit"] {
        margin-top: 10px;
    }
    .main-headings.top {
        height: 85px;
        background-size: 310px;
    }
    .main-headings.top h1 {
        font-size: 3.5em;
    }
}


@media screen and (max-width: 475px) {
    
    h1.message {font-size: 0.9em;}
    /* Save schedule */
    .schedule-buttons {
        margin: 0;
    }
    .schedule-buttons a {
        font-size: 0.8em;
    }
    .schedule-buttons a.save-schedule {
        padding: 0 0 0 1em;
    }
    .fetch-your-schedule input[type="text"],
    .save-your-schedule input[type="text"],
    .fetch-your-schedule button, .save-your-schedule button {
        width: 100%;
        margin-bottom: 0.1em;
    }
    .save-schedule {
    }
    .partner-50 {
        width: 100%;
    }
    .partner-50 .partner-50 {
        width: 50%;
    }

    .partner-25 {
        width: 50%;
    }
    .partner-50 a {
        height: auto;
    }
    .partner-50 .partner-50 a {
        height: auto;
    }
    .jayway-founder img {
        float: none;
        width: 60%;
    }
    
/* END @media screen and (max-width: 475px) */
}

@media screen and (max-width: 440px) {
    .top img {width: 150px;}
    .icon-menu, .icon-menu:visited, .icon-menu:hover, .icon-menu:active {margin-top: -40px;}
    .show-search-button {
        top: 0;
    }
    .landing-page .tags {
        font-size: 0.7em;
    }
    /* Tags & featured speakers */
    .featured-speakers h2 {
        font-size: 1.0714em;
        margin-left: 125px;
        padding-left: 0.7143em;
        white-space: nowrap;
    }
    .speaker-photo {
        
    }
    .speaker-photo img {
        height: auto;
        max-width: 100%;
    }
    .subscribe input[type="text"], .subscribe input[type="submit"] {
        font-size: 0.9em;
    }
/* END @media screen and (max-width: 440px) */    
}

@media screen and (max-width: 430px) {

    h1.message {
    font-size: 0.8em;
}
    
    /* Floated content images */
    .left,
    .right {
        float: none;
        width: auto;
        max-width: 100%;
        height: auto;
        margin: 0 0 1em;
    }
    .speaker-info {
    margin-left: 0;
    }
    /* Latest news resize and re-float */
    .featured-news .left {
        float: left;
        margin: 0 0.65em 0.35em 0;
        width: 72px;
    }
    
    .speaker-info .left {
        float: left;
    }
    
    
/* END @media screen and (max-width: 430px) */
}

@media screen and (max-width: 365px) {
    
    /* Headings */
    .main-headings h1 {
        font-size: 2.2em;
    }
    
}