/*
Theme Name:     MW Conference Theme 102
Description:    MW Child of TwentySixteen  
Template:       twentysixteen                          
*/

html{
    background: #2e4a54 none repeat scroll 0 0;
}

body{
    font-family: "neuzeit-grotesk", "Helvetica Neue", sans-serif;
    background: #2e4a54 none repeat scroll 0 0;
}

body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {
    height: 0;
}

 select,
 textarea {
     color: #1a1a1a;
     font-family: "neuzeit-grotesk", "Helvetica Neue", sans-serif;
     font-size: 17px;
     line-height: 1.75;
 }

 p {
     margin: 0 0 1.2em;
     font-family: "neuzeit-grotesk", "Helvetica Neue", sans-serif;
     font-size: 1em;
 }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
    font-family: "neuzeit-grotesk","Helvetica Neue",sans-serif;
    opacity: .7;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
    font-family: "neuzeit-grotesk","Helvetica Neue",sans-serif;
    opacity: .7;
}
:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    font-family: "neuzeit-grotesk","Helvetica Neue",sans-serif;
    opacity: .7;
}

button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
    background: #e55747 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    font-family: "neuzeit-grotesk","Helvetica Neue",sans-serif;
    font-size: 0.906em;
    font-weight: 100;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 0.94375em 0.875em 0.88125em;
    text-transform: uppercase;
}


 button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus,  input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
     background: #cb311f none repeat scroll 0 0;
     border: medium none;
     color: #fff;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
}


body, button, input, select, textarea {
    font-family: "neuzeit-grotesk","Helvetica Neue",sans-serif;
    font-size: 1rem;
}

 .search-form {
     position: relative;
 }

.top-nav-desc .search-form {
     margin-bottom: 1.875em;
     width: 100%;
}
.nav-search {
     display: inline-block;
     float: right;
     position: relative;
     width: 25%;
}
.nav-search .search-form {
     max-width: 17.5em;
     width: 100%
}
input.search-field[type="search"] {
     background-color: rgba(255, 255, 255, 0.2);
     border: medium none;
     border-radius: 0.125em 0 0 0.125em;
     color: #fff;
     width: calc(100% - 42px);
}
#site-navigation input.search-field[type="search"] {
     background-color: rgba(255, 255, 255, 0.2);
     border: medium none;
     border-radius: 0.125em 0 0 0.125em;
     color: #fff;
     display: none;
     width: calc(100% - 42px);
 }
 
 a {
     color: #e55747;
     text-decoration: none;
 }

 a:hover,
     display: block;
 }

 .site-footer .main-navigation {
     margin-bottom: 1.75em;
     position: relative;
 }
 .menu-item-has-children a::after, .social-navigation a::before, .dropdown-toggle::after, .bypostauthor > article .fn::after, .comment-reply-title small a::before, .pagination .prev::before, .pagination .next::before, .pagination .nav-links::before, .pagination .nav-links::after, .search-submit::before {
    color: #fff;
}

.search-submit::before {
    content: "\f400";
    font-size: 21px;
    left: 0px;
    line-height: 42px;
    position: relative;
    width: 40px;
    top: -2px;
}

 .main-navigation a {
     color: #c0c0c0;
     display: block;
     line-height: 1.3125;
     outline-offset: -0.063em;
     font-family: 'neuzeit-grotesk', "Helvetica Neue", sans-serif;
 }

 .main-navigation a:hover,
 .main-navigation a:focus {
     color: #ffffff;
 }

 .main-navigation .current-menu-item > a,
 .main-navigation .current-menu-ancestor > a {
     font-weight: 200;
 }

 .main-navigation ul ul {
     display: none;
     left: 0.063em;
     position: relative;
     color: #d1d1d1;
    padding-right: 0.938em;
    width: 100%;
 }


 .dropdown-toggle:hover,
 .dropdown-toggle:focus {
     border-top: 0 solid #1a1a1a;
     border-bottom: 0 solid #1a1a1a;
     clear: both;
     font-family: 'neuzeit-grotesk', "Helvetica Neue", sans-serif;
     margin: 0;
 }

 .post-navigation .post-title {
     display: inline;
     font-family: 'neuzeit-grotesk', "Helvetica Neue", sans-serif;
     font-size: 1.438em;
     font-size: 1.4375rem;
     font-weight: 700;
 }

 .entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
box-shadow: 0 0 0 0 currentcolor;
}

#hero-image {
     background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
     height: 25.938em;
}

#hero-image-page{
    width: 100%;
    margin-top: 3.125em;
}

