/** MEDIA QUERIES **/

/** MEDIA QUERIES **/

/*Isotope Grid*/

@media only screen and (min-width: 40em) {
    .fullwidth .container-2cols .grid-sizer, .fullwidth .container-2cols .grid-item, .container-3cols .grid-sizer, .container-3cols .grid-item, .container-4cols .grid-item, .container-4cols .grid-sizer, .horizontal.in-post .container-3cols .grid-sizer, .horizontal.in-post .container-3cols .grid-item {
        width:49.9998%;
    }
    .container-3cols .grid-item.w2, .container-4cols .grid-item.w2, .container-2cols .grid-item.w2, .has-sidebar .container-3cols .grid-item.w2, .has-sidebar .container-4cols .grid-item.w2, .horizontal.in-post .container-4cols .grid-item.w2, .horizontal.in-post .container-3cols .grid-item.w2 {
        width: 100%;
    }
}

@media only screen and (min-width: 80em) {

    .container-4cols .grid-sizer, .container-4cols .grid-item, .narrow .container-4cols.masonry .grid-sizer, .narrow .container-4cols.masonry .grid-item  {
        width:25%;
    }
    .container-2cols .grid-sizer, .container-2cols .grid-item, .container-2cols .grid-item.w2, .container-4cols .grid-item.w2, .narrow-column .container-3cols .grid-sizer, .narrow-column .container-3cols .grid-item,  .has-sidebar .container-3cols .grid-sizer, .has-sidebar .container-3cols .grid-item {
        width:50%;
    }
    .container-3cols .grid-sizer, .container-3cols .grid-item, .has-sidebar .container-4cols .grid-sizer, .has-sidebar .container-4cols .grid-item, .horizontal.in-post .container-4cols .grid-sizer, .horizontal.in-post .container-4cols .grid-item {
        width:33.3333%;
    }
    .container-3cols .grid-item.w2, .has-sidebar .container-4cols .grid-item.w2, .horizontal.in-post .container-4cols .grid-item.w2 {
        width: 66.6665%;
    }
    .container-2cols .grid-item.w2, .narrow-column .container-3cols .grid-item.w2, .has-sidebar .container-3cols .grid-item.w2 {
        width: 100%;
    }
}

/* Medium and Large Screens */

