/*
	Theme Name: Brunico Event/Awards Framework
	Description: EventSAAS appliable stylesheet/framework for all Brunico event and awards sites
	Version: v.2.0
	Author: R. Stephenson Price
	Author URI: www.stratasfear.com
    
    UPDATES: 
    2015-12-14 - MobileMenu tweaks
    2015-08-19 - Agenda mobilization fixes + Chrome fixed positioning/transform rendering glitch fix + added "people/person" styles and news bulletins system to core framework
    2015-08-11 - transferred cancellation/privacy policy dropdown defaults to core framework
    2015-08-05 - fixed iOS mobile Menu side-swipe bug
    2015-07-06 - contains sidebarCarousel/mobileMenu glitch fixes
*/

/* --------------------------------------- */
/* CORE
/* --------------------------------------- */

*, *:before, *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

html, body {
    margin: 0;
    height: 100%;
    width: 100%;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    background: #ffffff;
    margin: 0;
    padding: 0;
    color: #232323;
    font: 1em soleil,"Lucida Grande","Lucida Sans Unicode","Nimbus Sans L",Arial,sans-serif;
    position: relative;
    z-index: 0;
}

h1, h2, h3, h4, h5, h6, h7 {
    color: #232323;
    margin: 0 0 20px;
}

h1 {
    font-size: 2.0em;
    line-height: 1.1em;
}

h2 {
    font-size: 1.7em;
}

h3 {
    font-size: 1.4em;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1.0em;
}

h6 {
    font-size: 0.8em;
    width: auto;
    margin: 0 20px 20px 0;
    float: left;
}

h7 {
    font-size: 1.0em;
    width: 100%;
    text-align: right;
    margin: 0 0 20px;
    float: right;
}

p {
    margin: 0 0 20px;
}

a:link, a:visited {
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #0074A2;
}

a:hover {
    color: #CBDB2A;
}

a img {
    transition: ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
}

a:hover img {
    opacity: 1.0;
}

em {
    font-style: italic;
}

hr {
    margin: 20px 0;
    width: 100%;
    overflow: hidden;
    border: 1px solid #EFEFEF;
}

blockquote {
    float: right;
    width: 50%;
    padding: 20px;
    margin: 20px 0 20px 20px;
    border-top: 4px solid #787878;
    border-bottom: 4px solid #787878;
    font-size: 1.4em;
    line-height: 1.3em;
    font-weight: bold;
    font-style: italic;
    color: #787878;
}

.credit {
    width: 100%;
    font-size: 0.8em;
    font-style: italic;
    text-align: right;
}

#siteContainer {
    width: 100%;
    background: #000;
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    top: inherit;
    box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
}

#siteBacking {
    background: #000000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.overlay {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    Z-index: 20;
    position: absolute;
    background-color: rgba(0,0,0,0.8);
}

.overlay {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    Z-index: 20;
    position: absolute;
    background-color: rgba(0,0,0,0.8);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

.containerWide {
    max-width: 1200px;
    margin: 0 auto;
}

.billboardContainer {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 4;
    background: #fbf9f9;
}

.wow {
    animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

.shadow {
    box-shadow: 0 0 5px #121212;
    -moz-box-shadow: 0 0 5px #121212;
    -webkit-box-shadow: 0 0 5px #121212;
}

.vignette {
    box-shadow: 0px 0px 350px rgba(0, 0, 0, 1) inset;
    -webkit-box-shadow: 0px 0px 350px rgba(0, 0, 0, 1) inset);
    -moz-box-shadow: 0px 0px 350px rgba(0, 0, 0, 1) inset;
}

.hotLink {
    position: relative;
    top: -125px;
}

.topLink {
    position: fixed;
    background: #000000 url('images/arrow-up.png') no-repeat center center;
    bottom: 20px;
    right: 20px;
    opacity: 0.6;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    z-index: 10;
}

    .topLink:hover {
        opacity: 1.0;
    }

.alignleft {
    display: block;
    max-width: 100%;
    float: left;
    margin: 0 40px 40px 0;
}

.alignright {
    display: block;
    max-width: 100%;
    float: right;
    margin: 0 0 40px 40px;
}

.aligncenter {
    display: block;
    max-width: 100%;
    float: none;
    margin: 40px auto 40px;
}

#contentBody .entry iframe,
#contentBody .entry embed,
#contentBody .entry video {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0px;
    margin: 20px auto 40px;
}

#contentBody .entry iframe {
    min-height: 350px !important;
    width: 100%;
}

.share {
    float: left;
    margin: 0 10px 10px 0;
}

    .share iframe, .share embed, .share video {
        min-height: 0;
    }

.clearfloat:before, .clearfloat:after {
    content: "";
    display: table;
}

.clearfloat:after {
    clear: both;
}
/* For IE 6/7 only */
.clearfloat {
    *zoom: 1;
}

.displayOff, .hidden {
    display: none !important;
    visibility: hidden !important;
}

.displayOn {
    display: inherit !important;
}

.showIMG {
    opacity: 1;
}

.hideIMG {
    opacity: 0;
}

/* --------------------------------------- */
/* SPECIAL CHARACTER FONT(S)
/* --------------------------------------- */

@font-face {
    font-family: 'Glyphicons';
    src: url(fonts/glyphicons-halflings-regular.eot);
    src: url(fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(fonts/glyphicons-halflings-regular.woff) format('woff'), url(fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(fonts/glyphicons-halflings-regular.svg#webfont) format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-award:before {
    content: "\e102";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-event:before {
    content: "\e062";
}

.glyphicon-xchange:before {
    content: "\e135";
}

.glyphicon-remove:before {
    content: "\e088";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

/* --------------------------------------- */
/* FORMS + EventSAAS Overrides
/* --------------------------------------- */

.well {
    background: #f5f5f5;
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 20px;
    margin: 0 0 20px;
    width: 100% !important;
}

    .well .small {
        font-size: 0.8em;
    }

form .btn {
    margin: 20px auto;
    padding: 10px 20px !important;
}

.btn, .btn-large {
    padding: 5px 10px;
    margin: 0 0 0 10px;
}

.btn {
    padding: 10px 20px;
    margin: 0 auto 40px;
    display: block;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    background: #232323;
    color: #efefef;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.btnMain {
    padding: 10px 20px;
    margin: 0 auto 40px;
    display: block;
    cursor: pointer;
    border-radius: 5px;
    background: #ff0000;
    color: #efefef;
    font-weight: bold;
    text-transform: uppercase;
    display: table;
    text-align: center;
}

    .btn:hover, .btnMain:hover {
        background: #787878;
    }

input {
    padding: 7px 10px;
}

.inline input {
    width: 50%;
    float: left;
}

textarea {
    width: 100%;
}

select {
    padding: 5px 10px;
    width: 70%;
}

input[type="text"] {
    width: 70%;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 2px 10px 0 0 !important;
    line-height: normal;
    cursor: pointer;
    width: auto;
    display: table-cell;
    vertical-align: top;
    width: initial !important;
}

.checkboxLabel {
    display: inline-block;
    text-align: left;
    width: 80%;
    width: calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    margin: 0 0 5px;
}

#Pitchit td, #Pitchit th {
    width: 50%;
}

#Pitchit h3 {
    margin: 10px 0;
}

form h4 {
    width: 100%;
    float: left;
    color: #fff;
    background: #121212;
    padding: 5px 10px;
    margin: 20px 0;
    text-align: center;
}

table h5 {
    margin: 20px 0 !important;
}

.regExtraInfo {
    clear: both;
    margin: 20px 0;
    padding: 20px 0;
    border-top: 5px solid #afafaf;
    border-bottom: 5px solid #afafaf;
}

#emailaddressvalidatebutton {
    margin: 0;
}

.regNav {
    text-align: center;
    margin: 20px auto;
    width: 100%;
    clear: both;
    float: left;
}

#promocode {
    width: 50% !important;
}

#inviteForm td, #inviteForm th {
    width: 50%;
}

#eventregisterform {
}

#validateemailresults {
    margin: 20px 0;
}

#step1, #step2, #step3, #step4, #step5, #step6 {
    margin: 0;
}

    #step1:after, #step2:after, #step3:after, #step4:after, #step5:after, #step6:after {
        clear: both;
    }

.control-group {
    width: 100% !important;
    border-bottom: 3px solid #ccc;
    clear: both;
    float: left;
    padding: 10px 20px;
}

.control-label, .controls {
    width: 50%;
    padding: 0;
    float: left;
}

#step3 .control-group:nth-child(2n+1) {
    background-color: #f9f9f9;
}

#step3 p {
    clear: both;
    float: left;
    margin: 0 0 20px;
}

#step3 .btn-large {
    margin: 20px 0;
}

.policyBox {
    height: 70px;
    cursor: pointer;
    overflow: hidden;
}

.policyBoxOpen {
    height: auto;
}

.policyHeader {
    position: relative;
    display: inline-block;
    color: #232323;
}

    .policyHeader strong:after {
        left: 110%;
        top: 50%;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-style: solid;
        border-color: rgba(35, 35, 35, 0);
        border-top-color: #232323;
        border-width: 0.7em;
        margin-top: -0.3em;
    }

.policyBoxOpen .policyHeader strong:after {
    top: 10%;
    border-top-color: rgba(35, 35, 35, 0);
    border-bottom-color: #232323;
}

.oneColumn_logos img {
    width: initial !important;
}

/* --------------------------------------- */
/* FORMS: VALIDATION
/* --------------------------------------- */

.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* --------------------------------------- */
/* AGENDA
/* --------------------------------------- */

#agendaMenu {
    background: #000;
    height: auto;
    width: 100%;
    margin: 0;
    z-index: 8;
    -webkit-transform: translate3d(0,0,0);
}

    #agendaMenu h5 {
        color: #efefef;
    }

    #agendaMenu ul, #agendaMenu li {
        float: left;
        list-style: none;
    }

    #agendaMenu li {
        padding: 8px 20px;
    }

.agendaSearch {
    float: right;
    max-width: 300px;
}

#sidebar-nav ul li {
    list-style: none;
}

#sidebar-nav img {
    width: initial !important;
    margin: 0 !important;
}

.days {
    float: right;
    width: 80%;
    width: calc(100% - 165px);
    width: -moz-calc(100% - 165px);
    width: -webkit-calc(100% - 165px);
    margin: 0 0 40px;
}

.session {
    margin: 5px 0 !important;
    padding: 3px 10px !important;
    border-radius: 5px;
    display: inline-block;
}

    .session:hover {
        background: #000;
        color: #fff;
    }

/* AGENDA FIXES - HOLDOVER FROM OLD PA */

.agendaBody #sidebar-container {
    margin: 68px 0 0 0 !important;
    height: auto !important;
}

.agendaBody #filters a {
    display: block;
    padding: 5px 10px;
    margin: 5px 10px 5px 0;
    border-radius: 5px;
}

.agendaBody #filters li:first-child a {
    border: 1px solid rgb(204, 204, 204);
    margin-right: 10px !important;
}

.agendaBody #table_simple br {
    display: none;
}

#table_simple a {
    padding: 5px 13px !important; /*font-weight: normal;*/
}

.agendaBody #table_simple td:nth-child(1) {
    padding-top: 16px !important;
}

.agendaBody #table_simple td:nth-child(2) {
    white-space: inherit !important;
}


/* ICONS */

.icon-white {
    background-image: url("images/glyphicons-halflings-white.png");
    display: inline-block;
    height: 15px;
    width: 14px;
    margin: 0 5px 0 0;
}

.icon-glass {
    background-position: 0 2px;
}

.icon-music {
    background-position: -24px 2px;
}

.icon-search {
    background-position: -48px 2px;
}

.icon-envelope {
    background-position: -72px 2px;
}

.icon-heart {
    background-position: -96px 2px;
}

.icon-star {
    background-position: -120px 2px;
}

.icon-star-empty {
    background-position: -144px 2px;
}

.icon-user {
    background-position: -168px 2px;
}

.icon-film {
    background-position: -192px 2px;
}

.icon-th-large {
    background-position: -216px 2px;
}

.icon-th {
    background-position: -240px 2px;
}

.icon-th-list {
    background-position: -264px 2px;
}

.icon-ok {
    background-position: -288px 2px;
}

.icon-remove {
    background-position: -312px 2px;
}

.icon-zoom-in {
    background-position: -336px 2px;
}

.icon-zoom-out {
    background-position: -360px 2px;
}

.icon-off {
    background-position: -384px 2px;
}

.icon-signal {
    background-position: -408px 2px;
}

.icon-cog {
    background-position: -432px 2px;
}

.icon-trash {
    background-position: -456px 2px;
}

.icon-home {
    background-position: 0 -24px;
}

.icon-file {
    background-position: -24px -24px;
}

.icon-time {
    background-position: -48px -24px;
}

.icon-road {
    background-position: -72px -24px;
}

.icon-download-alt {
    background-position: -96px -24px;
}

.icon-download {
    background-position: -120px -24px;
}

.icon-upload {
    background-position: -144px -24px;
}

.icon-inbox {
    background-position: -168px -24px;
}

.icon-play-circle {
    background-position: -192px -24px;
}

.icon-repeat {
    background-position: -216px -24px;
}

.icon-refresh {
    background-position: -240px -24px;
}

.icon-list-alt {
    background-position: -264px -24px;
}

.icon-lock {
    background-position: -287px -24px;
}

.icon-flag {
    background-position: -312px -24px;
}

.icon-headphones {
    background-position: -336px -24px;
}

.icon-volume-off {
    background-position: -360px -24px;
}

.icon-volume-down {
    background-position: -384px -24px;
}

.icon-volume-up {
    background-position: -408px -24px;
}

.icon-qrcode {
    background-position: -432px -24px;
}

.icon-barcode {
    background-position: -456px -24px;
}

.icon-tag {
    background-position: 0 -46px;
}

.icon-tags {
    background-position: -25px -46px;
}

.icon-book {
    background-position: -48px -46px;
}

.icon-bookmark {
    background-position: -72px -46px;
}

.icon-print {
    background-position: -96px -46px;
}

.icon-camera {
    background-position: -120px -46px;
}

.icon-font {
    background-position: -144px -46px;
}

.icon-bold {
    background-position: -167px -46px;
}

.icon-italic {
    background-position: -192px -46px;
}

.icon-text-height {
    background-position: -216px -46px;
}

.icon-text-width {
    background-position: -240px -46px;
}

.icon-align-left {
    background-position: -264px -46px;
}

.icon-align-center {
    background-position: -288px -46px;
}

.icon-align-right {
    background-position: -312px -46px;
}

.icon-align-justify {
    background-position: -336px -46px;
}

.icon-list {
    background-position: -360px -46px;
}

.icon-indent-left {
    background-position: -384px -46px;
}

.icon-indent-right {
    background-position: -408px -46px;
}

.icon-facetime-video {
    background-position: -432px -46px;
}

.icon-picture {
    background-position: -456px -46px;
}

.icon-pencil {
    background-position: 0 -72px;
}

.icon-map-marker {
    background-position: -24px -72px;
}

.icon-adjust {
    background-position: -48px -72px;
}

.icon-tint {
    background-position: -72px -72px;
}

