/*
 Theme Name:   TRC Studios
 Theme URI:    https://www.trcstudios.com/trc/
 Description:  Twenty Fourteen Child Theme
 Author:       Brad Clevenger
 Author URI:   https://www.trcstudios.com
 Template:     twentyfourteen
 Version:      1.0.11
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  trcbody.page-home .site-content .entry-header
*/

@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,300);

* {
    margin: 0 auto;
    vertical-align: top;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body {
    background-color: #414042;
    color: #808285;
    font: 400 14px/1.3 'Titillium Web', sans-serif;
}

a,
a:hover,
a:active,
a:visited {
    color: #fdc811;
    text-decoration: none;
}

a[href^=tel] {
    color: #fdc811;
    text-decoration: none;
    padding: 0 !important;
    display: inline !important;
}

*::-moz-selection {
    background: none repeat scroll 0 0 transparent;
    color: #414042;
    text-shadow: none;
}

h1, h2, h3 {
    color: #414042;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
}

h2 {
    font-size: 26px;
}

.clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    -ms-zoom: 1;
    zoom: 1;
}

.clr, .clear {
    clear: both;
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.site {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    background-color: transparent;
    overflow: hidden;
}

.site-header,
.site-main,
.site-footer {
    width: 100%;
    max-width: none;
}

/**
 * Header
 * -----------------------------------------------------------------------------
 */
.site-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    background-color: #131314;
}