@media only screen and (min-width: 40em) {
    h1 {
        font-size: 4.236em;
    }
    h2 {
        font-size: 3.33em;
    }
    h3 {
        font-size: 2.618em;
    }
    h4 {
        font-size: 2.058em;
    }
    h5 {
        font-size: 1.618em;
    }
    h6 {
        font-size: 1.272em;
    }
    .entry-header .divider-xmedium {
        padding-bottom:2.225em;
    }
    .masonry-container {
        column-count: 2;
        column-gap: 3.272em;
    }
    blockquote.twitter-tweet {
        padding: 1.99em 1.25em;
        margin: 1.25em 0;
    }
    .comment-form-author, .comment-form-email, .comment-form-url {
        width:33%;
        float: right;
    }
    .comment-form-comment {
        float: left;
        width:67%;
    }
    .comment-form-author, .comment-form-email, .comment-form-url {
        padding-left: 1.618em;
    }
    input#submit {
        clear: both;
    }
    textarea#comment {
        height: 13.56em;
    }
    .subheader .entry-title {
        font-size: 1.416em;
    }
    .container-1col .has-thumb .media-holder {
        margin: 0 2.427em 1.618em 0;
    }
    .grid-item .media-holder.overlay.dark .excerpt-text {
        display: block;
    }
    .horizontal ul.instagram-pics {
        margin-left: 16em;
    }
    .horizontal ul.instagram-pics li.instagram-image {
        width: 16.66667%;
    }
    .horizontal.modular .blocks .large-block {
        margin-bottom: 0;
    }
    .menu > li {
        display: table-cell;
    }
    .menu > li > a {
        padding: 1.063em 2.618em 1.063em 0;
    }
    dt {
        float: left;
        clear: left;
        width: 12em;
        text-align: left;
    }
    dd {
        margin: 0 0 0 13.618em;
        overflow: hidden;
    }
    .post-password-form label {
        width: auto;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
    .post-password-form input[type="submit"] {
        width: 10em;
        margin-top: 1.66em;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
    #footer .text-line {
        margin-top: 0.12em;
        text-align: right;
    }
}
@media only screen and (min-width: 64em) {
    .title-bar {
        display: none;
    }
    #sidebar-wrapper.cell {
        width: 18.75em;
    }
    #sidebar-side {
        padding: 0;
    }
    .boxed {
        padding: 3.272em 4.236em 0 4.236em;
    }
    .boxed.mid-white {
        padding: 3.6em 4.236em 0 4.236em;
    }
    #footer .boxed {
        padding: 0 4.236em 0 4.236em;
    }
    #footer-columns .boxed {
        padding: 0 2.927em;
    }
    #content.has-sidebar .boxed {
        padding: 3.272em 2.618em 0 4.236em;
    }
    .container-1col .grid-item .text-holder .inner {
        padding: 3.272em 4.236em 3.272em 4.236em;
    }
    .container-1col .grid-item .text-holder .inner {

    }
    #wrapper {
        margin-left: 16em;
    }
    #footer-columns .large-6 {
        padding-right: 4.236em;
    }
    #primary {
        display: block;
        position: relative;
    }
    #logo {
        padding: 0 0 2.125em 0;
        margin: 0;
    }
    .top-bar {
        padding: 3.46em 1em 0 2.618em;
        height: auto;
    }
    .top-bar .sub-menu {
        border-bottom-right-radius: 0.236em;
        border-bottom-left-radius: 0.236em;
    }
    .menu.horizontal > li {
        display: table-cell;
    }
    .main-menu.menu {
        padding: 0;
    }
    .main-menu.menu li {
        position: relative;
    }
    .main-menu.menu .is-dropdown-submenu {
        border-bottom-left-radius: 0.16em;
        border-bottom-right-radius: 0.16em;
    }
    #primary-menu.menu .is-dropdown-submenu, #top-menu.menu .is-dropdown-submenu  {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
        -webkit-animation-duration: 0.4s;
        animation-duration: 0.4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    #primary-menu.menu .sub-menu .sub-menu, #top-menu.menu .sub-menu .sub-menu {
        top: 0;
        left: 100%;
        right: auto;
    }
    #primary-menu.menu li:hover ul.sub-menu, #top-menu.menu li:hover ul.sub-menu {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 0.4s;
        animation-duration: 0.4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .main-menu.menu > li > a {
        padding: 0 2.5em 2.5em 0;
        margin-top: -1em;
    }
    .dropdown.menu > li.opens-right::after {
        right: 2.5em;
        top: -1.416em;
    }
    .secondary-menu.menu li a {
        padding: 0 0 0 2.618em;
    }
    #footer {
        height: 5.8675em;
        padding: 2.05em 0 0 0;
    }
    #footer.has-logo .secondary-menu {
        top: 0.504em;
    }
    .right {
        float: right;
    }
    .left {
        float: left;
    }
    .grid-item .media-holder.overlay.dark .more-link {
        display: block;
    }
    #sidebar .grid {
        padding: 0;
        margin: 0;
    }
    #sidebar .grid-item, #sidebar .grid-sizer {
        width: 100%;
        padding: 0 0 1.375em 0;
    }
    #sidebar .widget .grid-item .media-holder {
        margin: 0;
    }
    #sidebar .grid-item .media-holder.overlay.dark .excerpt-text {
        display: none;
    }
    #sidebar .grid-item .media-holder.overlay.dark .more-link {
        display: none;
    }
    #sidebar .grid-item .media-holder.overlay.dark h2.entry-title {
        font-size: 1.719em;
    }
    #sidebar .widget .large-block .media-holder {
        margin-bottom: 1.25em;
    }
    #sidebar .widget img.aligncenter, #sidebar .widget img.alignleft, #sidebar .widget img.alignright, #sidebar .widget img.alignnone {
        width: 100%;
    }
    .large-9.has-sidebar {
        width: 70%;
    }
    #sidebar-wrapper.large-3 {
        width: 30%;
    }
    h1.entry-title {
        font-size: 4.236em;
    }
    .aligncenter, .alignnone {
        padding: 1.618em 0 1.416em 0;
    }
    .narrow.full-images .entry-content img.aligncenter, .narrow.full-images .entry-content img.alignnone, .narrow.full-images .entry-content .media-holder img, .narrow.full-images .entry-content .media-content, .narrow.full-images .media-inner.media-single, .narrow.full-images .entry-content .wp-caption.alignnone, .has-sidebar.full-images .entry-content img.aligncenter, .has-sidebar.full-images .entry-content img.alignnone, .has-sidebar.full-images .entry-content .media-holder img, .has-sidebar.full-images .entry-content .media-content, .has-sidebar.full-images .media-inner.media-single, .has-sidebar.full-images .entry-content .wp-caption.alignnone, .fullwidth.full-images .entry-content img.aligncenter, .fullwidth.full-images .entry-content img.alignnone, .fullwidth.full-images .entry-content .media-holder img, .fullwidth.full-images .entry-content .media-content, .fullwidth.full-images .media-inner.media-single, .fullwidth.full-images .entry-content .wp-caption.alignnone {
        font-size: 16px;
        width: calc(100% + 8.473em) !important;
        margin-left: -4.236em;
        max-width: none;
    }
    .narrow.full-images .entry-content .gallery, .has-sidebar.full-images .entry-content .gallery, .fullwidth.full-images .entry-content .gallery {
        font-size: 16px;
        width: calc(100% + 8.473em + 2px) !important;
        margin-left: calc(-4.236em - 2px);
        max-width: none;
    }
    .large-title h1.entry-title {
        font-size: 4.236em;
    }
    .type-attachment .keynote p {
        font-size: 1.618em;
    }
    .owl-carousel h2.entry-title {
        font-size: 3.33em;
    }
    .aside-widgets .blocks .small-block .media-holder {
        margin: 0 0.85em 0 0;
    }
    .carousel .media-holder, .simple-carousel .media-holder {
        margin: 0;
    }
    #header .carousel .media-holder, #header .simple-carousel .media-holder {
        margin: 0 0 0.2em 0;
    }
    .blocks.simple-list-three-cols .small-block.has-thumb .large-5 {
        width: 33.33333%;
    }
    .blocks.simple-list-three-cols .small-block.has-thumb .large-7 {
        width: 66.66667%;
    }
    #footer-columns .blocks .small-block.has-thumb .large-5 {
        width: 20%;
    }
    #footer-columns .blocks .small-block.has-thumb .large-7 {
        width: 80%;
    }
    .position-left {
        overflow-y: visible;
    }
    .has-sidebar .comment-form-author,  .has-sidebar .comment-form-email,  .has-sidebar .comment-form-url {
        width:100%;
        float: none;
    }
    .has-sidebar .comment-form-comment {
        float: none;
        width:100%;
    }
    .has-sidebar .comment-form-author,  .has-sidebar .comment-form-email,  .has-sidebar .comment-form-url {
        padding-left: 0;
    }
}