.icon-edit {
    background-position: -96px -72px;
}

.icon-share {
    background-position: -120px -72px;
}

.icon-check {
    background-position: -144px -72px;
}

.icon-move {
    background-position: -168px -72px;
}

.icon-step-backward {
    background-position: -192px -72px;
}

.icon-fast-backward {
    background-position: -216px -72px;
}

.icon-backward {
    background-position: -240px -72px;
}

.icon-play {
    background-position: -264px -72px;
}

.icon-pause {
    background-position: -288px -72px;
}

.icon-stop {
    background-position: -312px -72px;
}

.icon-forward {
    background-position: -336px -72px;
}

.icon-fast-forward {
    background-position: -360px -72px;
}

.icon-step-forward {
    background-position: -384px -72px;
}

.icon-eject {
    background-position: -408px -72px;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.icon-chevron-right {
    background-position: -456px -72px;
}

.icon-plus-sign {
    background-position: 0 -96px;
}

.icon-minus-sign {
    background-position: -24px -96px;
}

.icon-remove-sign {
    background-position: -48px -96px;
}

.icon-ok-sign {
    background-position: -72px -96px;
}

.icon-question-sign {
    background-position: -96px -96px;
}

.icon-info-sign {
    background-position: -120px -96px;
}

.icon-screenshot {
    background-position: -144px -96px;
}

.icon-remove-circle {
    background-position: -168px -96px;
}

.icon-ok-circle {
    background-position: -192px -96px;
}

.icon-ban-circle {
    background-position: -216px -96px;
}

.icon-arrow-left {
    background-position: -240px -96px;
}

.icon-arrow-right {
    background-position: -264px -96px;
}

.icon-arrow-up {
    background-position: -289px -96px;
}

.icon-arrow-down {
    background-position: -312px -96px;
}

.icon-share-alt {
    background-position: -336px -96px;
}

.icon-resize-full {
    background-position: -360px -96px;
}

.icon-resize-small {
    background-position: -384px -96px;
}

.icon-plus {
    background-position: -408px -96px;
}

.icon-minus {
    background-position: -433px -96px;
}

.icon-asterisk {
    background-position: -456px -96px;
}

.icon-exclamation-sign {
    background-position: 0 -120px;
}

.icon-gift {
    background-position: -24px -120px;
}

.icon-leaf {
    background-position: -48px -120px;
}

.icon-fire {
    background-position: -72px -120px;
}

.icon-eye-open {
    background-position: -96px -120px;
}

.icon-eye-close {
    background-position: -120px -120px;
}

.icon-warning-sign {
    background-position: -144px -120px;
}

.icon-plane {
    background-position: -168px -120px;
}

.icon-calendar {
    background-position: -192px -120px;
}

.icon-random {
    background-position: -216px -120px;
}

.icon-comment {
    background-position: -240px -120px;
}

.icon-magnet {
    background-position: -264px -120px;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-retweet {
    background-position: -336px -120px;
}

.icon-shopping-cart {
    background-position: -360px -120px;
}

.icon-folder-close {
    background-position: -384px -120px;
}

.icon-folder-open {
    background-position: -408px -120px;
}

.icon-resize-vertical {
    background-position: -432px -119px;
}

.icon-resize-horizontal {
    background-position: -456px -118px;
}

.icon-hdd {
    background-position: 0 -142px;
}

.icon-bullhorn {
    background-position: -24px -142px;
}

.icon-bell {
    background-position: -48px -142px;
}

.icon-certificate {
    background-position: -72px -142px;
}

.icon-thumbs-up {
    background-position: -96px -142px;
}

.icon-thumbs-down {
    background-position: -120px -142px;
}

.icon-hand-right {
    background-position: -144px -142px;
}

.icon-hand-left {
    background-position: -168px -142px;
}

.icon-hand-up {
    background-position: -192px -142px;
}

.icon-hand-down {
    background-position: -216px -142px;
}

.icon-circle-arrow-right {
    background-position: -240px -142px;
}

.icon-circle-arrow-left {
    background-position: -264px -142px;
}

.icon-circle-arrow-up {
    background-position: -288px -142px;
}

.icon-circle-arrow-down {
    background-position: -312px -142px;
}

.icon-globe {
    background-position: -336px -142px;
}

.icon-wrench {
    background-position: -360px -142px;
}

.icon-tasks {
    background-position: -384px -142px;
}

.icon-filter {
    background-position: -408px -142px;
}

.icon-briefcase {
    background-position: -432px -142px;
}

.icon-fullscreen {
    background-position: -456px -142px;
}

/* --------------------------------------- */
/* ADS
/* --------------------------------------- */

#siteWrap {
    background: #EC008C url(images/sitewrap.jpg) top center no-repeat;
    width: 100%;
    height: 1200px;
    position: absolute;
}

#leaderboard {
    background: #EC008C;
    width: 728px;
    height: 90px;
    float: right;
    display: none;
}

#billboardTop {
    background: #EC008C;
    width: 100%;
    height: 90px;
}

#billboardBottom {
    background: #EC008C;
    width: 100%;
    height: 90px;
}

.sidebarBox {
    background: #EC008C;
    width: 100%;
    max-width: 300px;
    height: 250px;
    margin: 0 0 20px;
}

.feedStrip {
    background: #EC008C;
    width: 100%;
    height: 100px;
    float: left;
    margin: 0;
}

/* --------------------------------------- */
/* MENU CORE ELEMENTS
/* --------------------------------------- */

.socialBox {
    margin: 0;
    padding: 0;
    height: 100%;
    float: left;
    overflow: hidden;
}

    .socialBox a {
        float: left;
        margin: 0;
        padding: 0;
    }

    .socialBox .btn-social {
        margin: 0;
        padding: 0;
        border-right: 1px solid #232323;
        height: 40px;
        width: 40px;
    }

        .socialBox .btn-social:hover {
            background: #CBDB2A;
        }

#headerMicro .btn-facebook {
    background: url(images/lug-facebook-black.png) top center no-repeat;
}

#headerMicro .btn-twitter {
    background: url(images/lug-twitter-black.png) top center no-repeat;
}

#headerMicro .btn-instagram {
    background: url(images/lug-instagram-black.png) top center no-repeat;
}

.searchBox {
    background: #343434;
    float: right;
    width: 250px !important;
    padding: 8px 10px;
    height: 39px !important;
    overflow: hidden;
}

.searchBar {
    width: 80% !important;
    width: calc(100% - 25px) !important;
    background: #343434;
    height: 24px;
    line-height: 18px;
    border-radius: 5px;
    display: inline-block;
    border: none;
    padding: 5px 10px;
    color: #efefef;
}

.btn-search {
    padding: 0;
    margin: 0 !important;
    color: #ffffff;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
}

.searchBox .btn {
    padding: 0 !important;
    background: none !important;
}

    .searchBox .btn .glyphicon {
        color: #ffffff !important;
    }

.btnClose {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
    font-size: 1em;
    text-align: center;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    border: 1px solid #107298;
    padding: 8px 10px;
    border-radius: 5px;
    z-index: 20;
}

    .btnClose:before {
        content: "X";
    }

    .btnClose:hover {
        background: #107298;
    }

.showMenu {
    transition-property: all;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
    display: block;
    position: relative;
    left: 0;
}

.hideMenu {
    transition-property: all;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
    display: none;
    position: relative;
    left: 240px;
}

.invisibleMenu {
    transition-property: all;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
    left: 0 !important;
}

.visibleMenu {
    transition-property: all;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
    left: 240px !important;
    position: fixed !important;
    overflow: hidden;
}

.showMenuFull {
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: ease-in-out;
    top: 0;
    z-index: 8 !important;
    opacity: 1;
}

.hideMenuFull {
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: ease-in-out;
    top: 0;
    z-index: -2 !important;
    opacity: 0;
}

.visibleMenuOverlay {
    transition-property: all;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
    display: block;
    z-index: 13;
    left: 240px !important;
}

.invisibleMenuOverlay {
    transition-property: all;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
    display: none;
    z-index: -1;
    left: 0 !important;
}

.indicator {
    background: #121212;
    float: right;
    display: inline-block;
    border-left: 1px solid #454545 !important;
    cursor: pointer;
    width: 40px !important;
}

.open {
}

.closed {
}

.up {
    background: #121212 url(images/arrow-right.png)no-repeat 55% 12px !important;
}

.down {
    background: #343434 url(images/arrow-down.png)no-repeat 55% 12px !important;
    color: #fff !important;
}

span.up {
    background: url(images/arrow-right.png)no-repeat;
    float: right;
    height: 15px;
    width: 15px;
    position: relative;
    top: 3px;
    right: -11px;
}

span.down {
    background: url(images/arrow-down.png)no-repeat transparent !important;
    float: right;
    height: 15px;
    width: 15px;
    position: relative;
    top: 3px;
    right: -11px;
}

/* --------------------------------------- */
/* MASTER MENU
/* --------------------------------------- */

#masterMenu {
    background: #000000;
    width: 100%;
    height: 40px;
    position: fixed;
    z-index: 11;
    top: 0;
    font-size: 11pt !important;
    left: inherit;
    -webkit-transform: translate3d(0,0,0);
    -webkit-overflow-scrolling: auto; /* stop scrolling immediately */
}

#masterMenuInner {
    float: left;
    width: auto;
}

#masterMenu .menu {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 40px;
    line-height: 40px;
}

    #masterMenu .menu li {
        list-style: none;
        display: block;
        float: left;
        height: 40px;
        line-height: 40px;
        margin: 0;
        padding: 0;
        position: relative;
    }

        #masterMenu .menu li a {
            display: block;
            height: 40px;
            line-height: 20px;
            padding: 10px 20px;
            border-right: 1px solid #232323;
        }

            #masterMenu .menu li a:hover, #masterMenu .menu .current-menu-item > a, #masterMenu .menu .current-menu-parent > a, #masterMenu .menu .current-menu-ancestor > a, #masterMenu .menu .current_page_item > a, #masterMenu .menu .current_page_parent > a, #masterMenu .menu .current_page_ancestor > a {
                background: #CBDB2A;
                color: #fff;
            }

#masterMenu li .sub-menu {
    width: 300px;
    display: none;
    position: absolute;
    top: 40px;
    box-shadow: 0 5px 5px #121212;
    -moz-box-shadow: 0 5px 5px #121212;
    -webkit-box-shadow: 0 5px 5px #121212;
    z-index: 9;
}

#masterMenu li.brand .sub-menu {
    width: 146px;
}

#masterMenu li:hover > .sub-menu {
    display: block;
}

#masterMenu li .sub-menu li {
    display: inline-flex;
    width: 100%;
}

    #masterMenu li .sub-menu li a {
        height: 40px;
        line-height: 40px !important;
        display: inline-flex;
        background: #24555F;
        width: 100%;
        margin: 0;
        padding: 0 20px !important;
        border: 0;
    }

#masterMenu .menu li > a:hover, #masterMenu .menu .topMenu a:hover, #masterMenu .menu li:hover > span, #masterMenu .menu li:hover > a, #masterMenu .menu .sub-menu li:hover > span, #masterMenu .menu .sub-menu li:hover > a {
    color: #ffffff;
    background: #0074A2;
}

#masterMenu-content {
    font-size: 0.75em;
    line-height: 22px !important;
    text-transform: uppercase;
}

    #masterMenu-content .submenu li a {
        border-top: 1px solid #121212;
    }

    #masterMenu-content .brand {
    }

        #masterMenu-content .brand > .submenu {
            width: auto !important;
        }

        #masterMenu-content .brand .submenu li a {
            text-align: center !important;
        }

        #masterMenu-content .brand img {
            max-height: 20px;
            max-width: 100px;
            height: auto;
            width: auto;
            display: block;
        }

        #masterMenu-content .brand .brand img {
            margin: 10px auto;
            height: 19px;
            display: block;
        }

    #masterMenu-content .xchange {
    }

        #masterMenu-content .xchange > .submenu {
            width: auto !important;
            min-width: 200px;
        }

        #masterMenu-content .xchange img {
            max-height: 22px;
            max-width: 140px;
            height: auto;
            width: auto;
            margin: 3px 0 0;
        }

/* --------------------------------------- */
/* MAIN/EVENT MENU
/* --------------------------------------- */

#mainMenu {
    background: #454545;
    height: 46px;
    width: 100%;
    border-bottom: 5px solid #0074A2;
    z-index: 9;
    position: relative;
    -webkit-transform: translate3d(0,0,0);
}

#mainMenuInner {
}

.mainMenu-content {
    display: table;
}

    .mainMenu-content .sub-menu {
        top: 40px;
        z-index: 9;
    }

#mainMenu .menu {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 40px;
    line-height: 40px;
}

    #mainMenu .menu li {
        list-style: none;
        display: block;
        float: left;
        height: 40px;
        line-height: 40px;
        margin: 0;
        padding: 0;
        position: relative;
    }

        #mainMenu .menu li a {
            display: block;
            height: 40px;
            line-height: 20px;
            padding: 10px 20px;
            border-right: 1px solid #454545;
        }

            #mainMenu .menu li a:hover, #mainMenu .menu .current-menu-item > a, #mainMenu .menu .current-menu-parent > a, #mainMenu .menu .current-menu-ancestor > a, #mainMenu .menu .current_page_item > a, #mainMenu .menu .current_page_parent > a, #mainMenu .menu .current_page_ancestor > a {
                background: #CBDB2A;
                color: #fff;
            }

#mainMenu li .sub-menu {
    width: 300px;
    display: none;
    position: absolute;
    top: 40px;
    box-shadow: 0 5px 5px #121212;
    -moz-box-shadow: 0 5px 5px #121212;
    -webkit-box-shadow: 0 5px 5px #121212;
    z-index: 9;
}

    #mainMenu li .sub-menu .sub-menu {
        top: 0;
    }

#mainMenu li.brand .sub-menu {
    width: 146px;
}

#mainMenu li:hover > .sub-menu {
    display: block;
}

#mainMenu li .sub-menu li {
    display: inline-flex;
    width: 100%;
}

    #mainMenu li .sub-menu li a {
        height: 40px;
        line-height: 40px !important;
        display: inline-flex;
        background: #24555F;
        width: 100%;
        margin: 0;
        padding: 0 20px !important;
        border: 0;
    }

#mainMenu .menu li > a:hover, #mainMenu .menu .topMenu a:hover, #mainMenu .menu li:hover > span, #mainMenu .menu li:hover > a, #mainMenu .menu .sub-menu li:hover > span, #mainMenu .menu .sub-menu li:hover > a {
    color: #ffffff;
    background: #0074A2;
}

/* --------------------------------------- */
/* MICRO MENU
/* --------------------------------------- */

#microMenu {
    background: none;
    height: 40px;
    width: 100%;
    border: none;
    z-index: 9;
    font-size: 0.8em;
    margin: 28px 0 0;
}

#microMenuInner {
}

.microMenu-content {
    display: table;
}

    .microMenu-content .submenu {
        top: 40px;
        z-index: 9;
    }