.header-main {
    width: 100%;
    max-width: 100%;
    height: 56px;
    min-height: 56px;
    margin: 0 auto;
    padding: 0;
    background-image: url('images/header_main_bg.png');
    background-repeat: repeat-y;
    background-position: 45% 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.header-main .inner {
    position: relative;
    width: 100%;
    max-width: 750px;
    height: 56px;
    margin: 0 auto;
    border-radius: 0;
}

.logo {
    float: left;
    display: block;
    width: 120px;
    height: 56px;
    margin: 0 18px 0 17px;
    padding: 0 16px 0 0;
    border-right: 8px solid #fdc811;
    background-color: #e6e7e8;
    line-height: 54px;
}

.logo img {
    width: 100%;
}

.site-header-fixed {
    display: none;
    position: fixed;
    top: -56px;
}

.site-header-fixed .header-main {
    max-width: 100%;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
}

.site-header-fixed .header-main .inner {
    -webkit-border-radius: 0;
    border-radius: 0;
}

/**
 * Primary Navigation
 * -----------------------------------------------------------------------------
 */
.primary-navigation {
    position: relative;
    float: none;
    width: 100%;
    height: 56px;
    margin: 0;
    padding: 0 0 0 20px;
    font: 400 14px/1 'Titillium Web', sans-serif;
    background-color: transparent;
}

.primary-navigation ul ul {
    width: auto;
    height: auto;
}

.primary-navigation li {
    height: 56px;
    line-height: 56px;
}

.primary-navigation a {
    position: relative;
    display: block;
    padding: 0 9px;
    color: rgba(255, 255, 255, 0.85);
    font: 400 14px/1 'Titillium Web', sans-serif;
    line-height: 56px;
    text-transform: uppercase;
    text-decoration: none;
}

.primary-navigation li:hover > a,
.primary-navigation li:focus > a,
.primary-navigation li:active > a,
.primary-navigation a:hover,
.primary-navigation a:focus,
.primary-navigation a:active {
    background-color: transparent !important;
    color: #fff;
}

.primary-navigation.toggled-on {
    margin: 0;
    padding: 0;
}

.primary-navigation .nav-menu {
    background-color: #414042;
}

.site-header-fixed .primary-navigation .nav-menu {
    background-color: transparent;
}

.menu-toggle:before {
    display: none;
}

.menu-toggle {
    float: right;
    width: 56px;
    height: 56px;
    background: transparent url('images/menu-toggle-icon.png') no-repeat 50% 50%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 0;
}

.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active,
.menu-toggle.active {
    border: 0 none;
    background-color: #414042;
}

.menu-primary-menu-container {
    position: absolute;
    top: 56px;
    right: 0;
    left: 0;
    width: 100%;
}

.site-navigation li {
    padding: 0;
}

.site-navigation a {
    position: relative;
    width: 100%;
    text-decoration: none;
}

.site-navigation a:hover {
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
    color: #fff;
    font-weight: 400;
}

.site-navigation .current_page_item > a span,
.site-navigation .current_page_ancestor > a span,
.site-navigation .current-menu-item > a span,
.site-navigation .current-menu-ancestor > a span {
    border-bottom: 2px solid #fdc913;
}

.site-navigation li .current_page_item > a,
.site-navigation li .current_page_ancestor > a,
.site-navigation li .current-menu-item > a,
.site-navigation li .current-menu-ancestor > a {
    color: #fdc913;
}

/**
 * Main Content Area
 * -----------------------------------------------------------------------------
 */
.site-main {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding-top: 56px;
}

.main-content {
    width: 100%;
    background-color: #fff;
}

.site-content {
    width: 100%;
    min-height: 550px;
}

.hentry {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.site-content .entry-header {
    position: absolute;
    display: block;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.entry-title {
    color: #fff;
    font: 300 32px/1.3 'Titillium Web', sans-serif;
	display:none;
}

.full-width .archive-header,
.full-width .comments-area,
.full-width .image-navigation,
.full-width .page-header,
.full-width .page-content,
.full-width .post-navigation,
.full-width .site-content .entry-header,
.full-width .site-content .entry-content,
.full-width .site-content .entry-summary,
.full-width .site-content footer.entry-meta {
    padding: 0;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
    width: 100%;
    max-width: 100%;
}

.panel-grid {
    margin: 0 !important;
    padding: 0 !important;
}

/**
 * Footer
 * -----------------------------------------------------------------------------
 */
.site-footer {
    min-height: 465px;
    background-color: transparent;
    background-image: url('images/site_footer_bg.jpg');
    background-repeat: no-repeat;
    background-position: 25% 0;
    background-size: cover;
}

.site-footer .inner {
    width: 100%;
    min-height: 465px;
    background-color: transparent;
    background-image: url('images/site_footer_inner_bg.jpg');
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

.site-info {
    position: relative;
    width: auto;
    max-width: 1600px;
    height: 405px;
    margin: 0 auto;
    padding: 60px 7% 0;
    font-size: 13px;
}

.site-info a {
    color: #fff;
    text-decoration: none;
}

.site-info a:hover {
    color: #fff;
    text-decoration: underline;
}

.site-info .copyright {
    position: absolute;
    bottom: 10px;
    left: 7%;
    display: block;
    font-size: 11px;
}

.menu-footer-menu-container {
    clear: right;
    float: right;
    width: 260px;
    border-top: 2px solid #fdc811;
    margin: 0;
    padding: 17px 0 0;
}

.menu-footer-menu-container ul,
.menu-footer-menu-container li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.menu-footer-menu-container li {
    float: none;
    display: block;
}

.menu-footer-menu-container a {
    display: block;
    margin: 0;
    padding: 5px 0 5px 10px;
    font: 400 13px/1 'Titillium Web', sans-serif;
    text-transform: uppercase;
    text-align: right;
}

.site-footer .logo {
    float: right;
    display: inline-block;
    width: 120px;
    height: auto;
    margin: 0;
    padding: 0 0 50px;
    border: 0 none;
    background-color: transparent;
    line-height: 1;
}

.social-links {
    display: block;
    clear: right;
    float: right;
    padding-bottom: 28px;
}

.social-links a {
    float: right;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('images/social_icons.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    opacity: 0.65;
}

.social-links a.facebook {
    background-position: 0 -24px;
}

.social-links a.facebook:hover {
    background-position: 0 -24px;
    opacity: 1.0;
}

/**
 * Grid
 * -----------------------------------------------------------------------------
 */
.panel-grid-cell {
    margin-bottom: 0 !important;
}

.widget .widget-title {
    display: none !important;
}

.widget h2 {
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 26px;
}

.widget p {
    margin-bottom: 32px;
}

/**
 * Modal Window
 * -----------------------------------------------------------------------------
 */
.md-overlay {
    background-color: rgba(61, 61, 61, 0.95) !important;
}

.md-content {
    color: #fff;
}

.md-content h1,
.md-content h2,
.md-content h3 {
    color: #fff;
}

.md-content h1 {
    margin-bottom: 30px;
    font-size: 26px;
}

.md-content h3 {
    display: none;
}

.md-content > div p {
    margin-bottom: 30px;
}


/**
 * Common
 * -----------------------------------------------------------------------------
 */
.btn,
.button,
.widget button,
.widget .button,
.widget input[type='button'],
.widget input[type='reset'],
.widget input[type='submit'],
.widget button.md-close,
.panel-row-style-timeline-area a.md-trigger {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 16px 32px;
    border: 2px solid #fdc811;
    background-color: transparent;
    color: #414042;
    font: 600 12px/1 'Titillium Web', sans-serif;
    text-transform: uppercase;
    text-decoration: none !important;
    -moz-border-radius: 100px;
    border-radius: 100px;
    cursor: pointer;
}

.widget a.btn,
.widget .button,
.widget button.md-close {
    color: #414042;
    font: 600 12px/1 'Titillium Web', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

.panel-row-style-timeline-area a.md-trigger {
    margin: 0 10% 5%;
    color: #414042 !important;
}

.panel-row-style-timeline-area .panel-row-style-dark a.md-trigger {
    color: #fff !important;
}

.btn:hover,
.btn:focus,
.btn:active,
.button:hover,
.button:focus,
.button:active,
.widget button:hover,
.widget button:focus,
.widget button:active,
.widget .button:hover,
.widget .button:focus,
.widget .button:active,
.widget input[type='button']:hover,
.widget input[type='button']:focus,
.widget input[type='button']:active,
.widget input[type='reset']:hover,
.widget input[type='reset']:focus,
.widget input[type='reset']:active,
.widget input[type='submit']:hover,
.widget input[type='submit']:focus,
.widget input[type='submit']:active,
.widget button.md-close:hover,
.widget button.md-close:focus,
.widget button.md-close:active,
.panel-row-style-timeline-area a.md-trigger:hover,
.panel-row-style-timeline-area a.md-trigger:focus,
.panel-row-style-timeline-area a.md-trigger:active {
    background-color: #fdc811;
}

.panel-row-style-timeline-area a.md-trigger:hover,
.panel-row-style-timeline-area a.md-trigger:focus,
.panel-row-style-timeline-area a.md-trigger:active {
    color: #fff !important;
}

.widget button.md-close {
    display: none !important;
    margin-top: 30px;
    color: #fff;
}

.btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0 none;
    background-color: transparent;
    background-image: url('images/icons.png');
    background-repeat: no-repeat;
    background-position: 0 -700px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-close:hover,
.btn-close:active {
    background-color: transparent;
    background-position: 0 -800px;
}

/**
 * Form Elements
 * -----------------------------------------------------------------------------
 */
input, textarea {
    border: 1px solid #9c9593;
    background-color: #fff;
    color: #808285;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    -moz-border-radius: 0;
    border-radius: 0;
}

input:focus,
textarea:focus {
    border: 1px solid #3d3d3d;
    color: #414042;
}

textarea {
    resize: none;
}

.contact-attach-wrap {
    padding: 10px 0;
}

.contact-attach {
    position: absolute;
    z-index: -1;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
}

.contact-attach + label {
    width: auto;
    height: auto;
    min-height: 50px;
    margin: 0;
    padding: 3px 0 0 66px;
    display: inline-block;
    background-color: transparent;
    background-image: url('images/icons.png');
    background-repeat: no-repeat;
    background-position: 0 -400px;
    color: #251f1d;
    font: 400 18px/1 'Titillium Web', sans-serif;
    font-weight: 400 !important;
    cursor: pointer;
}

.contact-attach + label span {
    display: block;
    padding: 5px 0 0;
    color: #645b59;
    font: 400 12px/1 'Titillium Web', sans-serif;
    font-weight: 400 !important;
}

.contact-attach:focus + label,
.contact-attach + label:hover {
    background-position: 0 -500px;
}

.contact-attach + label.has-files {
    padding-top: 10px;
    background-position: 0 -600px;
}

/**
 * Media Elements
 * -----------------------------------------------------------------------------
 */
.hentry .mejs-container {
    margin: 12px 0 18px;
}

.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
    background: #000;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #fff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fdc811;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: rgba(255, 255, 255, .33);
}

.hentry .mejs-container .mejs-controls .mejs-time {
    padding-top: 9px;
}

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    border-radius: 0;
}

.hentry .mejs-overlay-loading {
    background: transparent;
}

.hentry .mejs-overlay-button {
    background-color: #fff;
    background-image: none;
    border-radius: 2px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.8);
    color: #000;
    height: 36px;
    margin-left: -24px;
    width: 48px;
}

.hentry .mejs-overlay-button:before {
    -webkit-font-smoothing: antialiased;
    content: '\f452';
    display: inline-block;
    font: normal 32px/1.125 Genericons;
    position: absolute;
    top: 1px;
    left: 10px;
}

.hentry .mejs-controls .mejs-button button:focus {
    outline: none;
}

.hentry .mejs-controls .mejs-button button {
    -webkit-font-smoothing: antialiased;
    background: none;
    color: #fff;
    display: inline-block;
    font: normal 16px/1 Genericons;
}

.hentry .mejs-playpause-button.mejs-play button:before {
    content: '\f452';
}

.hentry .mejs-playpause-button.mejs-pause button:before {
    content: '\f448';
}

.hentry .mejs-volume-button.mejs-mute button:before {
    content: '\f109';
    font-size: 20px;
    position: absolute;
    top: -2px;
    left: 0;
}

.hentry .mejs-volume-button.mejs-unmute button:before {
    content: '\f109';
    left: 0;
    position: absolute;
    top: 0;
}

.hentry .mejs-fullscreen-button button:before {
    content: '\f474';
}

.hentry .mejs-fullscreen-button.mejs-unfullscreen button:before {
    content: '\f406';
}

.hentry .mejs-overlay:hover .mejs-overlay-button {
    background-color: #fdc811;
    color: #fff;
}

.hentry .mejs-controls .mejs-button button:hover {
    color: #fdc811;
}

.content-sidebar .wp-playlist-item .wp-playlist-caption {
    color: #000;
}

/**
 * Page Specific
 * -----------------------------------------------------------------------------
 */

.banner-title {
    position: absolute;
    top: auto !important;
    right: auto !important;
    bottom: 15% !important;
    left: 7% !important;
    color: #fff;
    font: 300 26px/1 'Titillium Web', sans-serif !important;
    text-transform: uppercase;
}

/* Home Page */
body.page-home .site-content .entry-header {
    display: block;
    margin-top: 20%;
    text-align: center;
	z-index:2;
}

body.page-home .entry-title {
    font-size: 26px;
    font-weight: 300;
	display:block;
	z-index:99999;
}

.panel-row-style-slider {
    background-color: #414042;
}

.trc-slider {
}

.trc-slider .ms-bullets.ms-dir-h {
    bottom: -30px !important;
}

.trc-slider .ms-skin-default .ms-bullet,
.trc-slider .ms-skin-default .ms-bullet-selected {
    width: 12px;
    height: 12px;
    border: 1px solid #d2d3d4;
    background-color: #d2d3d4;
    background-image: none;
    border-radius: 50%;
}

.trc-slider .ms-skin-default .ms-bullet-selected {
    border: 1px solid #fdc811;
    background-color: #fff;
}

.panel-row-style-intro-area {
    padding: 11% 7% 9%;
    background-color: #f2f2f2;
    font-size: 16px;
}

.panel-row-style-intro-area h2 {
    font-size: 26px;
}

.panel-row-style-intro-area p {
    line-height: 2;
    font-size: 16px;
}

.get-started {
    margin-top: 35px;
}

.online-mixing {
    padding-top: 21%;
}

.panel-row-style-blocks .panel-grid-cell {
    margin: 0 !important;
    padding: 0 !important;
}

.panel-row-style-blocks .widget {
    position: relative;
}

.panel-row-style-blocks .widget h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 50px;
    margin: -25px 0 0 -100px;
    color: #fff;
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
}

a.home-block {
    display: block;
    width: auto;
    height: auto;
}

a.home-block em {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 50px;
    margin: -25px 0 0 -100px;
    color: #fff;
    font-size: 32px;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
}

a.home-block img {
    width: 100%;
}

a.home-block-studio {
}

a.home-block-story {
}

a.home-block-blank {
}

a.home-block-contact {
}

.panel-row-style-the-studio {
    padding: 7% 7% 5%;
    background-color: #f2f2f2;
    background-image: url('images/the_studio_bg.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 16px;
}

.panel-row-style-the-studio h2 {
    font-size: 26px;
}

.panel-row-style-the-studio h2 .sep {
    font-size: 24px;
    line-height: 1;
    color: #fdc811;
    vertical-align: top;
}

.panel-row-style-the-studio p {
    line-height: 2;
    font-size: 16px;
}

.the-studio-col2 {
    padding-top: 0;
}

.panel-row-style-design {
    padding: 8% 7%;
    background-color: #3d3d3d;
    color: #fff;
    font-size: 16px;
}

.panel-row-style-design h2 {
    color: #fdc811;
    font-size: 26px;
}

.panel-row-style-design h3 {
    display: inline-block;
    margin-top: 0;
    color: #fff;
    font-size: 24px;
}

.panel-row-style-design p {
    font-size: 16px;
    line-height: 2;
}

.panel-row-style-design ul,
.panel-row-style-design li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.panel-row-style-design ul {
    margin-bottom: 50px;
}

.panel-row-style-design li {
    margin-bottom: 10px;
    padding: 0 0 0 12px;
    background-image: url('images/bullet.png');
    background-repeat: no-repeat;
    background-position: 0 5px;
}

.panel-row-style-design .equip-left,
.panel-row-style-design .equip-right {
    float: left;
    width: 45%;
}

.panel-row-style-design .equip-left {
    margin-right: 30px;
}

.panel-row-style-design .so-widget-image {
    max-width: 85% !important;
}

.widget a.btn-tracks {
    margin: 18px 0 0 45px;
    color: #fff;
}

.resource-list {
    padding: 5% 0 0;
}

.panel-row-style-design .resource-list li {
    margin-bottom: 10px;
    padding: 0 0 0 0;
    background-image: none;
}

.panel-row-style-design .resource-list a {
    display: block;
    min-height: 44px;
    margin-bottom: 32px;
    padding: 3px 0 0 52px;
    background-image: url('images/icons.png');
    background-position: 0 -200px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}

.panel-row-style-design .resource-list small {
    display: block;
    color: #645b59;
    font-size: 12px;
}

.panel-row-style-design .resource-list a:hover,
.panel-row-style-design .resource-list a:active,
.panel-row-style-design .resource-list a:visited {
    background-position: 0 -300px;
    color: #fff;
    text-decoration: none;
}

.panel-row-style-quotes {
    padding: 16% 0 17%;
    background-color: #fff;
}

.trc-quotes {
}

.trc-quotes .ms-skin-default .ms-nav-prev,
.trc-quotes .ms-skin-default .ms-nav-next {
    top: auto;
    bottom: -100px;
    width: 44px;
    height: 44px;
    margin-top: 0;
    background-image: url('images/icons.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.trc-quotes .ms-skin-default .ms-nav-prev {
    left: 50%;
    margin-left: -52px;
    background-position: 0 -1200px;
}

.trc-quotes .ms-skin-default .ms-nav-next {
    right: 50%;
    margin-right: -52px;
    background-position: 0 -1100px;
}

.panel-row-style-samples {
    padding: 10% 7% 8%;
    background-color: #f2f2f2;
    background-image: url('images/samples_bg.png');
    background-repeat: no-repeat;
    background-position: 25% 0;
    font-size: 16px;
}

.panel-row-style-samples h2 {
    font-size: 26px;
}

.panel-row-style-samples p {
    line-height: 2;
    font-size: 16px;
}

.samples-list {
    padding: 53px 0 0;
}

.panel-row-style-samples .samples-list li {
    margin-bottom: 10px;
    padding: 0 0 0 0;
    background-image: none;
}

.panel-row-style-samples .samples-list li > a {
    display: block;
    min-height: 44px;
    margin-bottom: 32px;
    padding: 0 0 0 52px;
    background-image: url('images/icons.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #414042;
    font-size: 24px;
    text-decoration: none;
}

.panel-row-style-samples .samples-list small {
    display: block;
    color: #808285;
    font-size: 16px;
}

.panel-row-style-samples .samples-list li > a:hover,
.panel-row-style-samples .samples-list li > a:active,
.panel-row-style-samples .samples-list li > a:visited {
    background-position: 0 -100px;
    color: #414042;
    text-decoration: none;
}

.panel-row-style-samples .samples-list p {
    text-align: center;
}

.btn-view-more {
    margin: 18px auto 0;
}

.panel-row-style-samples .md-content > div p {
    text-align: left;
}

.panel-row-style-chat {
    padding: 5% 7%;
    background-image: url('/wp-content/uploads/2016/04/chat_bg.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.panel-row-style-chat h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 300;
}

.panel-row-style-chat .widget p {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.panel-row-style-chat .widget a.btn-contact-us {
    margin-top: 20px;
    color: #fff;
}

/* TRC History Page */
body.page-trc-history .site-content .entry-header {
    display: none;
    margin-top: 24%;
    margin-left: 7%;
    text-align: left;
}

body.page-trc-history .entry-title {
    font-size: 26px;
    font-weight: 300;
}

.panel-row-style-story-intro {
    padding: 5% 7%;
    background-color: #fff;
    font-size: 16px;
}

.panel-row-style-story-intro h2 {
    font-size: 26px;
}

.panel-row-style-story-intro p {
    font-size: 16px;
    line-height: 2;
}

.story-quote {
    padding-top: 0;
}

.panel-row-style-timeline-area {
    position: relative;
    padding: 5% 7%;
    background-color: #f2f2f2;
    font-size: 16px;
}

.panel-row-style-timeline-area .panel-grid-cell {
    margin: 0 !important;
    padding: 0 !important;
    background-image: url('images/timeline_bar.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.panel-row-style-timeline-area h2 {
    margin: 0;
    padding: 5% 10% 0;
    color: #fdc811;
    font-size: 34px;
    font-family: 'Titillium Web', sans-serif;
}

.panel-row-style-timeline-area h3 {
    margin: 0 0 10px 0;
    padding: 0 10% 0;
    color: #414042;
    font-size: 24px;
    font-family: 'Titillium Web', sans-serif;
}

.panel-row-style-timeline-area p {
    margin: 0;
    padding: 0 10% 5%;
    color: #808285;
    font-size: 16px;
    font-family: 'Titillium Web', sans-serif;
}

.panel-row-style-timeline-area .panel-row-style-dark {
    background-color: #1d1714;
}

.panel-row-style-timeline-area .panel-row-style-dark .panel-grid-cell {
    background-image: none;
}

.panel-row-style-timeline-area .panel-row-style-dark h3 {
    color: #fff;
}

.panel-row-style-timeline-area .panel-row-style-dark p {
    color: #857d7b;
}

.panel-row-style-timeline-area .md-content > div p {
    color: #fff;
}

.panel-row-style-timeline-area .notch {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    width: 54px;
    height: 24px;
    margin: 0 0 0 -27px !important;
    padding: 0 !important;
    background-color: transparent;
    background-image: url('images/samples_bg.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.panel-row-style-timeline-area .notch .panel-grid-cell {
    background-image: none;
}

.panel-row-style-timeline-area figure {
    display: block;
    width: auto;
    height: auto;
    padding: 60% 0;
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
}

.panel-row-style-timeline-area .tl-col-left,
.panel-row-style-timeline-area .tl-col-right {
    float: left;
    width: 50%;
    padding: 0 5% 5% 10%;
}

.panel-row-style-timeline-area .tl-col-left h2,
.panel-row-style-timeline-area .tl-col-left h3,
.panel-row-style-timeline-area .tl-col-left p {
    padding-right: 0;
    padding-left: 0;
}

.panel-row-style-timeline-area .tl-col-right {
    width: 25%;
    padding-top: 15%;
    padding-right: 10%;
    padding-left: 0;
}

.panel-row-style-story-chat {
    padding: 5% 7%;
    background-image: url('images/story_control_detaiils.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.panel-row-style-story-chat h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 300;
}

.panel-row-style-story-chat .widget p {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.panel-row-style-story-chat .widget a.btn-contact-us {
    margin-top: 20px;
    color: #fff;
}

/* TRCPG History Page */
a.md-trigger {
    display: block;
    min-height: 44px;
    margin-bottom: 32px;
    padding: 0 0 0 52px;
    background-image: url('images/icons.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #414042;
    font-size: 20px;
    text-decoration: none;
}

a.md-trigger small {
    display: block;
    color: #808285;
    font-size: 14px;
}

a.md-trigger:hover,
a.md-trigger:active,
a.md-trigger:visited {
    background-position: 0 -100px;
    color: #414042;
    text-decoration: none;
}

a.md-trigger.nosmall {
    padding-top: 8px;
}

body.page-trcpg-history .site-content .entry-header {
    display: none;
    margin-top: 24%;
    margin-left: 7%;
    text-align: left;
}

body.page-trcpg-history .entry-title {
    font-size: 26px;
    font-weight: 300;
}

.panel-row-style-legacy {
    padding: 5% 7%;
    background-color: #fff;
    font-size: 16px;
}

.panel-row-style-legacy h2 {
    font-size: 26px;
}

.panel-row-style-legacy p {
    font-size: 16px;
    line-height: 2;
}

.panel-row-style-legacy .legacy-col-2 {
    padding-top: 0;
}

.legacy-sample {
}

.legacy-sample figure {
    width: 75%;
    height: auto;
    margin: 0 auto 30px;
}

.legacy-sample a.md-trigger {
    width: 160px;
    margin: 0 auto 50px;
}

.panel-row-style-work-samples {
    padding: 5% 7%;
    background-color: #414042;
    color: #fff;
    font-size: 16px;
}

.panel-row-style-work-samples h2 {
    color: #fff;
}

.panel-row-style-work-samples ul,
.panel-row-style-work-samples li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.panel-row-style-work-samples ul {
    clear: both;
    float: left;
    margin-bottom: 50px;
}

.panel-row-style-work-samples li {
    display: block;
    float: left;
    width: 100%;
    max-width: none;
    margin: 0 0 30px;
}

.panel-row-style-work-samples li figure {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.panel-row-style-work-samples li figure img {
    width: 100%;
}

.panel-row-style-work-samples a.md-trigger {
    display: block;
    min-height: 22px;
    margin-bottom: 10px;
    padding: 0 0 0 30px;
    background-image: url('images/icons_sm.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.panel-row-style-work-samples a.md-trigger small {
    display: block;
    color: #808285;
    font-size: 13px;
}

.panel-row-style-work-samples a.md-trigger:hover,
.panel-row-style-work-samples a.md-trigger:active,
.panel-row-style-work-samples a.md-trigger:visited {
    background-position: 0 -50px;
    color: #fff;
    text-decoration: none;
}

.panel-row-style-constants {
    padding: 7% 7%;
    background-color: #f2f2f2;
    background-image: url('images/the_studio_bg.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 16px;
}

.panel-row-style-constants p {
    font-size: 16px;
    line-height: 2;
}

.panel-row-style-constants p a {
    color: #3d3d3d;
    text-decoration: underline;
}

.panel-row-style-constants p a:hover {
    color: #111;
    text-decoration: underline;
}

/* Remote Mixing Page */
body.page-remote-mixing .site-content .entry-header {
    display: none;
    margin-top: 24%;
    margin-left: 7%;
    text-align: left;
}

body.page-remote-mixing .entry-title {
    font-size: 26px;
    font-weight: 300;
}

.panel-row-style-philosophy {
    padding: 9% 7% 8%;
    background-color: #fff;
    font-size: 16px;
}

.panel-row-style-philosophy h2 {
    font-size: 26px;
}

.panel-row-style-philosophy p {
    font-size: 16px;
    line-height: 2;
}

.studio-quote {
    padding-top: 0;
    color: #fdc811;
    font-size: 18px;
    text-align: right;
}

.panel-row-style-philosophy blockquote {
    color: #414042;
    font-size: 24px;
    text-align: left;
    line-height: 1.3;
    font-style: normal;
}

.panel-row-style-philosophy blockquote p {
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 1.3;
}


.panel-row-style-services {
    padding: 8% 7%;
    background-color: #3d3d3d;
    color: #fff;
    font-size: 16px;
}

.panel-row-style-services h2 {
    color: #fdc811;
    font-size: 26px;
}

.panel-row-style-services h3 {
    float: left;
    display: inline-block;
    margin-top: 24px !important;
    color: #fff;
    font-size: 24px;
}

.panel-row-style-services p {
    font-size: 16px;
    line-height: 2;
}

.panel-row-style-services ul,
.panel-row-style-services li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.panel-row-style-services ul {
    margin-bottom: 50px;
}

.panel-row-style-services li {
    margin-bottom: 10px;
    padding: 0 0 0 12px;
    background-image: url('images/bullet.png');
    background-repeat: no-repeat;
    background-position: 0 5px;
}

/* Clients Page */
body.page-clients .site-content .entry-header {
    display: none;
    margin-top: 24%;
    margin-left: 7%;
    text-align: left;
}

body.page-clients .entry-title {
    font-size: 26px;
    font-weight: 300;
}

.panel-row-style-intro {
    padding: 9% 7% 8%;
    background-color: #fff;
    font-size: 16px;
}

.panel-row-style-intro h2 {
    font-size: 26px;
}

.panel-row-style-intro p {
    font-size: 16px;
    line-height: 2;
}

.panel-row-style-featured-client {
    padding: 8% 7%;
    background-color: #3d3d3d;
    color: #fff;
    font-size: 16px;
}

.widget_sow-post-carousel {
    position: relative !important;
}

.sow-carousel-wrapper ul.sow-carousel-items {
    width: 100% !important;
    margin: 0 !important;
}

.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item {
    width: 100% !important;
    margin: 70px 0 !important;
}

.sow-carousel-title a.sow-carousel-next,
.sow-carousel-title a.sow-carousel-previous {
    background: transparent none repeat scroll 0 0;
    border-radius: 2px;
    color: #808285;
    display: block;
    float: right;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 32px;
    margin-left: 2px;
    margin-top: 3px;
    padding: 5px 15px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    width: 100%;
    cursor: pointer !important;
    position: absolute;
    bottom: 32px;
}

.sow-carousel-title a.sow-carousel-next:hover,
.sow-carousel-title a.sow-carousel-previous:hover {
    color: #fff;
}

.sow-carousel-title a.sow-carousel-next::before {
    content: "";
}

.sow-carousel-title a.sow-carousel-previous {
    display: none;
}

.featured-friend-image {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    padding:0 15px 30px;
}

.featured-friend-image img {
    display: inline-block;
    width: 100%;
    max-width: 100%;
}

.featured-friend-info {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    padding:0 15px;
}

.featured-friend-info h2 {
    margin-bottom: 10px;
    color: #fdc811;
    font-size: 26px;
}

.featured-friend-info h3 {
    margin-top: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    text-align: left !important;
}

.featured-friend-info p {
    font-size: 16px;
    line-height: 2;
}

.panel-row-style-client-list {
    padding: 7% 7%;
    background-color: #f2f2f2;
    background-image: url('images/the_studio_bg.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 16px;
}

.panel-row-style-client-list p {
    font-size: 16px;
    line-height: 2;
}

.panel-row-style-client-list p a {
    color: #3d3d3d;
    text-decoration: underline;
}

.panel-row-style-client-list p a:hover {
    color: #111;
    text-decoration: underline;
}

.panel-row-style-client-list h3 {
    margin: 0 !important;
}

.panel-row-style-client-list li {
    float: none;
    display: block;
    width: 100%;
    margin: 10px;
}


/* Contact Page */
body.page-contact .site-content .entry-header {
    display: none;
    margin-top: 24%;
    margin-left: 7%;
    text-align: left;
}

body.page-contact .entry-title {
    font-size: 26px;
    font-weight: 300;
}

.panel-row-style-contact-form {
    padding: 5% 7%;
    background-color: #fff;
    font-size: 16px;
}

.panel-row-style-contact-form h2 {
    font-size: 26px;
}

.panel-row-style-contact-form p {
    font-size: 16px;
    line-height: 2;
}

.panel-row-style-contact-form .widget a {
    color: #fdc811;
}

.panel-row-style-contact-form .widget a:hover,
.panel-row-style-contact-form .widget a:active,
.panel-row-style-contact-form .widget a:visited {
    color: #fdc811;
}

.panel-row-style-staff {
    padding: 5% 7%;
    background-color: #f2f2f2;
    font-size: 16px;
}

.profile {
    clear: both;
    min-height: 220px;
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
}

.profile figure {
    width: 200px;
    height: 200px;
    margin: 0 auto 30px;
    border-radius: 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.profile .profile-info {
    width: auto;
    max-width: none;
}

.profile .profile-info h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 400;
    text-align: center;
}

.profile .profile-info h5 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.profile .profile-info a,
.profile .profile-info a:hover,
.profile .profile-info a:active {
    color: #fdc811;
}

.panel-row-style-staff .panel-last-child .profile {
    border-bottom: 0 none;
}

.panel-row-style-meet-mike {
    margin: 0;
    padding: 0;
    background-color: #f2f2f2;
    font-size: 16px;
}

.panel-row-style-meet-mike h2 {
    font-size: 26px;
}

.panel-row-style-meet-mike p {
    font-size: 16px;
    line-height: 2;
}

.panel-row-style-meet-mike .panel-grid-cell {
    margin: 0 !important;
    padding: 0 !important;
    background-image: url('images/contact_bar.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.panel-row-style-meet-mike .panel-grid-cell:first-child {
    min-height: 300px;
    background-image: url('/wp-content/uploads/2016/03/mike.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.panel-row-style-meet-mike .panel-grid-cell:last-child {
    padding: 7% 7% 0 !important;
}

/* Q&A Page */
body.page-qa .site-content .entry-header {
    display: none;
    margin-top: 24%;
    margin-left: 7%;
    text-align: left;
}

body.page-qa .entry-title {
    font-size: 26px;
    font-weight: 300;
}

.panel-row-style-qa-list {
    padding: 5% 7%;
    background-color: #fff;
    font-size: 16px;
}

.panel-row-style-qa-list h2 {
    font-size: 26px;
}

.panel-row-style-qa-list p {
    font-size: 16px;
    line-height: 2;
}

.panel-row-style-qa-list h3 {
    margin: 0;
    padding: 32px 0 15px;
    border-top: 1px solid #d2d3d4;
    font-size: 20px;
}

.panel-row-style-qa-list h3.no-border {
    border-top: 0 none;
}

/* In Memoriam Page */
body.page-in-memoriam .site-content .entry-header {
    display: none;
    margin-top: 24%;
    margin-left: 7%;
    text-align: left;
}

body.page-in-memoriam .entry-title {
    font-size: 26px;
    font-weight: 300;
}

body.page-in-memoriam .panel-row-style-banner {
    height: 100px;
    background-color: #222;
}

.panel-row-style-gary {
    padding: 5% 0;
    background-color: #222;
}

.panel-row-style-gary img {
    /*border: 10px solid #111;*/
}

.panel-row-style-in-memoriam {
    padding: 0 7%;
    background-color: #fff;
    font-size: 16px;
}

.in-memoriam-header {
    padding-top: 10%;
}

.first-collage {
    padding-top: 0;
}

.panel-row-style-in-memoriam h1 {
    margin: 0;
    padding: 0;
    font-size: 32px;
}

.panel-row-style-in-memoriam h2 {
    margin: 0 0 32px;
    padding: 0;
    font-size: 26px;
}

.panel-row-style-in-memoriam h5 {
    margin: 0;
    padding: 0;
    color: #808285;
    font-size: 18px;
    /*font-style: italic;*/
    text-transform: uppercase;
}

.panel-row-style-in-memoriam p {
    font-size: 16px;
    line-height: 2;
}

.panel-row-style-in-memoriam .float-right {
     float:right;
     margin: 20px 0 20px 20px;
}

.panel-row-style-in-memoriam .float-left {
     float:left;
     margin: 20px 20px 20px 0;
}

/**
 * Media Queries
 * -----------------------------------------------------------------------------
 */
@media screen and (max-width: 400px) {
}

@media screen and (min-width: 401px) {
    .trc-quotes {
        width: 410px;
        height: 356px;
    }
}

@media screen and (min-width: 465px) {
    .header-main {
        background-position: 59% 0;
    }
}

@media screen and (min-width: 490px) {
    .panel-row-style-meet-mike .panel-grid-cell:first-child {
        min-height: 350px;
    }
}

@media screen and (min-width: 505px) {
    .banner-title {
        font-size: 38px !important;
    }

    /* Home Page */
    body.page-home .site-content .entry-header {
        margin-top: 25%;
		z-index:99999;
    }

    body.page-home .entry-title {
        font-size: 38px;
    }
}

@media screen and (min-width: 594px) {
}

@media screen and (min-width: 640px) {
    .panel-row-style-work-samples li {
        width: 45%;
        margin: 0 10px 40px;
    }
}

@media screen and (min-width: 673px) {
}

@media screen and (min-width: 660px) {
    .profile figure {
        position: absolute;
        margin: 0 0 0;
    }

    .profile .profile-info {
        margin-left: 250px;
    }

    .profile .profile-info h4 {
        text-align: left;
    }

    .profile .profile-info h5 {
        text-align: left;
    }

    .featured-friend-image {
        float: left;
        width: 38%;
    }

    .featured-friend-info {
        float: left;
        width: 50%;
    }
}

@media screen and (min-width: 746px) {
    .site-header {
        position: absolute;
        top: 56px;
        background-color: transparent;
    }

    .header-main {
        max-width: 750px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .header-main .inner {
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .primary-navigation .menu-toggle {
        display: none;
        padding: 0;
    }

    .primary-navigation {
        float: left;
        width: auto;
    }

    .menu-primary-menu-container {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        width: auto;
    }

    .primary-navigation .nav-menu {
        display: block;
        border-bottom: 0 none;
        background-color: transparent;
    }

    .site-navigation li {
        display: inline-block;
        border-top: 0 none;
    }

    .site-main {
        padding-top: 0;
    }

    .site-header-fixed {
        position: fixed;
    }

    .menu-footer-menu-container {
        bottom: 0;
    }

    .menu-footer-menu-container a {
        padding: 10px 0 10px 28px;
    }
}

@media screen and (min-width: 781px) {
    .banner-title {
        padding-left: 15px !important;
        /*font-size: 38px !important;*/
    }

    .samples-list {
        padding-top: 53px;
    }

    .studio-quote {
        padding-top: 57px;
        color: #fdc811;
        font-size: 18px;
        text-align: right;
    }

    .the-studio-col2 {
        padding-top: 55px;
    }

    .panel-row-style-legacy .legacy-col-2 {
        padding-top: 55px;
    }

    .resource-list {
        padding: 55px 10% 0;
    }

    .story-quote {
        padding-top: 55px;
    }

    .panel-row-style-meet-mike .panel-grid-cell:first-child {
        min-height: 550px;
    }

    .panel-row-style-timeline-area .notch {
        display: block;
    }

    .first-collage {
        padding-top: 160px;
    }
}

@media screen and (min-width: 790px) {
    .panel-row-style-client-list li {
        float: left;
        width: 45%;
    }
}

@media screen and (min-width: 810px) {
}

@media screen and (min-width: 846px) {
}

@media screen and (min-width: 1008px) {
    .site:before {
        display: none;
        position: relative;
    }

    .site-content {
        margin-left: 0;
    }

    .panel-row-style-work-samples li {
        width: 22%;
        margin: 0 10px 40px;
    }
}

@media screen and (min-width: 1040px) {
}

@media screen and (min-width: 1080px) {
}

@media screen and (min-width: 1110px) {
    .panel-row-style-client-list li {
        float: left;
        width: 30%;
    }
}

@media screen and (min-width: 1218px) {
}

@media screen and (min-width: 1260px) {
}
.blog-page header.entry-header a {
    color: #414042;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-align: right;
}
ul.display-posts-listing {
    list-style: none;
    padding: 0;
    margin: 50px !important;
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
}
ul.display-posts-listing li.listing-item {
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
    position: relative;
}
ul.display-posts-listing li.listing-item a.image, .full-width .post-thumbnail {
	overflow: hidden;
    width: 100%;
    height: 400px;
    position: relative;
}
ul.display-posts-listing li.listing-item a.image img, .full-width .post-thumbnail img {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -mz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    min-width: 100%;
    text-align: center;
    vertical-align: middle;
    top: 50%;
    left: 50%;
    min-height: 100%;
    max-width: 100%;
    position: absolute;
    max-height: inherit;
    width: auto !important;
    height: auto;
    object-fit: cover;
}
ul.display-posts-listing li.listing-item a.image:after {
    content: "";
    display: block;
    padding-bottom: 100%;    
}
ul.display-posts-listing li.listing-item a.title {
    font-size: 24px;
    text-decoration: none;
    color: #828282;
    margin: 10px 0;
}
ul.display-posts-listing li.listing-item span.excerpt {
    margin-bottom: 15px;
}
.post-thumbnail + header.entry-header {
    position: relative;
    margin: inherit !important;
}
.post-thumbnail + header.entry-header .entry-meta {
    margin-bottom: 0;
    padding: 18px;
}
.post-thumbnail + header.entry-header h1.entry-title {
    margin-left: 20px;
}
.post-thumbnail + header.entry-header + .entry-content {
    padding: 10px 50px 50px 50px;
    width: auto;
}
nav.navigation.post-navigation {
    margin: 0;
    padding: 0 50px;
    background: #fff;
    max-width: 100%;
}
@media screen and (max-width: 768px) {
	ul.display-posts-listing {
		margin: 20px !important;
	}
	ul.display-posts-listing li.listing-item {
		width: 100%;
		display: flex;
		flex-direction: column;
		position: relative;
	}
	.post-thumbnail + header.entry-header + .entry-content {
		padding: 20px;
	}
	nav.navigation.post-navigation {
		padding: 0 20px;
	}
}