#hero-image .background {
     background: url('images/hero-city.jpg') no-repeat scroll center top / cover;
     bottom: 0;
     height: 27.500em;
     left: 0;
     overflow: hidden;
     position: relative;
     right: 0;
     top: 0.938em;
     z-index: 0;
}

#page-hero {
     background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
     height: 15.625em;
}

#page-hero .background {
     bottom: 0;
     height: 11.875em;
     left: 0;
     overflow: hidden;
     position: relative;
     right: 0;
     top: 5em;
     z-index: 0;
}

#hero-image .featured-content {
     color: rgb(255, 255, 255);
     left: 0;
     margin: auto;
     max-width: 40.625em;
     position: absolute;
     right: 0;
     text-align: center;
     top: 18.125em;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 100%;
}

#hero-image .featured-content h1 {
     color: #fff;
     font-size: 1.5em;
     font-weight: 400;
     line-height: 1.5em;
     padding: 0 0.625em;
     text-transform: uppercase;
}

#hero-image .featured-content p {
     color: #ddd;
     font-size: 1.125em;
     margin: 0.313em 0 1.250em;
}

#hero-image .featured-content a {
     margin: 1.250em 0.313em 0;
}

#hero-image .featured-content button {
     background: #e6412e none repeat scroll 0 0;
     border: medium none;
     font-size: 0.938em;
     padding: 0.750em 1em;
     color:#ffffff;
}

#hero-image .featured-content button:hover {
     background: #cb311f none repeat scroll 0 0;
     border: medium none;
     color: #fff;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
}
dl#simple-gallery { 
  display: none;
}

 .widget {
     border-top: none;
     margin-bottom: 3.5em;
 }

.widget .widget-title {
    background: rgba(27, 41, 46, 0.98) none repeat scroll 0 0;
    color: #fff;
    font-family: "neuzeit-grotesk","Helvetica Neue",sans-serif;
    font-size: .9em;
    font-weight: 500;
    padding: 0.725em;
}

.widget {
    font-size: inherit;
}

.widget button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] {
    line-height: 1;
    padding: 0.6em 1.06154em;
    margin-top: .4em;
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
    padding: 0.525em 0.4375em;
}

button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
    padding: 0.74375em 0.875em;
    font-size: 0.806em;
}

#gold-sponsor, #bronze-sponsor {
    margin-top: 2.188em;
}
 .site {
     background: #fbfaf8;
     margin: 0;
 }

.site-inner {
    margin: 0 auto;
    max-width: none;
    position: relative;
}

 .site-content {
     word-wrap: break-word;
     background: #ffffff;
 }
 
 .site-header {
     padding: 0 .938em;
     background: #2e4a54 none repeat scroll 0 0;
     position: fixed;
     width: 100%;
     z-index: 99999;
     -webkit-box-shadow: 0 0 1.188em 0.313em;
     -moz-box-shadow: 0 0 1.188em 0.313em;
     box-shadow: 0 0 1.188em 0.313em;
}

.site-header-menu.toggled-on, .no-js .site-header-menu {
    display: block;
    max-height: 28em;
    overflow-y: auto;
    overflow-x: hidden;
}

.top-nav-desc p {
     display: none;
}

.top-nav-desc span {
     margin-left: 3.125em;
 }

 .site-header-main {
     -webkit-align-items: center;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 0 auto;
     padding: 0 0.625em 0 0;
 }

 .site-branding {
     margin: 0.425em auto 0.425em 0; 
     max-width: 100%;
     display: block;
 }

 .custom-logo {
     max-width: 4.688em;
     margin-left: -0.313em;
 }

 .site-title {
     font-family: 'neuzeit-grotesk', "Helvetica Neue", sans-serif;
     font-size: 1.438em;
     font-weight: 700;
 }

 .menu-toggle {
     background-color: transparent;
     border: 0.063em solid #d1d1d1;
     border-radius: 0;
     color: #d1d1d1;
     font-family: neuzeit-grotesk;
     font-size: 0.8725rem;
     font-weight: 100;
     margin: 1.07692em 0;
     padding: 0.769231em;
 }

 .menu-toggle:hover,
 .menu-toggle:focus {
     background-color: transparent;
     color: #ffffff;
     border: 0.063em solid #ffffff; 
 }

 .menu-toggle.toggled-on,
 .menu-toggle.toggled-on:hover,
 .menu-toggle.toggled-on:focus {
     background-color: #000000;
     border-color: #000000;
     color: #fff;
 }

 .entry-title {
     font-family: "neuzeit-grotesk", "Helvetica Neue", sans-serif;
     font-size: 1.000em;
     font-weight: 700;
     line-height: 1.25;
     margin-bottom: 1em;
     margin-left: 0;
     margin-top: 2.500em;
     text-transform: capitalize;
 }


 .entry-title::after {
    border-bottom: 0.125em solid #1a1a1a;
    content: "";
    display: block;
    height: 0.063em;
    padding-bottom: 0.938em;
    width: 2.500em;
}


 .entry-title a {
     color: #1a1a1a;
 }