#microMenu .menu {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 40px;
    line-height: 40px;
}

    #microMenu .menu li {
        list-style: none;
        display: block;
        float: left;
        height: 40px;
        line-height: 40px;
        margin: 0;
        padding: 0;
        position: relative;
    }

        #microMenu .menu li a {
            display: block;
            height: 40px;
            line-height: 20px;
            padding: 10px;
            border: 0;
            color: #232323;
        }

            #microMenu .menu li a:hover {
                background: none;
                color: #00AEEF;
            }

#microMenu li .sub-menu {
    width: 300px;
    display: none;
    position: absolute;
    top: 40px;
    box-shadow: 0 5px 5px #121212;
    -moz-box-shadow: 0 5px 5px #121212;
    -webkit-box-shadow: 0 5px 5px #121212;
    z-index: -1;
}

    #microMenu li .sub-menu .sub-menu {
        top: 0;
    }

#microMenu li.brand .sub-menu {
    width: 146px;
}

#microMenu li:hover > .sub-menu {
    display: block;
}

#microMenu li .sub-menu li {
    display: inline-flex;
    width: 100%;
}

    #microMenu li .sub-menu li a {
        height: 40px;
        line-height: 40px !important;
        display: inline-flex;
        background: #232323;
        width: 100%;
        margin: 0;
        padding: 0 20px !important;
        border: 0;
        color: #ffffff;
    }

#microMenu .menu li > a:hover, #microMenu .menu li:hover > a, #microMenu .menu .topMenu > a:hover, #microMenu .menu li:hover > span, #microMenu .menu .sub-menu li:hover > span, #microMenu .menu .sub-menu li:hover > a, #microMenu .menu .current-menu-item > a, #microMenu .menu .current-menu-parent > a, #microMenu .menu .current-menu-ancestor > a, #microMenu .menu .current_page_item > a, #microMenu .menu .current_page_parent > a, #microMenu .menu .current_page_ancestor > a {
    color: #ffffff;
    background: #0074A2;
}

/* --------------------------------------- */
/* MOBILE MENU
/* --------------------------------------- */

.btn-box {
    border-top: 4px solid #fff;
    width: 4px;
    float: left;
    margin: 0 2px 4px 0;
    clear: both;
}

.btn-line {
    border-top: 4px solid #fff;
    width: 17px;
    float: left;
    margin: 0 0 4px;
}

.btn-x {
    height: 100%;
    width: 100%;
    text-align: center;
    display: none;
    color: #fff;
}

#btn-mobileMenu, #btn-mobileMenuMain {
    padding: 10px;
    height: 40px;
    width: 45px;
    display: none;
    cursor: pointer;
    border-right: 1px solid #232323;
    float: left;
}

    #btn-mobileMenu:hover, #btn-mobileMenuMain:hover, #masterMenu .btn-search:hover {
        background: #787878;
    }

#masterMenu .btn-search {
    padding: 10px;
    height: 40px;
    width: 45px;
    display: none;
    cursor: pointer;
    border-left: 1px solid #232323;
    color: #ffffff;
    float: right;
    text-align: center;
}

#mobileMenuInner {
    overflow-y: hidden;
    height: 100%;
    width: 100%;
}

#menuHeader {
    padding: 40px 20px 20px;
}

#siteLogo {
    margin: 0 0 20px;
    width: 100%;
    height: auto;
    max-width: 240px;
    text-align: center;
}

#mobileMenuOverlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 13;
    width: 100%;
    height: 100%;
}

#mobileMenu .searchBox {
    float: none;
    width: 100% !important;
    padding: 10px;
    background: #343434;
    border-bottom: 1px solid #232323;
    height: 44px !important;
}

    #mobileMenu .searchBox .glyphicon {
        margin: 0 !important;
    }

#mobileMenu .socialBox {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 49px;
    max-width: 240px;
    text-align: center;
    float: none;
}

    #mobileMenu .socialBox a {
        float: none;
    }

#mobileMenu .btn-social {
    margin: 0;
    border: 1px solid #454545;
    border-radius: 30px;
    padding: 1px;
}

    #mobileMenu .btn-social:hover {
        background: #0074A2;
    }

#mobileMenu {
    background: #121212 none repeat scroll 0 0;
    font-size: 13px !important;
    height: 100%;
    left: 0 !important;
    margin-right: -10px;
    overflow: hidden !important;
    position: fixed;
    top: 0;
    transition-duration: 350ms;
    transition-property: all;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    width: 239px !important;
    z-index: 1;
}

    #mobileMenu .menu {
        margin: 0;
        padding: 0;
        list-style: none;
        height: 40px;
        line-height: 40px;
        width: 100%;
    }

    #mobileMenu .glyphicon {
        margin: 0 10px 0 0;
    }

    #mobileMenu h1 {
        text-align: left;
        padding: 10px 20px;
        margin: 0;
        width: 100%;
        border-top: 1px solid #454545;
        border-bottom: 1px solid #000;
        background: #000;
        font-size: 10pt;
        color: #afafaf;
    }

    #mobileMenu li {
        width: 100%;
        height: auto;
        line-height: 41px;
    }

    #mobileMenu .menu > li a {
        display: block;
        height: 40px;
        width: 100%;
        line-height: 20px;
        padding: 10px 20px;
        border-right: none;
    }

    #mobileMenu li a {
        display: block;
        padding: 0 20px;
        text-align: left;
        border: 0;
        border-top: 1px solid #454545;
        border-bottom: 1px solid #000000;
    }

        #mobileMenu li a:hover {
            background: #0074A2;
            color: #fff;
        }

    #mobileMenu li .sub-menu {
        width: auto;
        display: none;
        position: static;
        background: #121212;
    }

        #mobileMenu li .sub-menu li {
            display: inherit;
            width: 100%;
        }

            #mobileMenu li .sub-menu li a {
                height: auto;
                line-height: 20px !important;
                border: none;
                border-top: 1px solid #121212;
                display: inherit;
                background: #24555F;
                width: 100%;
                margin: 0;
                padding: 10px 20px !important;
            }

    #mobileMenu .menu li a:hover {
        background: #CBDB2A;
        color: #fff;
    }

    #mobileMenu .menu .current-menu-item > a, #mobileMenu .menu .current-menu-parent > a, #mobileMenu .menu .current-menu-ancestor > a, #mobileMenu .menu .current_page_item > a, #mobileMenu .menu .current_page_parent > a, #mobileMenu .menu .current_page_ancestor > a {
        border-left: 5px solid #CBDB2A;
        color: #fff;
        text-indent: -5px;
    }

    #mobileMenu .menu li .down:hover {
        background: #CBDB2A url(images/arrow-down.png)no-repeat 55% 12px !important;
    }

    #mobileMenu .menu li .up:hover {
        background: #CBDB2A url(images/arrow-right.png)no-repeat 55% 12px !important;
    }

    #mobileMenu #brandMenu-content.menu {
        margin: 0 0 100px !important;
        display: inline-block;
        height: auto;
    }

    #mobileMenu #brandMenu-content .brand {
    }

        #mobileMenu #brandMenu-content .brand > .submenu {
            width: auto !important;
        }

        #mobileMenu #brandMenu-content .brand .submenu li {
            display: inherit;
        }

            #mobileMenu #brandMenu-content .brand .submenu li a {
            }

        #mobileMenu #brandMenu-content .brand img {
            height: auto;
            max-height: 20px;
            width: initial;
            margin: 0 auto;
            display: block;
        }

        #mobileMenu #brandMenu-content .brand .brand a {
            text-align: center !important;
        }

        #mobileMenu #brandMenu-content .brand .brand img {
        }

    #mobileMenu #brandMenu-content .xchange {
    }

        #mobileMenu #brandMenu-content .xchange > .submenu {
            width: auto !important;
        }

        #mobileMenu #brandMenu-content .xchange img {
            max-height: 14px;
            max-width: 140px;
            height: auto;
            width: auto;
            position: relative;
            top: 3px;
        }


/* --------------------------------------- */
/* FULLSCREEN MENU
/* --------------------------------------- */

#fullscreenMenu {
    background: rgba(8, 149, 187, 0.95);
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    position: fixed;
    left: 0 !important;
    z-index: 20;
    top: 0;
    visibility: visible !important;
}

    #fullscreenMenu .menu {
        margin: 0;
        padding: 0;
        list-style: none;
        height: 40px;
        line-height: 40px;
        width: 100%;
    }

    #fullscreenMenu .glyphicon {
        margin: 0 10px 0 0 !important;
    }

    #fullscreenMenu .newsletter {
        margin: 0 10px 0 0 !important;
        margin-top: 5px;
        float: left;
    }

    #fullscreenMenu .indicator {
        border: none !important;
    }

    #fullscreenMenu .up {
        background: url(images/arrow-right.png)no-repeat 55% 12px !important;
    }

    #fullscreenMenu .down {
        background: #00597f url(images/arrow-down.png)no-repeat 55% 12px !important;
        color: #fff !important;
    }

    #fullscreenMenu #mobileMenuInner {
        overflow-y: auto;
        height: 100%;
        width: 100%;
        font-size: 11pt;
    }

    #fullscreenMenu #menuHeader {
        padding: 80px 20px 20px;
        width: 100%;
        text-align: center;
    }

    #fullscreenMenu #siteLogo {
        margin: 0 auto 20px;
        width: 100%;
        height: auto;
        max-width: 240px;
        text-align: center;
    }

    #fullscreenMenu .searchBox {
        float: none;
        width: 100% !important;
        padding: 10px;
        background: #343434;
        border-bottom: 1px solid #232323;
        height: 44px !important;
    }

        #fullscreenMenu .searchBox .glyphicon {
            margin: 0 !important;
        }

    #fullscreenMenu .socialBox {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        height: 49px;
        max-width: 240px;
        text-align: center;
        float: none;
    }

        #fullscreenMenu .socialBox a {
            float: none;
        }

    #fullscreenMenu .btn-social {
        margin: 0;
        border: 1px solid #107298;
        border-radius: 5px;
        padding: 1px;
    }

        #fullscreenMenu .btn-social:hover {
            background: #107298;
        }

    #fullscreenMenu .menuColumn {
        width: 50%;
        float: left;
        display: block;
        padding: 0 40px;
    }

    #fullscreenMenu h1 {
        text-align: left;
        padding: 10px 20px;
        margin: 0;
        width: 100%;
        border: none;
        background: none;
        font-size: 20pt;
        color: #ffffff;
    }

    #fullscreenMenu li {
        width: 100%;
        height: auto;
        line-height: 41px;
    }

    #fullscreenMenu .menu > li a {
        display: block;
        height: 40px;
        width: 100%;
        line-height: 20px;
        padding: 10px 20px;
        border-right: none;
    }

    #fullscreenMenu li a {
        display: block;
        padding: 0 20px;
        text-align: left;
        border: 0;
        border: none;
    }

        #fullscreenMenu li a:hover {
            background: #0074A2;
            color: #fff;
        }

    #fullscreenMenu li .sub-menu {
        width: auto;
        display: none;
        position: static;
        background: #121212;
    }

        #fullscreenMenu li .sub-menu li {
            display: inherit;
            width: 100%;
        }

            #fullscreenMenu li .sub-menu li a {
                height: 40px;
                line-height: 20px !important;
                border: none;
                display: inherit;
                background: #00597f;
                width: 100%;
                margin: 0;
                padding: 10px 20px !important;
            }

    #fullscreenMenu .menu li a:hover {
        background: #107298;
        color: #fff;
    }

    #fullscreenMenu .menu .current-menu-item > a, #fullscreenMenu .menu .current-menu-parent > a, #fullscreenMenu .menu .current-menu-ancestor > a, #fullscreenMenu .menu .current_page_item > a, #fullscreenMenu .menu .current_page_parent > a, #fullscreenMenu .menu .current_page_ancestor > a {
        border-left: 5px solid #107298;
        color: #fff;
        text-indent: -5px;
    }

    #fullscreenMenu .menu li .down:hover {
        background: #107298 url(images/arrow-down.png)no-repeat 55% 12px !important;
    }

    #fullscreenMenu .menu li .up:hover {
        background: #107298 url(images/arrow-right.png)no-repeat 55% 12px !important;
    }

    #fullscreenMenu #brandMenu-content.menu {
        margin: 0 0 100px !important;
        display: inline-block;
        height: auto;
    }

    #fullscreenMenu #brandMenu-content .brand {
    }

        #fullscreenMenu #brandMenu-content .brand > .submenu {
            width: auto !important;
        }

        #fullscreenMenu #brandMenu-content .brand .submenu li {
            display: inherit;
        }

            #fullscreenMenu #brandMenu-content .brand .submenu li a {
            }

        #fullscreenMenu #brandMenu-content .brand img {
            height: auto;
            max-height: 20px;
            width: initial;
            margin: 0 auto;
            display: inline-block;
        }

        #fullscreenMenu #brandMenu-content .brand .brand a {
            text-align: center !important;
        }

        #fullscreenMenu #brandMenu-content .brand .brand img {
        }

    #fullscreenMenu #brandMenu-content .xchange {
    }

        #fullscreenMenu #brandMenu-content .xchange > .submenu {
            width: auto !important;
        }

        #fullscreenMenu #brandMenu-content .xchange img {
            max-height: 14px;
            max-width: 140px;
            height: auto;
            width: auto;
            position: relative;
            top: 3px;
        }


/* --------------------------------------- */
/* FULLSCREEN SEARCH
/* --------------------------------------- */

#fullscreenSearch {
    background: rgba(0,0,0,0.9);
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    position: fixed;
    left: inherit !important;
    z-index: 8;
    top: 0;
}

    #fullscreenSearch #searchInner {
        overflow-y: auto;
        height: 100%;
        width: 100%;
    }

    #fullscreenSearch .topdeck {
        width: 100%;
        padding: 100px 0 0;
    }

    #fullscreenSearch .lowerdeck {
        width: 100%;
        padding: 40px 0 0;
    }

    #fullscreenSearch .deck {
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
        color: #ffffff;
    }

        #fullscreenSearch .deck a {
            color: #ffffff;
        }

            #fullscreenSearch .deck a:hover {
                color: #107298 !important;
            }

    #fullscreenSearch .menuColumn {
        width: 50%;
        float: left;
        border-top: 1px solid #107298;
    }

    #fullscreenSearch .menuColumnPad {
        padding: 40px;
    }

    #fullscreenSearch h1 {
        color: #ffffff;
    }

    #fullscreenSearch .searchBox {
        background: rgba(0,0,0,0.2);
        border: none;
        width: 100% !important;
        height: auto !important;
        padding: 10px 20px;
        border-radius: 5px;
    }

        #fullscreenSearch .searchBox .searchBar {
            width: calc(100% - 50px) !important;
            height: 50px !important;
            background: none;
            font-size: 2em;
            padding: 0;
        }

        #fullscreenSearch .searchBox .btn-search {
            font-size: 1.5em;
        }

    #fullscreenSearch .trendingList {
    }

        #fullscreenSearch .trendingList ul {
        }

        #fullscreenSearch .trendingList li {
            list-style: none;
            display: inline-flex;
            margin: 0 5px 5px 0;
            float: left;
        }

            #fullscreenSearch .trendingList li a {
                padding: 10px 20px;
                background: #343434;
                color: #ffffff;
                border-radius: 3px;
                overflow: hidden;
            }

            #fullscreenSearch .trendingList li:hover a {
                background: #0895bb;
                color: #ffffff !important;
            }

    #fullscreenSearch .latestPost {
        background: none;
        margin: 0;
        padding: 10px 0;
        border-top: 1px dotted #efefef;
    }

        #fullscreenSearch .latestPost .latestPostLink {
            background: none;
        }

        #fullscreenSearch .latestPost .latestPostLug {
            width: 40%;
        }

        #fullscreenSearch .latestPost .latestPostText {
            width: 60%;
            background: none;
            color: #fff;
            font-size: 1em;
            font-weight: bold;
        }

            #fullscreenSearch .latestPost .latestPostText .catStrip {
                max-width: inherit;
                background: none;
                color: #121212 !important;
            }

        #fullscreenSearch .latestPost .dataStrip .authorBio {
            float: left;
        }

        #fullscreenSearch .latestPost .dataStrip .dateStrip {
            float: right;
        }

    #fullscreenSearch .btnClose {
        top: 100px !important;
    }