@media only screen and (min-width: 80em) {
    .entry-wrapper .narrow .boxed {
        padding: 3.272em 11.089em 0 11.089em;
    }
    .narrow.full-images .entry-content img.aligncenter, .narrow.full-images .entry-content img.alignnone, .narrow.full-images .entry-content .media-holder img, .narrow.full-images .entry-content .media-content, .narrow.full-images .media-inner.media-single, .narrow.full-images .entry-content .wp-caption.alignnone {
        font-size: 16px;
        width: calc(100% + 22.178em) !important;
        margin-left: -11.089em;
        max-width: none;
    }
    .narrow.full-images .entry-content .gallery {
        font-size: 16px;
        width: calc(100% + 22.178em + 2px) !important;
        margin-left: calc(-11.089em - 2px);
        max-width: none;
    }
    .post.has-post-thumbnail .small-block .entry-meta-holder {
        margin: 1.416em 0 0 9em;
    }
    .page .large-thumb-list-2-columns .post.has-post-thumbnail .small-block .entry-meta-holder {
         margin: 1.25em 0 0 5.375em;
    }
    .page .list-2-columns .post.has-post-thumbnail .small-block .entry-meta-holder {
        margin: 1.416em 0 0 11.125em;
    }
    .top-bar {
        padding: 3.46em 4.236em 0 4.236em;
    }
    .top-bar-right .top-search {
        width: 15.5em;
        margin-right: -1em;
    }
    .main-menu.menu > li > a {
        padding: 0 3em 2.5em 0;
        margin-top: -1em;
    }
    .dropdown.menu > li.opens-right::after {
        right: 3.4em;
        top: -1.416em;
    }
    .slider .media-holder.overlay .text-holder .inner {
        width: 54%;
    }
    .has-sidebar  .comment-form-author, .has-sidebar .comment-form-email, .has-sidebar .comment-form-url {
        width:33%;
        float: right;
    }
    .has-sidebar  .comment-form-comment {
        float: left;
        width:67%;
    }
    .has-sidebar .comment-form-author, .has-sidebar  .comment-form-email, .has-sidebar  .comment-form-url {
        padding-left: 1.618em;
    }
}
@media only screen and (min-width: 90em) {
}
@media only screen and (min-width: 100em) {
    body {
        font-size: 125%;
    }
    .comment, .pingback, .comment-reply-link, .comment-edit-link, .widget ul li ul li, .widget ul li ul li ul li, .widget ul li ul li ul li ul li {
        font-size: 17px;
    }
    .narrow.full-images .entry-content img.aligncenter, .narrow.full-images .entry-content img.alignnone, .narrow.full-images .entry-content .media-holder img, .narrow.full-images .entry-content .media-content, .narrow.full-images .media-inner.media-single, .narrow.full-images .entry-content .wp-caption.alignnone, .has-sidebar.full-images .entry-content img.aligncenter, .has-sidebar.full-images .entry-content img.alignnone, .has-sidebar.full-images .entry-content .media-holder img, .has-sidebar.full-images .entry-content .media-content, .has-sidebar.full-images .media-inner.media-single, .has-sidebar.full-images .entry-content .wp-caption.alignnone, .fullwidth.full-images .entry-content img.aligncenter, .fullwidth.full-images .entry-content img.alignnone, .fullwidth.full-images .entry-content .media-holder img, .fullwidth.full-images .entry-content .media-content, .fullwidth.full-images .media-inner.media-single, .fullwidth.full-images .entry-content .wp-caption.alignnone,.narrow.full-images .entry-content .gallery, .has-sidebar.full-images .entry-content .gallery, .fullwidth.full-images .entry-content .gallery {
        font-size: 20px;
    }
}
@media only screen {

    /* Transitions */
    a, .social-item .icon a, input#submit, .wpcf7-submit, .postfix,  input[type="text"], input[type="password"], input[type="email"],input[type="search"],input[type="tel"],input[type="url"], input#wp-submit, textarea, .widget ul li a, .tagcloud a, .item-icon, .comment .fn, .half-grid .post:hover .media-holder, .excerpt-text, .menu-icon, .top-bar-right .search-btn .search-icon i, .menu li a, .widget_wysija_cont .wysija-submit, .gallery-item .gallery-icon:after, input[type="submit"], .owl-theme .owl-dots .owl-dot span {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    .grid,
    .grid .grid-item, .owl-theme .owl-nav div {
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        -ms-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
    }
    .grid {
        -webkit-transition-property: height, width;
        -moz-transition-property: height, width;
        -ms-transition-property: height, width;
        -o-transition-property: height, width;
        transition-property: height, width;
    }
    .grid .grid-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property:    -moz-transform, opacity;
        -ms-transition-property:     -ms-transform, opacity;
        -o-transition-property:      -o-transform, opacity;
        transition-property:         transform, opacity;
    }

    .grid.no-transition,
    .grid.no-transition .grid-item,
    .grid .grid-item.no-transition {
        -webkit-transition-duration: 0s;
        -moz-transition-duration: 0s;
        -ms-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
    }
}