.sponsor-img{
    margin: 0 auto;
}

.sponsor-top{
   margin: 0px auto 15px;
}


 .entry-footer {
     color: #686868;
     font-family: 'neuzeit-grotesk', "Helvetica Neue", sans-serif;
     font-size: 0.813em;
     font-size: 0.8125rem;
     line-height: 1.6153846154;
   }

   .entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
        margin-left: 0;
        margin-right: 0;
    }

 .sticky-post {
     color: #686868;
     display: block;
     font-family: 'neuzeit-grotesk', "Helvetica Neue", sans-serif;
     font-size: 0.813em;
     font-size: 0.8125rem;
     letter-spacing: 0.076923077em;
     padding-top: 0;
 }

 .page-title {
     font-family: 'neuzeit-grotesk', "Helvetica Neue", sans-serif;
     font-size: 1.438em;
     line-height: 1.2173913043;
 }

 .page-links {
     clear: both;
     font-family: 'neuzeit-grotesk', "Helvetica Neue", sans-serif;
     margin: 0 0 1.75em;
 }

 .page-links a,
 .comments-title,
 .comment-reply-title {
     border-top: 0.250em solid #1a1a1a;
     font-family: 'neuzeit-grotesk', "Helvetica Neue", sans-serif;
     font-size: 1.438em;
     font-weight: 700;
  }

 .no-comments {
     border-top: 0.063em solid #d1d1d1;
     font-family: 'neuzeit-grotesk', "Helvetica Neue", sans-serif;
     font-weight: 700;
     margin: 0;
     padding-top: 1.75em;
}
 
 .site-footer {
     padding: 0 7.6923% 1.75em;
     background: #2e4a54 none repeat scroll 0 0;
 }

 .site-info {
     color: #ffffff;
     font-size: 0.938em;
     font-size: 0.8125rem;
     line-height: 1.875em;
     width: 100%
 }
 .site-info a {
      color: #cccccc;
      text-decoration: none;

 }

 .site-info a:hover,
 .site-info a:focus {
     color: #e55747;
     text-decoration: none;
 }

 .site-footer .site-title {
     font-family: inherit;
     font-size: inherit;
     font-weight: 400;
     font-size: 1.25em;
     float: left;
 }

.site-info .right {
    float: left;
    padding-bottom: 1.875em;
    text-align: left;
}

 .site-footer .site-title:after {
     content: "";
     display: inline-block;
     font-family: 'neuzeit-grotesk', sans-serif;
     opacity: 0.7;
     padding: 0 0 0 0;
 }

  .site-title {
         font-size: 1.750em;
}


.widget-title.mw-margin {
    margin: 0;
}

.widget button, .widget input, .widget select, .widget textarea {
    font-size: 1rem;
    line-height: 0.938em;
}

.widget_wp_sidebarlogin ul.sidebar_login_links {
    margin-left: 0.125em;
}


.sidebar_login_links a {
    font-size: 1rem;
}

#content, #primary {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    float: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0.938em auto;
}


.site-content {
    padding: 0.625em 1.250em;
}

.site-main,
.mw-main75, 
.mw-sidebar25 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    background-color: #fff;
    float: none;
    margin: 0 0 1rem 0;
    width: auto;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    /*padding: 0 1px;*/
}


.entry-content {
    padding: 0;
    max-width: 58em;
}

.mw-sidebar {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    background-color: #fff;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    font-family: 'neuzeit-grotesk', sans-serif;
}
.mw-sidebar p,
.mw-sidebar form {
    padding: 0;
    margin: 0.5em 0;
    font-family: 'neuzeit-grotesk', sans-serif;
}

.widget input[type="date"], .widget input[type="time"], .widget input[type="datetime-local"], .widget input[type="week"], .widget input[type="month"], .widget input[type="text"], .widget input[type="email"], .widget input[type="url"], .widget input[type="password"], .widget input[type="search"], .widget input[type="tel"], .widget input[type="number"], .widget textarea {
    padding: 0.661538em 0.538462em;
}