/* --------------------------------------- */
/* HEADER
/* --------------------------------------- */

#header {
    background: #000;
    width: 100%;
    height: 100%;
    min-height: 600px;
    margin: 40px 0 0;
    position: relative;
    overflow: hidden;
    z-index: -2;
}

#headerCover {
    background: url(images/square.png)repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.9;
}

#headerInner {
    position: relative;
    z-index: 2;
    padding: 0;
    color: #232323;
}

#headerLogo {
    width: 300px;
    height: 150px;
    margin: 100px auto 0;
    z-index: 2;
}

    #headerLogo img {
        width: 100%;
        height: auto;
    }

#videoContainer {
    text-align: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

    #videoContainer video {
        min-height: 320px;
        min-width: 100%;
        width: auto;
        position: absolute;
        top: -100%;
        bottom: -100%;
        left: -100%;
        right: -100%;
        margin: auto;
    }

    #videoContainer img {
        display: none;
    }

    #videoContainer video#bgvid {
        position: relative;
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -1;
        background: none;
        background-size: cover;
    }

/* --------------------------------------- */
/* HEADER - MICRO VARIANT
/* --------------------------------------- */

#headerMicro {
    background: #CBDB2A;
    width: 100%;
    height: 60px;
    margin: 40px 0 0;
    border: none;
    position: fixed;
    z-index: 10;
}

    #headerMicro #headerInner {
        position: relative;
        z-index: 2;
        padding: 0;
        color: #232323;
    }

    #headerMicro #headerLogo {
        width: 200px;
        height: auto;
        z-index: 2;
        float: left;
        margin: 20px 40px 20px 0;
    }

#headerMicroBlock {
    height: 100px;
    position: relative;
    z-index: 0;
    width: 100%;
    clear: both;
}

#mainMicro {
    padding: 145px 0px 0px;
}

/* --------------------------------------- */
/* INFOPANES
/* --------------------------------------- */

#infoPane1 {
    background: #232323;
    width: 100%;
}

#infoPane2 {
    background: #565656;
    width: 100%;
}

#infoPane3 {
    background: #343434;
    width: 100%;
}

.infoPaneStrip {
    background: #efefef;
    width: 100%;
}

#infoPaneSchedule {
    background: #afafaf;
    width: 100%;
}

#infoPaneSpeakers {
    background: #121212;
    width: 100%;
}

#statsPane {
    background: #343434;
    width: 100%;
    padding: 60px 0;
}

.infoPaneInner {
    padding: 40px;
    height: 100%;
    width: 100%;
}

.wrapper {
    padding: 0;
}

.talkingHead {
    width: 20%;
    height: auto;
    min-height: 100px;
    float: left;
    border-bottom: 1px solid #343434;
    border-right: 1px solid #343434;
}

    .talkingHead img {
        width: 100%;
        height: auto;
        float: left;
    }

    .talkingHead:hover img {
        opacity: 0.3;
        transition: 0.2s ease;
    }

#stat1, #stat2, #stat3, #stat4, #stat5, #stat6 {
    display: block;
    width: 33.3%;
    min-height: 150px;
    float: left;
    margin: 0 0 20px;
}

#stat1 {
    background: #0C6;
    padding: 40px;
    color: #ffffff;
    text-align: center;
}

#stat2 {
    background: #06F;
    padding: 40px;
    color: #ffffff;
    text-align: center;
}

#stat3 {
    background: #F00;
    padding: 40px;
    color: #ffffff;
    text-align: center;
}

#stat4 {
    background: #0C6;
    padding: 40px;
    color: #ffffff;
    text-align: center;
}

#stat5 {
    background: #06F;
    padding: 40px;
    color: #ffffff;
    text-align: center;
}

#stat6 {
    background: #F00;
    padding: 40px;
    color: #ffffff;
    text-align: center;
}

.col1 {
    height: 100%;
    width: 100%;
    clear: both;
}

.col2, .col2Stack {
    height: 100%;
    float: left;
    width: 50%;
}

.col3 {
    height: 100%;
    float: left;
    width: 33%;
    width: calc(100% / 3);
}

.col3Double {
    height: 100%;
    float: left;
    width: 66%;
    width: calc(100% / 3 * 2);
}

.col4 {
    height: 100%;
    float: left;
    width: 25%;
}

.col5 {
    height: 100%;
    float: left;
    width: 20%;
}

.col6 {
    float: left;
    height: 100%;
    width: calc(100% / 7);
}

.col7 {
    height: 100%;
    float: left;
    width: 14%;
    width: calc(100% / 7);
}

.col8 {
    height: 100%;
    float: left;
    width: 12.5%;
    width: calc(100% / 8);
}

.colInner {
    padding: 20px;
}

    .colInner img {
        width: 200px;
    }

    .colInner blockquote {
        width: 100%;
        border: none;
        border-left: 5px solid #2F465C;
    }

.colLug {
    position: relative;
    width: 100%;
    min-height: 350px;
}

    .colLug img {
        position: absolute;
        top: -100%;
        bottom: -100%;
        left: -100%;
        right: -100%;
        height: auto;
        width: auto;
        min-height: 100%;
        min-width: 100%;
        margin: auto;
    }

        .colLug img.logo {
            margin: 100px auto;
            max-width: 80%;
            height: auto;
            min-height: 0;
            min-width: 0;
        }

.colRight {
    float: right !important;
}

/* --------------------------------------- */
/* CAROUSELS
/* --------------------------------------- */

.jcarousel {
    position: relative;
    float: left;
    overflow: hidden;
    width: 80%;
    width: calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    margin: 0 20px 20px;
}

    .jcarousel ul {
        width: 20000em;
        position: relative;
        /* Optional, required in this case since it's a <ul> element */
        list-style: none;
        margin: 0;
        padding: 0;
    }

#carouselSmall li, #carouselSmall-sponsor li {
    float: left;
    width: 33.3%;
}

#carouselSuper li, #carouselLarge li, #carouselSingleItem li, #carouselSidebar li, #carouselTestimonial li {
    float: left;
    width: 100%;
}

#carouselSidebar {
    background: none;
}

    #carouselSidebar li {
        padding: 20px;
    }

.jcarousel li img {
    width: 100% !important;
    height: auto;
}

.jcarousel-control-prev {
    width: 30px;
    height: 30px;
    border: 3px solid #0074A2;
    border-radius: 30px;
    line-height: 20px;
    float: left;
    font-size: 2em;
    margin: 140px 0 0 !important;
    text-align: center;
    text-indent: -3px;
}

.jcarousel-control-next {
    width: 30px;
    height: 30px;
    border: 3px solid #0074A2;
    border-radius: 30px;
    line-height: 20px;
    float: right;
    font-size: 2em;
    margin: 140px 0 0 !important;
    text-align: center;
    text-indent: 2px;
}

    .jcarousel-control-prev:hover, .jcarousel-control-next:hover {
        color: #CBDB2A;
        border-color: #CBDB2A;
    }

#carouselLarge-wrapper {
    position: relative;
}

    #carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next {
        margin: 170px 0 0 !important;
    }

.jcarousel-pagination {
    clear: both;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
}

    .jcarousel-pagination a {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        margin: 0px 3px !important;
        border: 0;
        background: #fff;
        display: inline-block;
    }

        .jcarousel-pagination a:hover, .jcarousel-pagination a.active {
            border: 0;
            background: #0074A2;
        }

/* --------------------------------------- */
/* CONNECTED CAROUSEL MAIN COMPONENTS
/* --------------------------------------- */


/** Stage container **/

.connected-carousels .stage {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.connected-carousels .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

    .connected-carousels .photo-credits a {
        color: #fff;
    }

/** Navigation container **/

.connected-carousels .navigation {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

/** Shared carousel styles **/

.connected-carousels .carousel {
    overflow: hidden;
    position: relative;
}

    .connected-carousels .carousel > ul {
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
    }

.connected-carousels .stage .carousel > ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.connected-carousels .carousel li {
    float: left;
}

.connected-carousels .carousel-stage li > ul > li {
    float: left;
    width: 100%;
    list-style: none;
}

/** Stage carousel specific styles **/

.connected-carousels .carousel-stage {
    min-height: 0;
    /*border: 10px solid #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;*/
}

/** Navigation carousel specific styles **/

.connected-carousels .carousel-navigation {
    height: 40px;
    width: 100%;
    /*background: #fff;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;*/
}

    .connected-carousels .carousel-navigation li {
        cursor: pointer;
        color: #efefef;
    }

        .connected-carousels .carousel-navigation li img {
            display: block;
            /*border: 5px solid #fff;*/
        }

        .connected-carousels .carousel-navigation li.active img {
            /*border-color: #ccc;*/
        }

/** Stage carousel controls **/

.connected-carousels .prev-stage,
.connected-carousels .next-stage {
    display: block;
    position: absolute;
    top: 0;
    width: 305px;
    height: 410px;
    color: #fff;
}

.connected-carousels .prev-stage {
    left: 0;
}

.connected-carousels .next-stage {
    right: 0;
}

    .connected-carousels .prev-stage.inactive,
    .connected-carousels .next-stage.inactive {
        display: none;
    }

    .connected-carousels .prev-stage span,
    .connected-carousels .next-stage span {
        display: none;
        position: absolute;
        top: 50%;
        width: 30px;
        height: 30px;
        text-align: center;
        background: #4E443C;
        color: #fff;
        text-decoration: none;
        text-shadow: 0 0 1px #000;
        font: 24px/27px Arial, sans-serif;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        -webkit-box-shadow: 0 0 2px #999;
        -moz-box-shadow: 0 0 2px #999;
        box-shadow: 0 0 2px #999;
    }

.connected-carousels .prev-stage span {
    left: 20px;
}

.connected-carousels .next-stage span {
    right: 20px;
}

.connected-carousels .prev-stage:hover span,
.connected-carousels .next-stage:hover span {
    display: block;
}

/** Navigation carousel controls **/

.connected-carousels .prev-navigation,
.connected-carousels .next-navigation {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 16px/29px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

.connected-carousels .prev-navigation {
    left: -15px;
    top: 22px;
    text-indent: 6px;
}

.connected-carousels .next-navigation {
    right: -15px;
    top: 22px;
    text-indent: 20px;
}

    .connected-carousels .prev-navigation.inactive,
    .connected-carousels .next-navigation.inactive {
        opacity: .5;
        cursor: default;
    }

/* --------------------------------------- */
/* TABBOX
/* --------------------------------------- */

#sidebarTabbox, #socialTabbox {
    z-index: 6;
    width: 100%;
    max-width: 300px !important;
    padding: 0;
    overflow: hidden;
    margin: 0 0 20px;
}

#socialTabbox {
    margin: 0 auto 20px;
}

    #socialTabbox .stage {
        border-bottom: 1px solid #efefef;
    }

.tabbox {
    width: 100%;
    background: #ffffff;
    margin: 0;
}

.tabbox-wrapper .jcarousel-pagination, .tabbox-wrapper .navigation {
    margin: 0;
    text-align: left;
    background: #fafafa;
    border-bottom: 1px solid #cdcdcd;
}

.tabbox-wrapper .carousel-navigation ul, .tabbox-wrapper .navigation {
    width: 100%;
    font-size: 0.9em;
    line-height: 1.6em;
}

    .tabbox-wrapper .navigation li {
        background: #0074A2;
    }

        .tabbox-wrapper .navigation li:hover {
            background: #CBDB2A;
            color: #fff;
        }

        .tabbox-wrapper .navigation li.active {
            background: #CBDB2A;
            color: #fff;
        }

.tabbox > li {
    float: left;
    width: auto;
    overflow: hidden;
}

.tabbox li li a {
    padding: 0;
    border-bottom: 1px solid #efefef;
    width: 100%;
    display: inline-block;
    font-size: 0.7em;
    padding: 5px 10px;
}

    .tabbox li li a:link, .tabbox li li a:visited {
        color: #121212;
    }

    .tabbox li li a:hover, .tabbox li li a:active {
        color: #CBDB2A;
        background: #fafafa;
    }

.tabbox-wrapper .carousel-navigation li {
    height: 40px;
    width: 33.33%;
    width: calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: -webkit-calc(100% / 3);
    float: left;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 8px 10px;
    text-align: center;
}

.tabbox li p {
    padding: 20px;
    color: #121212;
    font-size: 0.7em;
}

/* --------------------------------------- */
/* VERTICAL TABBOX
/* --------------------------------------- */

.vertTabbox {
    z-index: 6;
    width: 100%;
    overflow: hidden;
    margin: 0;
}

    .vertTabbox .stage {
        border-bottom: 1px solid #cdcdcd;
        border-left: 1px solid #cdcdcd;
    }

    .vertTabbox .tabbox {
        float: right;
        width: 90%;
        width: calc(100% - 50px);
        width: -moz-calc(100% - 50px);
        width: -webkit-calc(100% - 50px);
        background: #ffffff;
        margin: 0;
    }

    .vertTabbox .tabbox-wrapper .jcarousel-pagination, .vertTabbox .tabbox-wrapper .navigation {
        margin: 0;
        text-align: left;
        background: none;
        border: none;
    }

    .vertTabbox .tabbox-wrapper .navigation {
        width: 51px;
        float: left;
        position: absolute;
    }

    .vertTabbox .tabbox-wrapper .carousel-navigation ul {
        width: 100%;
    }

    .vertTabbox .connected-carousels .carousel-navigation li {
        color: #121212;
        background: #ffffff;
    }

    .vertTabbox .tabbox-wrapper .navigation li:hover {
        background: #fff;
        color: #121212;
        position: relative;
    }

    .vertTabbox .tabbox-wrapper .navigation li.active {
        background: #fff;
        color: #121212;
        position: relative;
        z-index: 5;
        border-right: 1px solid #ffffff;
        box-shadow: -1px 0 10px #E5E5E5;
    }

    .vertTabbox .tabbox > li {
        float: left;
        width: auto;
        overflow: hidden;
    }

    .vertTabbox .tabbox li li a {
        padding: 0;
        border-bottom: 1px solid #efefef;
        width: 100%;
        display: inline-block;
    }

    .vertTabbox .tabbox-wrapper .carousel-navigation li {
        height: 50px;
        width: 100%;
        float: left;
        border-radius: 5px 0 0 5px;
        border: 0;
        margin: 0;
        padding: 10px;
        text-align: center;
        border-width: 0 0 1px 1px;
        border-style: solid none solid solid;
        border-color: #cdcdcd;
    }

    .vertTabbox .tabbox-wrapper.stage p {
        padding: 20px;
        color: #121212;
    }

    .vertTabbox .connected-carousels .carousel-navigation {
        width: 100%;
        height: auto;
        color: #121212;
    }

    .vertTabbox .stage li {
        min-height: 400px;
    }

/* --------------------------------------- */
/* SUPER CAROUSEL
/* --------------------------------------- */

.superPosts {
    background: #121212 url(images/backing-blacknoise.png);
    height: 600px;
}

    .superPosts .jcarousel {
        width: 100%;
        margin: 0;
    }

#carouselSuper-wrapper {
    position: relative;
}

.superPosts #carouselSuper-wrapper > .jcarousel-control-prev {
    position: absolute;
    left: 0;
    border: none;
    font-size: 4.5em;
    z-index: 9;
    border-radius: 0;
    height: auto;
    padding: 290px 10px !important;
    margin: 0 !important;
    width: 40px;
}

.superPosts #carouselSuper-wrapper > .jcarousel-control-next {
    position: absolute;
    right: 0;
    border: none;
    font-size: 4.5em;
    z-index: 9;
    border-radius: 0;
    height: auto;
    padding: 290px 10px !important;
    margin: 0 !important;
    width: 40px;
}

    .superPosts #carouselSuper-wrapper > .jcarousel-control-prev:hover, .superPosts #carouselSuper-wrapper > .jcarousel-control-next:hover {
        color: #1E72BC !important;
        border: 0;
        background: #121212;
        opacity: 0.5;
    }

.superPosts .jcarousel-pagination {
    padding: 10px 5px 5px;
    width: 100%;
    background: none;
    height: 38px;
}

.superPost {
    position: relative;
    height: 600px;
    overflow: hidden;
}

    .superPost .superCatStrip {
        width: 30%;
        height: 30px;
        margin: 0 0 10px;
        position: absolute;
        right: 20px;
        top: 2px;
        font-size: 0.8em;
        z-index: 1;
    }

        .superPost .superCatStrip ul, .listpost .catStrip li {
            margin: 0 !important;
            text-indent: 0;
            list-style: none;
        }

        .superPost .superCatStrip li {
            width: auto !important;
            float: none;
            margin: 10px 0 0;
        }

            .superPost .superCatStrip li a {
                margin: 0 10px 0 0;
                padding: 45px 20px 5px;
                display: inline;
                border: 1px solid #CFCFCF;
                border-top: 0;
                background: #FFF;
            }

                .superPost .superCatStrip li a:hover {
                    background: #CBDB2A;
                    color: #fff;
                }

    .superPost .superLink {
        width: 100%;
        height: 600px;
        position: absolute;
    }

    .superPost .superLug {
        float: left;
        height: 100%;
        width: 50%;
        background: #010101;
        overflow: hidden;
        transform: skew(-15deg);
        margin-left: 80px;
        border-left: 5px solid #efefef;
        border-right: 5px solid #efefef;
        z-index: 3;
        position: relative;
    }

    .superPost .superLugPad {
        height: 100%;
        width: 100%;
        position: relative;
        transform: skew(15deg);
    }

        .superPost .superLugPad img {
            position: absolute;
            height: auto !important;
            width: auto !important;
            min-height: 100%;
            min-width: 100%;
            top: -100%;
            bottom: -100%;
            left: -100%;
            right: -100%;
            margin: auto;
            max-height: none;
            max-width: none;
        }

    .superPost .superText {
        position: absolute;
        height: auto;
        width: 30%;
        padding: 20px;
        top: 140px;
        right: 40px;
    }

    .superPost .excerptBlurb {
    }

        .superPost .excerptBlurb p {
            color: #efefef;
            margin: 0;
        }

    .superPost .entryInfoStrip {
        float: right;
        width: 70%;
        text-align: right;
        position: absolute;
        bottom: 40px;
        right: 40px;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
        color: #efefef;
        height: 32px;
        font-size: 0.8em;
        z-index: 2;
    }

    .superPost .authorBio {
        padding: 3px 20px;
        float: right;
    }

    .superPost .authorAvatar {
        padding: 0;
        height: 100%;
        width: auto;
        float: right;
    }

    .superPost .dateStrip {
        padding: 3px 20px;
        float: right;
    }

    .superPost a:hover h2 {
        color: #26B;
    }

    .superPost a:hover .superLug img {
        opacity: 0.7;
    }


/* --------------------------------------- */
/* FEATURED CAROUSEL
/* --------------------------------------- */

.featuredPosts {
    background: #121212;
    height: 388px;
    position: relative;
}

    .featuredPosts .jcarousel {
        width: 100%;
        margin: 0;
    }

    .featuredPosts #carouselLarge-wrapper > .jcarousel-control-prev {
        position: absolute;
        left: 0;
        border: none;
        font-size: 4.5em;
        z-index: 5;
        border-radius: 0;
        margin: 0 !important;
        height: 350px;
        padding: 160px 10px;
        width: 40px;
    }

    .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next {
        position: absolute;
        right: calc(100% - 620px);
        border: none;
        font-size: 4.5em;
        z-index: 5;
        border-radius: 0;
        margin: 0 !important;
        height: 350px;
        padding: 160px 10px;
        width: 40px;
    }

        .featuredPosts #carouselLarge-wrapper > .jcarousel-control-prev:hover, .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next:hover {
            color: #1E72BC !important;
            border: 0;
            background: #121212;
            opacity: 0.5;
        }

    .featuredPosts .jcarousel-pagination {
        padding: 10px 5px 5px;
        width: 100%;
        background: #232323;
        height: 38px;
    }

.featuredPost {
    position: relative;
}

    .featuredPost .featuredCatStrip {
        width: 530px;
        height: 30px;
        margin: 0 0 10px;
        position: absolute;
        right: 0;
        top: 2px;
        font-size: 0.8em;
        z-index: 1;
    }

        .featuredPost .featuredCatStrip ul, .listpost .catStrip li {
            margin: 0 !important;
            text-indent: 0;
            list-style: none;
        }

        .featuredPost .featuredCatStrip li {
            width: auto !important;
            float: none;
            margin: 10px 0 0;
        }

            .featuredPost .featuredCatStrip li a {
                margin: 0 10px 0 0;
                padding: 45px 20px 5px;
                display: inline;
                border: 1px solid #CFCFCF;
                border-top: 0;
                background: #FFF;
            }

                .featuredPost .featuredCatStrip li a:hover {
                    background: #CBDB2A;
                    color: #fff;
                }

    .featuredPost .featuredLink {
        width: 100%;
        height: 350px;
        position: relative;
        border-top: 1px solid #EFEFEF;
    }

    .featuredPost .featuredLug {
        float: left;
        height: inherit;
        width: 80%;
        width: calc(620px);
        background: #010101;
    }

    .featuredPost .featuredLugPad {
        height: 100%;
        width: 100%;
        position: relative;
    }

        .featuredPost .featuredLugPad img {
            position: absolute;
            height: auto;
            width: auto;
            min-height: 100%;
            min-width: 100%;
            top: -100%;
            bottom: -100%;
            left: -100%;
            right: -100%;
            margin: auto;
        }

    .featuredPost .featuredText {
        float: right;
        height: auto;
        width: 20%;
        width: calc(100% - 620px);
        width: -moz-calc(100% - 620px);
        width: -webkit-calc(100% - 620px);
        padding: 20px;
    }

    .featuredPost .excerptBlurb {
    }

        .featuredPost .excerptBlurb p {
            color: #efefef;
            margin: 0;
        }

    .featuredPost .entryInfoStrip {
        float: right;
        width: 20%;
        width: calc(100% - 620px);
        width: -moz-calc(100% - 620px);
        width: -webkit-calc(100% - 620px);
        position: absolute;
        bottom: 40px;
        right: 0;
        border-top: 1px solid #2f2f2f;
        border-bottom: 1px solid #2f2f2f;
        color: #afafaf;
        height: 32px;
    }

    .featuredPost .authorBio {
        padding: 3px 20px;
        float: left;
    }

    .featuredPost .authorAvatar {
        padding: 0;
        height: 100%;
        width: auto;
        float: left;
    }

    .featuredPost .dateStrip {
        padding: 3px 20px;
        float: right;
    }

    .featuredPost a:hover h2 {
        color: #26B;
    }

    .featuredPost a:hover .featuredLug img {
        opacity: 0.7;
    }


/* --------------------------------------- */
/* SPONSORED CAROUSEL
/* --------------------------------------- */

.sponsoredPosts {
    background: #fafafa;
    height: 233px;
    overflow: hidden;
}

    .sponsoredPosts .jcarousel {
        width: 90%;
        width: calc(100% - 80px);
        width: -moz-calc(100% - 80px);
        width: -webkit-calc(100% - 80px);
        margin: 0;
    }

    .sponsoredPosts #carouselSingleItem-wrapper > .jcarousel-control-prev, .sponsoredPosts #carouselTestimonial-wrapper > .jcarousel-control-prev {
        position: relative;
        left: 0;
        border: none;
        font-size: 4.5em;
        z-index: 5;
        border-radius: 0;
        margin: 0 !important;
        height: 200px;
        padding: 85px 10px;
        width: 5%;
        width: calc(40px);
        background: #121212;
    }

    .sponsoredPosts #carouselSingleItem-wrapper > .jcarousel-control-next, .sponsoredPosts #carouselTestimonial-wrapper > .jcarousel-control-next {
        position: relative;
        right: 0;
        border: none;
        font-size: 4.5em;
        z-index: 5;
        border-radius: 0;
        margin: 0 !important;
        height: 200px;
        padding: 85px 10px;
        width: 5%;
        width: calc(40px);
        background: #121212;
    }

        .sponsoredPosts #carouselSingleItem-wrapper > .jcarousel-control-prev:hover, .sponsoredPosts #carouselSingleItem-wrapper > .jcarousel-control-next:hover,
        .sponsoredPosts #carouselTestimonial-wrapper > .jcarousel-control-prev:hover, .sponsoredPosts #carouselTestimonial-wrapper > .jcarousel-control-next:hover {
            color: #84962A !important;
            border: 0;
            background: #26B;
            opacity: 1.0;
        }

    .sponsoredPosts .jcarousel-pagination {
        padding: 10px 5px 5px;
        width: 100%;
        background: #84962A;
        height: 38px;
    }

.sponsoredPost {
    position: relative;
}

    .sponsoredPost .sponsoredPostLink {
        width: 100%;
        position: relative;
    }

    .sponsoredPost .sponsoredPostLug {
        float: left;
        position: relative;
        width: 200px;
        height: 200px;
        margin: 0;
        overflow: hidden;
        background: #121212;
    }

    .sponsoredPost .sponsoredPostLugPad {
        height: 100%;
        width: 100%;
        position: relative;
    }

        .sponsoredPost .sponsoredPostLugPad img {
            width: auto !important;
            height: 100%;
            position: absolute;
            top: -100%;
            bottom: -100%;
            left: -100%;
            right: -100%;
            margin: auto;
            min-height: 100%;
            min-width: 100%;
        }

    .sponsoredPost .sponsoredPostText {
        float: right;
        width: 70%;
        width: -moz-calc(100% - 200px);
        width: -webkit-calc(100% - 200px);
        width: calc(100% - 200px);
        padding: 20px;
        height: 170px;
        overflow: hidden;
    }

    .sponsoredPost h4 {
        margin: 10px 0;
    }

    .sponsoredPost .excerptBlurb {
        font-weight: normal;
    }

        .sponsoredPost .excerptBlurb p {
            margin: 0;
            line-height: 1.3em;
            color: #232323;
        }

    .sponsoredPost .entryInfoStrip {
        width: calc(100% - 200px);
        float: left;
        padding: 0;
        margin: 0;
        height: 30px;
        font-size: 0.8em;
        border-top: 1px solid #CFCFCF;
        background: #efefef;
    }

    .sponsoredPost .dateStrip {
        float: right;
        padding: 0;
        width: auto;
        text-align: right;
        border: none;
        padding: 3px 20px;
    }

    .sponsoredPost a:hover h4 {
        color: #1E72BC;
    }

    .sponsoredPost a:hover .sponsoredPostLug img {
        opacity: 0.7;
    }

/* --------------------------------------- */
/* MAIN CONTENT
/* --------------------------------------- */

#main {
    background: #1f1f1f none repeat scroll 0 0;
    height: auto;
    position: relative;
    width: 100%;
}

#contentPanel {
    background: #efefef;
    width: 100%;
    height: auto;
    min-height: 0;
    clear: both;
    position: relative;
}

.content {
    float: left;
    width: 70%;
    width: calc(100% - 340px);
    width: -moz-calc(100% - 340px);
    width: -webkit-calc(100% - 340px);
    min-height: 1000px;
    position: relative;
    background: none;
}

.contentFull {
    float: left;
    width: 100%;
    min-height: 0;
    position: relative;
}

#contentHeader {
    width: 100%;
    padding: 40px;
    background: #ffffff;
}

#contentBody {
    width: 100%;
    background: #ffffff;
    min-height: 400px;
    border-top: 1px solid #EFEFEF;
}

#contentFooter {
    width: 100%;
    padding: 40px;
    background: #ffffff;
    border-top: 1px solid #efefef;
    position: relative;
    bottom: 0;
}

#contentHeader h1 {
    margin: 0;
}

#contentBody ul, ol {
    margin: 0 0 20px 40px;
}

#contentBody li {
}

.breadcrumbs {
    margin: 20px 0 10px;
    font-size: 0.7em;
}

.headline {
    margin: 20px 0;
}

.dek {
    margin: 0;
    font-weight: bold;
    font-size: 0.8em;
}

.tags {
    background: #fafafa;
    padding: 20px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #EFEFEF;
    font-size: 0.75em;
    overflow: hidden;
}

.btnMain {
    background: rgba(255,255,255,0.4);
    color: #ffffff;
    border: 1px solid #f3f3f3;
    padding: 10px 20px;
    margin: 20px auto;
    text-align: center;
    transition: ease-in-out 2ms all;
    display: table;
    z-index: 3;
    position: absolute;
    bottom: 40px;
    left: -100%;
    right: -100%;
}

    .btnMain:hover {
        color: #efefef;
        background: rgba(0,0,0,0.4);
        border: 1px solid #cfcfcf;
    }

#featIMG {
    position: relative;
}

    #featIMG img {
        width: 100%;
        height: auto;
        float: left;
    }

.entry {
    padding: 40px;
    font-size: 0.8em;
    line-height: 1.5em;
}

.wp-caption-text {
    font-weight: bold;
    font-size: 0.9em;
}