#content-bottom-widgets,
#secondary {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    background-color: #fff;
    float: none;
    margin: 0;
    width: auto;
    font-family: 'neuzeit-grotesk', sans-serif;
    padding-right: 0em;
}
#content-bottom-widgets,
{
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
#secondary,
{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    /*position: relative;*/
}
.sidebar,
.widecolumn {
    padding: 0;
    font-family: 'neuzeit-grotesk', sans-serif;
}

@media screen and (min-width: 44.375em) {

     .widget {
         border-top: none;
         margin-bottom: 3.5em;
         padding:0 0 0 0;
     }

    .site-header-menu.toggled-on, .no-js .site-header-menu {
        display: block;
        max-height: auto;
        overflow-y: hidden;
        overflow-x: hidden;
    }

}

@media screen and (max-width: 44.375em) {


    .mw-sidebar {
        background-color: #fff;
        float: none;
        margin: 0;
        width: 100%;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    #content-bottom-widgets, 
    #secondary {
                -webkit-box-flex: 1;
                    -ms-flex: 1 1 100%;
                        flex: 1 1 100%;
                        padding-right: 1.5em;
    }
    #content-bottom-widgets {
        -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
                order: 5;
    }
    #secondary {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

}
 
@media screen and (min-width: 48.9375em) {
    body:not(.custom-background-image).admin-bar:before {
        top: 2em;
    }
}
/**
 * 14.3 - >= 910px
 */

@media screen and (min-width: 56.875em) {
    .site {
        margin: 0;
    }
    .site-main {
        margin-bottom: 5.25em;
    }
    .site-branding {
        margin-top: 1.3125em;
        margin-bottom: 1.3125em;
    }
    .site-header {
        padding: 0 1.563em 0.250em 0;
    }
    .site-header-main {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 1.563em;
        max-width: 85.000em;
    }
    .top-nav-desc {
        padding: 0.313em 0;
    }
    .top-nav-desc .search-form {
        float: right;
        position: relative;
        width: 11.563em;
    }
    .custom-logo {
    max-width: 5.938em;
    }
    .top-nav-desc p {
        display: block;
        color: #ffffff;
        margin: 0 0 0.250em 0.875em;
        float: left;
        width: 65%;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .wp-custom-logo .site-header-main {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .site-header-menu {
        display: block;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: 92%;
    }

    .main-navigation {
        float: left;
        margin: 0;
    }
    .main-navigation .primary-menu,
    .main-navigation .primary-menu > li {
        border: 0;
    }
    .main-navigation .primary-menu > li {
        float: left;
    }
    .main-navigation a {
        outline-offset: -0.500em;
        padding: 0.65625em 0.875em;
        white-space: nowrap;
    }
    .main-navigation li:hover > a,
    .main-navigation li.focus > a {
        color: #ffffff;
    }
    .main-navigation ul ul {
        border-bottom: 0 solid #1b292e;
        display: block;
        left: -999em;
        margin: 0;
        position: absolute;
        z-index: 99999;
    }
    .main-navigation ul ul ul {
        top: -0.063em;
    }
    .main-navigation ul ul ul:before,
    .main-navigation ul ul ul:after {
        border: 0;
    }
    .main-navigation ul ul li {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #1b292e;
        border-color: #1b292e;
        border-image: none;
        border-style: solid;
        border-width: 0.063em 0.063em 0;
        width: 11.563em;
        float: right;
    }
    .main-navigation ul ul li:hover {
        background-color: #22343a;
        border-color: #22343a;
    }
    .main-navigation ul ul a {
        color: #fff;
        font-size: 0.969em;
        white-space: normal;
        width: 12.6875em;
    }
    .main-navigation ul ul:before {
        border-color: #d1d1d1 transparent;
        border-width: 0 0.625em 0.625em;
        right: 0.563em;
        top: -0.563em;
    }
    .main-navigation ul ul:after {
        border-color: #fff transparent;
        border-width: 0 0.500em 0.500em;
        right: 0.688em;
        top: 0.438em;
    }

    .main-navigation ul ul::before, .main-navigation ul ul::after {
        border-style: solid;
        content: none;
    }

    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        left: auto;
        right: 100%;
    }
    .main-navigation .menu-item-has-children > a {
        margin: 0;
        padding-right: 2.25em;
    }
    .main-navigation .menu-item-has-children > a:after {
        content: "\f431";
        position: absolute;
        right: 0.625em;
        top: 0.8125em;
    }
    .main-navigation ul ul .menu-item-has-children > a {
        padding-right: 2.0625em;
    }
    .main-navigation ul ul .menu-item-has-children > a:after {
        right: 0.5625em;
        top: 0.875em;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .dropdown-toggle,
    .main-navigation ul .dropdown-toggle.toggled-on,
    .menu-toggle,
    .site-header .social-navigation,
    .site-footer .main-navigation {
        display: none;
    }

  
    .site-content {
        padding: 2.5em 3.2%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

     .site-info .right {
         float: right;
         text-align: right;
    }


    .site-main {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
        background-color: #fff;
        float: none;
        margin: 0 0 1rem 0;
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
    }

    .entry-content ul, .entry-summary ul, .comment-content ul, .entry-content ol, .entry-summary ol, .comment-content ol {
        margin-left: 1.5em;
    }

    .mw-sidebar {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
        background-color: #fff;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
    }
    /* apply this .mw-main75  class to the #main div on pages where only one sidebar is needed */
    
    .mw-main75 {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 75%;
                flex: 1 1 75%;
        background-color: #fff;
        float: none;
        margin: 0 0 1rem 0;
        width: auto;
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
    }

    /*fix for margin with single column page*/
    #main.mw-main75 article .entry-content  {
        margin-right: 2em;
    }
    /* apply this .mw-sidebar25 class to the #mw-sidebar div on pages where only one sidebar is needed */
    
    .mw-sidebar25 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        background-color: #fff;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
    }
    
    /** Hero - Desktop */

    #content, #primary {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    float: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
}
  
    #primary {
        max-width: 84.375em;
    }  

    #hero-image {
        background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    }

    #page-hero {
         background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
         height: 25.313em;
    }

    #page-hero .background {
         bottom: 0;
         height: 20em;
         top: 6.563em;
         position: fixed;
    }

    #hero-image-page{
        margin-top: 8.125em;
    }

    #hero-image .featured-content {
        top: 16.875em;
    }

    #hero-image .featured-content p {
        font-size: 1.375em;
    }
    #hero-image .featured-content button {
        font-size: 1em;
    }
    #hero-image .background {
        position: fixed;
    }

dl#simple-gallery { 
  display: block;
  position: relative;
  font-size: 0;
  padding-bottom: 1rem;
}
dl#simple-gallery dt{
  width: 12.5%;
  min-width: 3.125em;
  cursor: pointer;
  margin-left:82%;
  padding-bottom: 0.938em;
}
dl#simple-gallery dt img { 
  width: 100%;
  height: auto;
}
dl#simple-gallery dt:hover+dd, dl#simple-gallery dt:focus+dd { 
  opacity:1;
}
dl#simple-gallery dd { 
  position: absolute;
  top: 0rem;
  left: 0%;
  opacity: 0;
  transition: .2s opacity;
  text-align: center;
  font-size: 1.4rem;
  color: #1a1a1a;
  padding-left: 0;
  width: 80%;
}
dl#simple-gallery dd.active { 
  opacity: 1;
}
dl#simple-gallery dd img{
  width: 100%;
  height: auto;
  display:block;
  margin-bottom: 1rem;
}


}
/**
 * 14.4 - >= 985px
 */

@media screen and (min-width: 61.5625em) {
    .site-main {
        margin-bottom: 7.0em;
    }
    .site-header-menu {
        display: block;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: 100%;
    }
    .site-branding,
    .site-header-menu,
    .header-image {
        margin-bottom: 0;
        margin-top: 0.4em;
    }
    .image-navigation {
        margin-bottom: 3.230769231em;
    }
    .post-navigation {
        margin-bottom: 7.0em;
    }
    .pagination {
        margin-bottom: 5.894736842em;
    }
    .widget {
        margin-bottom: 4.307692308em;
    }

     .widget {
         border-top: none;
         margin-bottom: 3.5em;
         padding:0 0 0 0.625em;
     }

    .site-main > article {
        margin-bottom: 7.0em;
    }
    .entry-title {
        margin-left: 0;
        margin-top: 0;
    }

    .entry-content {
        padding:0 0.938em 0 0
    }

}
/**
 * 14.5 - >= 1200px
 */

@media screen and (min-width: 75em) {
    #hero-tabs .main-callout p {
        font-size: 1.188em;
    }
    #hero-tabs .main-callout {
        width: 50%;
        padding: 5.313em 3.750em 3.750em;
        float: left;
    }
    
}