#headerFeature {
    height: 600px;
    width: 100%;
    display: block;
    position: relative;
    box-shadow: 0 0 5px rgba(0,0,0,0.6);
    z-index: 6;
}

    #headerFeature .mobileFeatureHeader {
        display: none;
    }

    #headerFeature #megaIMG {
        position: relative;
        height: 600px;
        width: 100%;
        overflow: hidden;
    }

        #headerFeature #megaIMG img {
            position: absolute;
            top: -100%;
            bottom: -100%;
            left: -100%;
            right: -100%;
            margin: auto;
            min-height: 100%;
            min-width: 100%;
            height: auto;
            width: auto;
            z-index: 2;
            max-width: 110%;
        }

    #headerFeature .titlesOuter {
        width: 100%;
        height: 350px;
        position: absolute;
        bottom: 0;
        z-index: 3;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.4+100 
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
    }

    #headerFeature .titlesInner {
        position: relative;
        height: 100%;
    }

    #headerFeature .titlesUpper {
        position: relative;
    }

    #headerFeature .titlesLower {
        position: static;
        bottom: 0;
        width: 100%;
    }

    #headerFeature .titlesFeature {
        width: 50%;
        height: auto;
        z-index: 5 !important;
        padding: 40px 40px 40px 35px !important;
        float: left;
    }

        #headerFeature .titlesFeature img {
            max-width: 100%;
            height: auto;
        }

        #headerFeature .titlesFeature .headline, #headerFeature .titlesFeature .dek {
            color: #ffffff;
            font-weight: bold;
            text-shadow: 0 0 10px rgba(0,0,0,0.7);
        }

    #headerFeature .gallery {
        position: absolute;
        bottom: 0;
        right: 50px;
        width: calc(50% - 50px);
        width: -moz-calc(50% - 50px);
        width: -webkit-calc(50% - 50px);
        height: auto;
        border: 6px solid #efefef;
    }

    #headerFeature .galIMG {
        width: 50%;
        float: left;
        position: relative;
        height: 150px;
        overflow: hidden;
    }

        #headerFeature .galIMG img {
            position: absolute;
            left: -100%;
            right: -100%;
            top: -100%;
            bottom: -100%;
            margin: auto;
            height: auto;
            width: auto;
            min-height: 100%;
            min-width: 100%;
            max-width: 145%;
            max-height: 125%;
        }

    #headerFeature .secondIMG {
        border-right: 3px solid #efefef;
    }

    #headerFeature .thirdIMG {
        border-left: 3px solid #efefef;
    }

.mainFeature #siteWrap {
}

.mainFeature .featureContainer {
    background: #fff !important;
}

    .mainFeature .featureContainer .entry {
        padding: 40px !important;
    }

    .mainFeature .featureContainer .tags {
        border-left: 1px solid #efefef;
        border-right: 1px solid #efefef;
    }

    .mainFeature .featureContainer #sidebar {
        background: none;
    }

.mainFeature .infoStrip .authorLug {
    padding: 0;
}


.post-edit-link, .issues-link {
    background: #232323;
    color: #fff !important;
    padding: 10px 20px !important;
    margin: 0 5px 0 0;
    font-size: 0.8em;
    border-radius: 5px;
}

    .post-edit-link:hover, .issues-link:hover {
        background: #CBDB2A;
        color: #fff !important;
    }

/* News Update styles */
.newsBulletins {
    margin: 0 !important;
}

.bulletin {
    padding: 40px 0;
    border-bottom: 1px solid #EFEFEF;
    width: 100%;
    list-style: none;
}

    .bulletin:first-child {
        padding-top: 0;
    }

    .bulletin:last-child {
        border-bottom: none;
    }

    .bulletin h2 {
        margin: 0 0 10px;
    }

    .bulletin h4 {
        margin-top: 20px;
    }

    .bulletin h5 {
        font-size: 1em;
        margin: 20px 0 10px 0;
    }

/* Styles for headshots and captions in news posts: */
.people {
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
}

    .people .person {
        float: none;
        width: 24%;
        padding: 5px;
        display: inline-table;
        vertical-align: top;
    }

    .people .personBlock {
        width: 100% !important;
    }

.person .imgFrame {
    width: 100%;
    margin: 0;
    border-radius: 50%;
    border: 1px solid #CDCDCD;
    overflow: hidden;
    transform: translateZ(0);
}

    .person .imgFrame img {
        transition: ease-in-out 200ms all;
        width: 100% !important;
        height: auto;
        margin: auto !important;
        transform: scale(1.2);
    }

.person .caption {
    padding: 5px 10px;
    text-align: center;
}

    .person .caption p {
        font-size: 0.7em;
        line-height: 1.5;
        color: #000;
        margin: 0;
    }

.personBlock .imgFrame {
    width: 25%;
    float: left;
}

.personBlock .caption {
    width: 75%;
    text-align: left;
    float: left;
    padding: 60px 20px;
}

.person .caption p:first-child, .person .caption p:last-child {
    font-weight: bold;
}

.person .caption p:first-child {
    color: #454545;
}

.person:hover .caption p:first-child {
    color: #cfcfcf;
}

.person:hover .imgFrame img {
    opacity: 0.6;
    transform: scale(1.5) !important;
}

/* --------------------------------------- */
/* WORDPRESS CORE
/* --------------------------------------- */

.archive {
    margin: 0 !important;
    min-height: 570px;
}

.listpost {
    float: left;
    width: 100%;
    display: block;
    border-top: 1px solid #EFEFEF;
    font-size: 0.9em;
    position: relative;
}

    .listpost .catStrip {
        width: auto;
        margin: 0 0 10px;
        position: absolute;
        left: 220px;
        font-size: 0.8em;
        height: 30px;
        overflow: hidden;
    }

        .listpost .catStrip ul, .listpost .catStrip li {
            margin: 0 !important;
            text-indent: 0;
            list-style: none;
            display: inline-block;
        }

            .listpost .catStrip li a {
                margin: 0;
                padding: 5px 20px;
                display: block;
                height: 30px;
                border: none;
                border-top: 0;
                background: #0074A2;
                color: #ffffff;
            }

                .listpost .catStrip li a:hover {
                    background: #CBDB2A;
                    color: #fff;
                }

    .listpost .entryInfoStrip {
        width: calc(100% - 200px);
        float: left;
        padding: 0;
        margin: 0;
        height: 30px;
        font-size: 0.8em;
        border-top: 1px solid #CFCFCF;
        background: #efefef;
    }

    .listpost .dateStrip {
        float: right;
        padding: 0;
        width: auto;
        text-align: right;
        border: none;
        padding: 6px 20px;
    }

    .listpost .authorAvatar {
        width: auto;
        float: left;
        margin: 0;
        background: #121212;
    }

        .listpost .authorAvatar img {
            width: 100%;
            height: 100%;
            float: left;
            opacity: 0.7;
        }

    .listpost .authorBio {
        float: left;
        width: auto;
        padding: 5px 20px;
    }

    .listpost .listpostLug {
        float: left;
        position: relative;
        width: 200px;
        height: 200px;
        margin: 0;
        overflow: hidden;
        background: #121212;
    }

    .listpost .listpostLugPad {
        position: relative;
        height: 100%;
        width: 100%;
    }

    .listpost .listpostLug img {
        width: auto;
        height: auto;
        position: absolute;
        top: -100%;
        bottom: -100%;
        left: -100%;
        right: -100%;
        margin: auto;
        min-height: 100%;
        min-width: 100%;
        max-width: 185%;
        max-height: 185%;
    }

    .listpost .listpostText {
        float: right;
        width: 70%;
        width: -moz-calc(100% - 200px);
        width: -webkit-calc(100% - 200px);
        width: calc(100% - 200px);
        padding: 50px 20px 0;
        height: 170px;
        overflow: hidden;
    }

    .listpost h4 {
        margin: 0 0 5px;
        color: #232323;
        font-size: 0.9em;
        line-height: 1.1em;
        font-weight: bold;
    }

    .listpost .excerptBlurb {
        font-weight: normal;
        font-size: 0.8em;
    }

        .listpost .excerptBlurb p {
            margin: 0;
            line-height: 1.3em;
            color: #232323;
        }

    .listpost a:hover {
        background: #fafafa;
    }

        .listpost a:hover img {
            opacity: 0.7;
        }

    .listpost .metaBlock {
        float: left;
        display: block;
        width: 100px;
        padding: 0 20px 0 0;
    }

        .listpost .metaBlock .catStrip {
            color: #121212;
            font-weight: bold;
            position: static;
            height: auto;
        }

        .listpost .metaBlock .dateStrip {
            font-size: 0.7em;
            text-align: left;
            padding: 0;
            margin: 0;
            float: left;
        }

    .listpost .listpostLink:hover .listpostText {
        background: #E6F1F4;
    }

    .listpost .listpostLink:hover .listpostLug {
        opacity: 1.0;
    }

.vert .listpost {
    width: 33%;
    width: calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: -webkit-calc(100% / 3);
}

.vert .listpostLug {
    width: 100%;
}

.vert .listpostText {
    width: 100%;
    padding: 20px;
}

.pagination {
    color: #787878;
    font-size: 0.7em;
}

    .pagination span, .pagination a {
        padding: 8px 10px !important;
        margin: 0 5px 0 0 !important;
        display: inline-block;
    }

    .pagination .inactive, .pagination a {
        background: #0074A2;
        color: #fff !important;
        padding: 8px 10px !important;
        margin: 0 5px 0 0;
    }

        .pagination .current, .pagination .inactive:hover, .pagination a:hover {
            background: #CBDB2A;
            color: #fff;
        }

#subbar {
    background: #232323;
}

    #subbar h7 {
        width: 100%;
        padding: 5px;
        margin: 0;
        color: #fff;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
    }

.yarpp-related {
    margin: 0 !important;
}

#comments {
    width: 100%;
    padding: 20px;
    background: #FFF;
    border-top: 1px solid #EFEFEF;
    position: relative;
    bottom: 0px;
}

textarea {
    width: 100%;
}

.authorStrip {
    width: 100%;
    height: auto;
    padding: 0;
    background: #fff;
    line-height: 1.3em;
    position: relative;
}

    .authorStrip h5 {
        margin: 0 0 10px;
        font-size: 0.7em;
    }

    .authorStrip .authorAvatar {
        width: 25%;
        float: left;
    }

        .authorStrip .authorAvatar img {
            width: 100%;
            height: 100%;
            float: left;
        }

    .authorStrip .authorBio {
        padding: 20px;
        float: left;
        width: 75%;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .authorStrip .throwLink {
        float: right;
        margin: 10px 0 0;
    }

.infoStrip {
    width: 100%;
    margin: 0;
    border-top: 1px solid #efefef;
    background: #fff;
    font-size: 0.7em;
    padding: 7px 20px;
}

    .infoStrip .authorLug {
        float: left;
        padding: 0;
    }

    .infoStrip .dateLug {
        float: left;
        padding: 0;
        border-left: 1px solid #efefef;
    }

.yarpp-related {
    margin: 0;
}


/* --------------------------------------- */
/* SIDEBAR
/* --------------------------------------- */

#sidebar {
    float: right;
    background: none;
    width: 22%;
    width: calc(340px);
    width: -moz-calc(340px);
    width: -webkit-calc(340px);
    position: absolute;
    height: 100%;
    right: 0;
}

#sidebarCarousel {
    background: none;
    width: 100%;
    height: auto;
    margin: 0;
    visibility: hidden;
}

#jcarousel-loading {
    visibility: visible;
    margin: 20px auto;
    display: block;
    width: 200px;
    height: 200px;
    background: url(images/loading.gif) no-repeat center center;
    background-size: 100%;
}

#sidebarTop, #sidebarBottom {
    float: left;
    width: 100%;
    margin: 0;
}

#sidebarTop {
    padding: 20px 20px 0;
}

#sidebarBottom {
    padding: 0 20px 20px;
}

.sidebarModule {
    background: #fff;
    border: none;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
}

    .sidebarModule iframe {
        margin: 0 !important;
        float: left;
    }

.sidepostLead {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    font-size: 0.9em;
    position: relative;
}

    .sidepostLead .sidepostLink {
        padding: 0 !important;
    }

    .sidepostLead .sidepostLug {
        float: left;
        position: relative;
        width: 100%;
        height: 180px;
        margin: 0;
        overflow: hidden;
        background: #121212;
    }

    .sidepostLead .sidepostLugPad {
        height: 100%;
        width: 100%;
        position: relative;
    }

    .sidepostLead .sidepostLug img {
        width: auto;
        height: 100%;
        position: absolute;
        top: -100%;
        bottom: -100%;
        left: -100%;
        right: -100%;
        margin: auto;
        min-height: 100%;
        min-width: 100%;
    }

    .sidepostLead .sidepostText {
        float: left;
        width: 100%;
        padding: 10px;
        height: auto;
        overflow: hidden;
        color: #232323;
    }

.sidepost {
    float: left;
    width: 100%;
    height: inherit;
    display: block;
    border-top: 1px solid #EFEFEF;
    font-size: 0.9em;
    position: relative;
}

    .sidepost .sidepostLink {
        height: 80px;
    }

    .sidepost .sidepostLug {
        float: left;
        position: relative;
        width: 80px;
        height: 80px;
        margin: 0;
        overflow: hidden;
        background: #121212;
    }

        .sidepost .sidepostLug img {
            width: auto;
            height: 100%;
            position: absolute;
            top: -100%;
            bottom: -100%;
            left: -100%;
            right: -100%;
            margin: auto;
            min-height: 100%;
            min-width: 100%;
        }

    .sidepost .sidepostText {
        float: right;
        width: 70%;
        width: -moz-calc(100% - 80px);
        width: -webkit-calc(100% - 80px);
        width: calc(100% - 80px);
        padding: 10px;
        height: 80px;
        overflow: hidden;
        color: #232323;
    }

    .sidepost .excerptBlurb {
        font-weight: normal;
    }

        .sidepost .excerptBlurb p {
            margin: 0;
            line-height: 1.3em;
            color: #232323;
        }

.sidepostList {
    width: 100%;
}

    .sidepostList .sidepostText {
        padding: 10px 20px;
        height: auto;
        width: 100%;
    }

.sidepostLead h4, .sidepost h4 {
    font-size: 0.8em;
    font-weight: 600;
    margin: 0;
    line-height: 1.3em;
    color: #121212;
}

.sidepostLead:hover, .sidepost:hover {
    background: #fafafa;
}

.sidepostLead a:hover img, .sidepost a:hover img {
    opacity: 0.7;
}

.twitter-follow-button {
    max-width: 300px !important;
    clear: both;
    padding: 10px;
    display: block;
    float: left;
    height: 48px !important;
    width: 100% !important;
    margin: 0 !important;
}

.twitter-timeline {
    max-width: 299px !important;
    height: 510px !important;
    clear: both;
    margin: 0;
    display: block;
    float: left;
}

#socialTabbox .carousel-navigation li {
    margin: auto;
    padding: 0;
}

#socialTabbox .carousel-navigation img {
    display: block;
    margin: auto;
}

#sidebar h3 {
    margin: 0 auto 10px;
}

.sidebarAuthorBox {
    margin: 0 auto 20px;
}

    .sidebarAuthorBox .sidepost {
        margin: 0 auto 20px;
        border: 0;
        padding: 0;
    }

        .sidebarAuthorBox .sidepost:hover {
            background: none;
        }

            .sidebarAuthorBox .sidepost:hover .authorBoxName {
                color: #121212;
            }

        .sidebarAuthorBox .sidepost .sidepostText {
            padding: 0 10px;
        }

    .sidebarAuthorBox .authorBoxName {
        font-size: 1em;
        width: 100%;
        margin: 0 auto 5px;
    }

    .sidebarAuthorBox .authorBoxBio {
        font-size: 0.8em;
        width: 100%;
        height: 35px;
        overflow: hidden;
        font-weight: normal !important;
    }

    .sidebarAuthorBox .authorBoxEmail {
        font-size: 0.8em;
        width: 100%;
        height: auto;
    }


/* --------------------------------------- */
/* FOOTER
/* --------------------------------------- */

#footer {
    background: #232323;
    width: 100%;
    height: auto;
    border-top: 5px solid #CBDB2A;
    position: relative;
    z-index: 0;
}

    #footer p {
        margin: 0;
    }

#footerInner {
    margin: 0 auto;
    padding: 40px 20px !important;
    position: relative;
    z-index: 2;
}

#footerLogo {
    float: left;
    width: 25%;
    height: 100px;
    margin: 0 0 40px;
    padding: 0;
}

    #footerLogo > a img {
        width: 100%;
        height: auto;
    }

#footerPad {
    float: left;
    width: 5%;
    height: 100px;
    margin: 0 0 40px;
    padding: 0;
}

#footerLinks {
    float: right;
    width: 70%;
    height: auto;
    margin: 0 0 40px;
}

    #footerLinks .group, #footerLinks .column {
        float: left;
        width: 50%;
    }

    #footerLinks .header {
        color: #0074A2;
        font-size: 0.9em;
    }

    #footerLinks ul {
        list-style: none;
        font-size: 0.7em;
    }

#footerInfo {
    float: left;
    width: 100%;
    font-size: 0.6em;
    text-align: right;
    color: #9a9a9a;
}

#footer .header {
    color: #CBDB2A;
}

#footer .menu li a {
    color: #ffffff;
    line-height: 1.5em;
}

    #footer .menu li a:hover {
        color: #CBDB2A;
    }

#footer .socialBox {
    margin: 20px 0;
    height: auto;
    width: 100%;
}

    #footer .socialBox a {
        margin: 0 10px 0 0;
    }

    #footer .socialBox .btn-social {
        border: 1px solid #454545;
        border-radius: 100%;
    }

#footerSimple {
    background: #121212;
    width: 100%;
    height: auto;
    border-top: 2px solid #787878;
    overflow: hidden;
    padding: 0 0 40px;
    position: relative;
}

#footerSimpleInner {
    margin: 0 auto;
    padding: 0;
}

#footerSimple #logoMain {
    background: #787878;
    padding: 40px 20px;
    position: relative;
    margin: 0 0 20px;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    opacity: 0.5;
    border-radius: 0 0 40px 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#footerSimple #brands {
    display: inline-block;
    margin: 40px 0 0;
    padding: 0 0 0 10px;
    float: right;
    width: calc(100% - 190px);
    width: -moz-calc(100% - 190px);
    width: -webkit-calc(100% - 190px);
}

#footerSimple .logo {
    margin: 0;
    width: calc(100% / 6) !important;
    width: -moz-calc(100% / 6) !important;
    width: -webkit-calc(100% / 6) !important;
    height: auto;
    min-height: 40px;
    max-height: 45px !important;
    opacity: 0.5;
    display: block;
    float: left;
    vertical-align: middle;
    position: relative;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
}

    #footerSimple .logo:hover, #footerSimple #logoMain:hover {
        opacity: 1.0;
        transition: ease;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
    }

    #footerSimple .logo img, #footerSimple #logoMain img {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        padding: 5px;
    }

    #footerSimple .logo img {
        position: absolute;
        height: auto;
        width: 100%;
        min-width: 100%;
        margin: auto;
        top: -100%;
        bottom: -100%;
        left: -100%;
        right: -100%;
    }


/* --------------------------------------- */
/* MEDIA QUERIES / BREAKPOINTS
/* --------------------------------------- */

@media screen and (max-width:1400px) {
}

@media screen and (max-width:1080px) {
    #header video {
        height: 100%;
        width: auto;
        margin: 0 auto;
    }

    #siteWrap {
        display: none;
    }
}

@media screen and (min-width: 1025px) {
}

/* ipad/tablet wide */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Base */
    .container, .containerWide, #mainContainer {
        width: 100%;
        margin: 0;
        max-width: none;
        min-width: 0;
    }

    .topLink {
        display: none;
    }

    .hotLink {
        position: relative;
        top: -45px;
    }

    #siteWrap {
        display: none;
    }

    /* Trigger Mobile Menu */
    #masterMenu {
        background: #000 url(images/logo-menu.png) center 9px no-repeat;
    }

        #masterMenu #masterMenuInner, #masterMenu .socialBox, #masterMenu .searchBox, #mainMenu, #headerMicro, #headerMicroBlock {
            display: none;
        }

    #mobileMenuInner {
        overflow: auto;
        height: 100%;
        width: 240px;
    }

    #brunicoMenu h1 {
        margin: 0 0 0 40px;
    }

    #btn-mobileMenu, #btn-mobileMenuMain, #masterMenu .btn-search {
        display: block;
    }

    #menu, #brunicoMenu {
        display: none;
    }

    #menuInner {
        padding: 0 10px;
    }

    #agendaMenu {
        position: static !important;
    }

    #sidebarBottom {
        width: 50%;
        float: left;
        padding: 0 0 0 20px;
        margin: 0;
        border-left: 1px dotted #cdcdcd;
    }
}

/* Force ipad portrait content layout */
@media only screen and (max-device-width : 768px) {
    /* Force Content Resize */
    #content {
        width: 100%;
        margin: 0;
    }

    #sidebar {
        width: 100%;
        position: relative;
    }

    #sidebarTop {
        width: 50%;
        float: left;
        padding: 0 20px 0 0;
        margin: 0;
    }

    #sidebarBottom {
        width: 50%;
        float: left;
        padding: 0 0 0 20px;
        margin: 0;
    }

    #sidebarTabbox {
        margin: 0;
        position: relative !important;
        width: 100%;
    }

    #sidebarBox {
        background: #EC008C;
        width: 100%;
        height: auto;
        padding: 20px;
        margin: 0 0 20px;
    }

    /* Mobile Menu Fix */
    #mobileMenuInner {
        overflow: auto;
        height: 100%;
        width: 240px;
    }
}

/* Monitor Full Site-Width */
@media screen and (max-width: 1200px) {
    /* Base */
    .container {
        width: 100%;
        padding: 0;
        margin: 0;
        max-width: inherit !important;
    }

    .topLink {
        display: none;
    }

    .hotLink {
        position: relative;
        top: -45px;
    }

    .entry iframe {
        width: 80% !important;
        height: inherit !important;
        min-height: 400px !important;
    }

    .wow {
        visibility: visible !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

    /* Menu */
    #masterMenu {
        background: #000 url(images/logo-menu.png) center 9px no-repeat;
        z-index: 15;
    }

        #masterMenu #masterMenuInner, #masterMenu .socialBox, #masterMenu .searchBox, #mainMenu, #headerMicro, #microMenu, #ribbonMenu, #headerMicroBlock {
            display: none;
        }

    #brunicoMenu h1 {
        margin: 0 0 0 40px;
    }

    #btn-mobileMenu, #btn-mobileMenuMain, #masterMenu .btn-search {
        display: block;
    }

    #menu, #brunicoMenu {
        display: none;
    }

    #menuInner {
        padding: 0 10px;
    }

    #agendaMenu {
        position: static !important;
    }

    #fullscreenSearch .topdeck {
        margin: 0;
        padding: 100px 40px 0 !important;
    }

    #fullscreenSearch .lowerdeck {
        margin: 0;
        padding: 40px 40px 0 !important;
    }

    #fullscreenSearch .menuColumn {
        margin: 0;
        padding: 40px !important;
    }

    #fullscreenSearch h1 {
        margin: 0 auto 10px;
    }

    /* Header */
    #header, #headerMicro {
        display: none;
        box-shadow: none !important;
    }

    #headerInner {
        padding: 40px 20px;
    }

    #headerLogo {
        width: 30%;
    }

    #videoContainer {
        text-align: center;
        position: absolute;
        overflow: hidden;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #header video {
        position: static;
        height: 100%;
        width: auto;
        margin: 0% -35%;
    }

    /* Ads */
    #billboardTop {
        background: #EC008C;
        width: 100%;
        height: auto;
    }

    #billboardBottom {
        background: #EC008C;
        width: 100%;
        height: auto;
    }

    #siteWrap {
        display: none;
    }

    /* Content */
    #main, #mainMicro {
        margin: 0;
        padding: 40px 0 0;
    }

    .mainFeature {
        margin: 0;
        padding: 0 !important;
    }

    #mainContainer {
        padding: 20px 20px 0 !important;
        max-width: inherit;
    }

    .mainFeature #mainContainer {
        padding: 0 !important;
    }

    .content, .contentFull {
        width: 100% !important;
        margin: 0;
        padding: 0;
    }

    #contentBody {
        padding: 0 !important;
    }

        #contentBody .entry {
            padding: 40px;
        }

        #contentBody blockquote {
            position: static;
            margin: 40px 0 40px 40px;
            float: right;
        }

    #authorAvatar {
        float: left;
        margin: 0;
        width: 40%;
        height: 300px;
        text-align: center;
        overflow: hidden;
    }

        #authorAvatar img {
            float: none;
            display: block;
            height: 300px;
            width: auto;
        }

    #authorBio {
        float: right;
        width: 60%;
        position: absolute;
    }

    #headerFeature .titlesFeature {
        padding: 40px !important;
    }

    #headerFeature .titlesOuter {
        height: auto;
    }

    .featureContainer .infoStrip {
        padding: 20px 40px !important;
    }

    /* Sidebar */
    #sidebar {
        width: 100% !important;
        position: relative;
        background: #fbf9f9 !important;
    }

    #sidebarTop, #sidebarBottom {
        padding: 20px !important;
        margin: 0 !important;
    }

    #sidebarTop {
        width: 50%;
        float: left;
        border-right: 1px dotted #cfcfcf;
    }

    #sidebarBottom {
        width: 50%;
        float: right;
    }

    #sidebarBox {
        background: #EC008C;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0 auto 20px;
    }

    #sidebarTabbox, #socialTabbox {
        max-width: 300px !important;
        position: static !important;
        margin: 0 auto;
    }

    /* Carousels */
    .superPosts {
        margin: 0;
    }

    .superPost .superCatStrip {
        right: inherit;
        left: 80px;
    }

    .superPost .superLug {
        transform: none;
        width: 100%;
        margin: 0;
        border: 0;
        z-index: 0;
    }

    .superPost .superLugPad {
        transform: none;
    }

    .superPost .superText {
        width: 100%;
        padding: 80px 80px 100px;
        bottom: 0;
        top: inherit;
        right: 0;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    }

        .superPost .superText h2 {
            margin: 0 0 10px;
            color: #ffffff;
        }

    .superPost .superLink .superText .excerptBlurb {
        display: none;
    }

    .superPost:hover .superLink .superText .excerptBlurb {
        display: block;
        transition: all 350ms ease-in-out;
        -moz-transition: all 350ms ease-in-out;
        -webkit-transition: all 350ms ease-in-out;
    }

    .superPost .entryInfoStrip {
        width: 100%;
        border: 0;
    }

    .superPosts .jcarousel-pagination {
        height: 40px;
        background: #232323;
    }

    .featuredPosts {
        margin: 0;
    }

        .featuredPosts .jcarousel-control-next {
            position: absolute;
            right: 40% !important;
        }

    .featuredPost .featuredLug {
        width: 60%;
        overflow: hidden;
    }

    .featuredPost .featuredLugPad {
        width: 100%;
        height: 100%;
    }

        .featuredPost .featuredLugPad img {
            height: 100%;
            width: auto !important;
        }

    .featuredPost .featuredText {
        width: 40%;
    }

    .featuredPost .entryInfoStrip {
        width: 40%;
    }

    .featuredPost .featuredCatStrip {
        width: 40% !important;
        padding: 0 0 0 20px;
    }

    #carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next {
        margin: 100px 0 0 !important;
    }

    #carouselSingleItem-wrapper > .jcarousel-control-prev, #carouselSingleItem-wrapper > .jcarousel-control-next,
    #carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next {
        margin: 80px 0 0 !important;
    }

    .jcarousel-control-prev, .jcarousel-control-next {
        margin: 50px 0 0 !important;
    }

    /* Module */
    #agendaMenu {
        height: auto;
    }

        #agendaMenu ul {
            width: 100%;
        }

        #agendaMenu li {
            width: 25%;
        }

    .searchBox {
        max-width: 100% !important;
    }

    .people .person {
        width: 49%;
    }

    .personBlock .caption {
        padding: inherit;
    }

    /* Footer */
    #footerLogo {
        width: 100%;
        height: auto;
        margin: 20px 0 !important;
        text-align: center;
    }

        #footerLogo > a img {
            width: 200px;
            height: auto;
            margin: 0 auto;
            text-align: center;
        }

        #footerLogo .socialBox img {
            width: initial !important;
        }

        #footerLogo .socialBox a {
            float: none;
        }

    #footerPad {
        display: none;
    }

    #footerLinks {
        width: 100%;
        height: auto;
        margin: 0 0 40px;
    }

        #footerLinks .group {
            width: 50%;
            margin: 0 0 20px;
        }

        #footerLinks .column {
            width: 50%;
            margin: 0;
            padding: 0 10px;
            text-align: center;
        }

        #footerLinks .header {
            margin: 0 0 10px;
        }

        #footerLinks li a {
            display: block;
            width: 100%;
            padding: 10px 20px;
            margin: 0 0 5px;
            background: #0074A2;
            color: #ffffff;
        }

            #footerLinks li a:hover {
                background: #CBDB2A;
            }

    #footerSimple #footerSimpleInner {
        padding: 0 20px;
    }

    #footerSimple #logoMain {
        width: 200px;
        height: auto;
        margin: 0 auto;
        display: block;
        float: none;
        text-align: center;
    }

        #footerSimple #logoMain img {
            width: 100%;
            max-width: 150px;
        }

    #footerSimple #brands {
        margin: 20px 0 0;
        width: 100%;
        padding: 20px;
    }

    #footerSimple .logo {
        display: inline-table;
        float: left;
        width: 24% !important;
        max-height: 75px !important;
        vertical-align: middle;
        padding: 0;
        margin: 0 0 20px;
        display: block;
        height: 70px !important;
        text-align: center;
    }

        #footerSimple .logo img {
            width: 90%;
            max-width: 200px;
            height: auto;
            min-width: inherit !important;
        }
}

/* Standard Tablet Portrait */
@media screen and (max-width: 768px) {
    /* Base */
    #wpadminbar {
        position: fixed !important;
    }

    .container {
        margin: 0 !important;
    }

    .col2Stack {
        height: 100%;
        float: left;
        width: 100%;
        margin: 0 auto 20px;
    }

    .entry iframe {
        width: 80% !important;
        height: inherit !important;
        min-height: 350px !important;
    }

    /* Headers */
    #header {
        display: none;
    }

    #headerFeature {
        height: auto;
    }

        #headerFeature #megaIMG {
            height: 350px;
        }

            #headerFeature #megaIMG img {
                max-height: 165%;
                max-width: 165%;
            }

        #headerFeature .titlesOuter {
            position: static;
        }

        #headerFeature .titlesInner {
            padding: 0 !important;
        }

        #headerFeature .titlesFeature {
            width: 100%;
            padding: 40px !important;
            background: #232323;
        }

            #headerFeature .titlesFeature h1 {
                margin: 0 auto 10px;
            }

        #headerFeature .gallery {
            width: 100%;
            position: static;
            float: left;
        }

        #headerFeature .galIMG img {
            max-height: 165%;
            max-width: 165%;
        }

    /* Content */
    #mainContainer {
        padding: 0 !important;
    }

    #contentPanel {
        min-height: 0;
    }

    .headline {
    }

    .infoStrip {
        border-bottom: 1px solid #cfcfcf !important;
    }

    #contentBody .entry {
        padding: 40px;
    }

    .pagination .inactive, .pagination a {
        margin: 0 5px 10px 0 !important;
    }

    /* Carousels */
    .superPosts {
        height: 490px;
    }

    .superPost, .superPost .superLink {
        height: 450px;
    }

    .superPosts #carouselSuper-wrapper > .jcarousel-control-prev, .superPosts #carouselSuper-wrapper > .jcarousel-control-next {
        padding: 215px 10px !important;
    }

    .featuredPosts {
        margin: 0;
        height: 640px;
    }

        .featuredPosts .jcarousel-control-next {
            position: absolute;
            right: 0 !important;
        }

    .featuredPost {
        height: 602px;
    }

        .featuredPost .featuredLug {
            width: 100%;
            overflow: hidden;
        }

        .featuredPost .featuredLugPad {
            width: 100%;
            height: 100%;
        }

            .featuredPost .featuredLugPad img {
                height: auto !important;
                width: 100% !important;
            }

        .featuredPost .featuredText {
            clear: both;
            float: left;
            width: 100%;
            height: 200px;
        }

        .featuredPost .entryInfoStrip {
            width: 100%;
            position: relative;
            margin: 20px 0 0;
            bottom: 0;
        }

        .featuredPost .featuredCatStrip {
            width: 100% !important;
            padding: 0 0 0 20px;
            top: 350px;
            z-index: 0;
            height: 35px;
            overflow: hidden;
        }

    #carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next {
        margin: 60px 0 0 !important;
    }

    #carouselSingleItem-wrapper > .jcarousel-control-prev, #carouselSingleItem-wrapper > .jcarousel-control-next,
    #carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next {
        margin: 80px 0 0 !important;
    }

    .jcarousel-control-prev, .jcarousel-control-next {
        margin: 140px 0 0 !important;
    }

    /* Modules */
    #agendaMenu {
        height: auto;
    }

        #agendaMenu ul {
            width: 100%;
        }

        #agendaMenu li {
            width: 50%;
        }

    .searchBox {
        width: 100% !important;
    }

    .person .caption p {
        font-size: inherit;
    }

    .people .person {
        width: 32%;
    }

    #sidebar-container {
        display: none;
    }

    .days {
        width: 100% !important;
    }

    #contentBody .entry table td {
        width: 100% !important;
        height: auto !important;
        word-wrap: break-word;
        display: block;
    }

    .session {
        display: block;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /* Modules */
    #footerLinks .group {
        width: 100%;
    }
}

/* 2015 Large Smartphone Landscape */
@media only screen and (max-width: 667px) {
    .featuredPosts {
        margin: 0;
        height: inherit;
    }

        .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next {
            height: 280px;
            padding: 120px 10px;
            position: absolute;
            right: 50% !important;
        }

        .featuredPosts #carouselLarge-wrapper > .jcarousel-control-prev {
            height: 280px;
            padding: 120px 10px;
        }

    .featuredPost {
        height: 280px;
    }

        .featuredPost .featuredLug {
            width: 50%;
            overflow: hidden;
            height: 280px;
            float: left;
        }

        .featuredPost .featuredLugPad {
            width: 100%;
            height: 100%;
        }

            .featuredPost .featuredLugPad img {
                height: 100%;
                width: auto !important;
            }

        .featuredPost .featuredText {
            width: 50%;
            height: auto;
            clear: none;
            float: left;
        }

        .featuredPost h2 {
            font-size: 1.3em;
            margin: 30px 0 10px;
        }

        .featuredPost .entryInfoStrip {
            width: 50%;
            position: absolute;
            margin: 0;
            bottom: 0;
            border-bottom: none;
        }

        .featuredPost .featuredCatStrip {
            width: 50% !important;
            padding: 0 0 0 20px;
            top: 0;
            z-index: 1;
        }

        .featuredPost .excerptBlurb {
            font-size: 0.9em;
            line-height: 1.3em;
        }

    .sponsoredPost .sponsoredPostLug {
        width: 40%;
        height: 200px;
    }

    .sponsoredPost .sponsoredPostText {
        width: 60%;
        height: 200px;
    }

    .sponsoredPost .excerptBlurb {
        font-size: 0.9em;
        line-height: 1.3em;
    }

    .sponsoredPost .sponsoredPostLugPad img {
        width: auto !important;
        margin: auto !important;
    }

    .content {
        border: none;
    }

    /* Menus */
    #fullscreenSearch .searchBox .searchBar {
        font-size: 1.2em;
    }

    #fullscreenSearch .searchBox .btn-search {
        font-size: 1.2em;
    }

    .menuColumn {
        width: 100% !important;
        float: left;
        margin: 0;
        padding: 20px 0 !important;
        border-top: 2px solid #107298;
    }

        .menuColumn .popularPosts {
            display: none;
        }

    .menuColumnPad {
        padding: 0 !important;
    }
}

/* Featured Carousel IMG Float Fix */
@media only screen and (max-width: 640px) {
    .featuredPost .featuredLugPad img {
        height: 100% !important;
        width: auto !important;
    }
}

/* 2015 Smartphone Landscape */
@media screen and (max-width: 600px) {
    /* Base */
    #wpadminbar {
        position: fixed !important;
    }

    container {
        padding: 0 !important;
    }

    .col1 {
        height: 100%;
        width: 100%;
    }

    .col2 {
        height: 100%;
        float: left;
        width: 50%;
    }

    .col3 {
        height: 100%;
        float: left;
        width: 33%;
        width: calc(100% / 3);
    }

    .col3Double {
        height: 100%;
        float: right;
        width: 66%;
        width: calc(100% / 3 * 2);
    }

    .colRight {
        float: left !important;
    }

    .contentRight {
        text-align: left !important;
    }

    .col4 {
        height: 100%;
        float: left;
        width: 25%;
    }

    .col5, .col6 {
        height: 100%;
        float: left;
        width: 50%;
    }

    .col7, .col8 {
        height: 100%;
        width: 25%;
    }

    .colInner {
        padding: 20px;
    }

    .entry iframe {
        width: 100% !important;
        height: inherit !important;
        min-height: 300px !important;
    }

    /* Content */
    .authorStrip .authorAvatar {
        width: 35%;
    }

    .authorStrip .authorBio {
        width: 65%;
    }

    /* Archive */
    .listpostLug {
        height: 170px;
        width: 170px;
    }

    .listpostText {
        width: calc(100% - 170px);
    }

    .listpost h4 {
        margin: 0 0 10px;
    }

    .listpostText .entryInfoStrip {
        width: 100%;
        margin: 5px 0;
        font-size: 0.9em;
    }

    /* Sidebar */
    #sidebar {
        padding: 20px !important;
    }

    #sidebarTop, #sidebarBottom {
        width: 100%;
        margin: 0;
        border: 0;
        padding: 0 !important;
    }

    .sidepostLead .sidepostLug img {
        width: auto;
        height: auto;
    }

    /* Carousels */
    #carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next {
        margin: 40px 0 0 !important;
    }

    #carouselSingleItem-wrapper > .jcarousel-control-prev, #carouselSingleItem-wrapper > .jcarousel-control-next,
    #carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next {
        margin: 120px 0 0 !important;
    }

    .jcarousel-control-prev, .jcarousel-control-next {
        margin: 220px 0 0 !important;
    }

    /* Modules */
    .people .person {
        width: 49%;
    }

    /* Footer */
    #footerSimple .logo {
        width: 32% !important;
    }
}

/* Content Overflow Fix */
@media screen and (max-width: 540px) {
    /* Content */
    .authorStrip {
        padding: 20px;
    }

        .authorStrip .authorAvatar {
            float: none;
            width: 60%;
            height: auto;
            margin: 0 auto 20px;
        }

            .authorStrip .authorAvatar img {
                height: 100%;
                width: 100%;
            }

        .authorStrip .authorBio {
            clear: both;
            float: left;
            width: 100%;
            margin: 20px 0 0;
            padding: 0;
            position: relative;
        }
}

/* Pre-2015 Smartphone Landscape */
@media screen and (max-width: 480px) {
    /* Base */
    .col1, .col2, .col3, .col4, .col5, .col6 {
        height: 100%;
        float: left;
        width: 100%;
    }

    .col3Double {
        height: 100%;
        float: right;
        width: 100%;
    }

    .col7, .col8 {
        height: 100%;
        float: left;
        width: 33%;
    }

    .colInner {
        padding: 0;
    }

    .entry iframe {
        width: 100% !important;
        height: inherit !important;
        min-height: 0 !important;
    }

    .alignleft, .alignright, .aligncenter {
        margin: 0 auto 40px;
        display: block;
        float: none;
    }

    /* Content */
    #headerLogo {
        width: 100%;
        text-align: center;
    }

        #headerLogo img {
            width: 80%;
            display: block;
            margin: 0 auto;
        }

    #contentBody blockquote {
        position: static;
        width: 100% !important;
        margin: 40px 0;
        float: left;
    }

    /* Archive */
    .listpost {
        font-size: 0.9em !important;
    }

        .listpost h4 {
            margin: 0 0 5px;
        }

    .listpostLug {
        height: 130px;
        width: 130px;
    }

    .listpostText {
        width: calc(100% - 130px);
    }

    /* Carousels */
    #carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next {
        margin: 50px 0 0 !important;
    }

    #carouselSingleItem-wrapper > .jcarousel-control-prev, #carouselSingleItem-wrapper > .jcarousel-control-next,
    #carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next {
        margin: 120px 0 0 !important;
    }

    .jcarousel-control-prev, .jcarousel-control-next {
        margin: 110px 0 0 !important;
    }

    #carouselSingleItem li.headshot {
        text-align: center;
    }

        #carouselSingleItem li.headshot img {
            width: 75%;
            float: none;
            margin: 0 auto 20px;
        }

        #carouselSingleItem li.headshot p {
            width: 100%;
            text-align: left;
        }

    #carouselTestimonial li, #carouselTestimonial li.headshot {
        text-align: center;
    }

        #carouselTestimonial li img, #carouselTestimonial li.headshot img {
            width: 75%;
            float: none;
            margin: 0 auto 20px;
        }

        #carouselTestimonial li p, #carouselTestimonial li.headshot p {
            width: 100%;
            text-align: left;
        }

    /* Modules */
    .people .person {
        width: 100% !important;
        margin: 0 auto 20px;
    }

    .person .imgFrame {
        float: left;
        width: 50% !important;
    }

    .person .caption {
        float: left;
        width: 50% !important;
        padding: 20px 10px;
    }

    /* Footer */
    #footerSimple #logoMain img {
        width: 200px;
    }

    #footerSimple .logo {
        width: 49% !important;
    }

    #footerLinks .group {
        width: 100%;
        margin: 0;
    }

    #footerLinks .column {
        width: 100%;
        margin: 0 0 20px;
        padding: 0;
        text-align: center;
    }
}

/* 2015 Large Smartphone portrait */
@media only screen and (max-width:420px) {
    .featuredPosts {
        margin: 0;
        height: inherit;
    }

        .featuredPosts #carouselLarge-wrapper > .jcarousel-control-prev, .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next {
            height: 200px;
            padding: 90px 10px;
        }

        .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next {
            position: absolute;
            right: 0 !important;
        }

    .featuredPost {
        height: inherit;
    }

        .featuredPost .featuredLug {
            width: 100%;
            height: 200px;
            overflow: hidden;
        }

        .featuredPost .featuredLugPad {
            width: 100%;
            height: 100%;
        }

            .featuredPost .featuredLugPad img {
                height: auto !important;
                width: auto !important;
                max-height: 110%;
            }

        .featuredPost .featuredText {
            clear: both;
            float: left;
            width: 100%;
            height: auto;
        }

        .featuredPost .entryInfoStrip {
            width: 100%;
            position: static;
            margin: 0;
        }

        .featuredPost .featuredCatStrip {
            width: 100% !important;
            padding: 0 0 0 20px;
            top: 200px;
            z-index: 0;
            height: 35px;
            overflow: hidden;
        }

    .sponsoredPosts {
        height: 440px;
    }

    .sponsoredPost .sponsoredPostLug {
        width: 100%;
    }

    .sponsoredPost .sponsoredPostText {
        width: 100%;
    }

    .infoPaneInner {
        padding: 20px;
    }

    .col7, .col8 {
        height: 100%;
        float: left;
        width: 50%;
    }
}

/* 2015 Smartphone portrait */
@media screen and (max-width:400px) {
    /* Modules */
    #agendaMenu li {
        width: 100%;
    }

    .person .imgFrame {
        width: 100% !important;
    }

    .person .caption {
        width: 100% !important;
    }

    .featuredPost .featuredLugPad img {
        height: 100% !important;
        width: auto !important;
    }

    /* Archive */
    .listpost {
        padding: 0;
    }

        .listpost .catStrip {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            height: inherit;
            padding: 20px 20px 0;
            margin: 0;
        }

            .listpost .catStrip li {
                display: inline-block;
            }

                .listpost .catStrip li a {
                    border: 1px solid #cfcfcf;
                    border-bottom: 0;
                    display: inline-block;
                }

        .listpost .listpostText {
            width: 100%;
            height: auto;
            margin: 0;
            padding: 20px;
        }

        .listpost .entryInfoStrip {
            width: 100%;
            position: static;
        }

        .listpost .authorBio {
            padding: 6px 20px;
        }
}

/* Pre-2015 Smartphone portrait */
@media screen and (max-width: 320px) {
    /* Base */

    /* Modules */
    #carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next {
        margin: 20px 0 0 !important;
    }

    #carouselSingleItem-wrapper > .jcarousel-control-prev, #carouselSingleItem-wrapper > .jcarousel-control-next,
    #carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next {
        margin: 150px 0 0 !important;
    }

    .jcarousel-control-prev, .jcarousel-control-next {
        margin: 80px 0 0 !important;
    }

    /* Footer */
    #footerSimple .logo {
        width: 70% !important;
        height: auto !important;
        text-align: center;
        float: none;
        margin: 0 auto 20px;
        display: block;
        max-height: none !important;
        min-height: 50px !important;
    }
}
