/** MEDIA QUERIES **/

/*Isotope Grid*/

@media only screen and (min-width: 40em) {
    .container-2cols .grid-sizer, .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: 64em) {

    .horizontal.in-post .container-4cols .grid-sizer, .horizontal.in-post .container-4cols .grid-item {
        width:49.9998%;
    }
    .horizontal ul.instagram-pics li.instagram-image {
        width: 16.66666666666667%;
    }
}

@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%;
    }
}

@media only screen and (min-width: 85em) {
    .horizontal.in-post .container-4cols .grid-sizer, .horizontal.in-post .container-4cols .grid-item {
        width:33.3333%;
    }
}

/* Medium and Large Screens */

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

    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;
        margin: 0;
    }
    .comment-form-comment {
        float: left;
        width:67%;
    }
    .comment-form-author, .comment-form-email, .comment-form-url {
        padding-left: 1.719em;
    }
    input#submit {
        clear: both;
    }
    textarea#comment {
        height: 15.78em;
    }
    .comment-reply-link, .comment-edit-link {
        width: auto;
        display: inline-block;
        text-align: center;
    }
    .comment-reply-link {
        margin: 0 0 0 3.706em;
    }
    .comment-edit-link {
        margin-left: 1.719em;
    }
    h1.entry-title {
        font-size: 2.782em;
    }
    .subheader .entry-title {
        font-size: 1.416em;
    }
    .admin-bar .sticky.is-stuck.is-at-top {
        top: 32px !important;
    }
    .container-1col .has-thumb .media-holder {
        margin: 0 2.225em 0 0;
    }
    .grid-item .media-holder.overlay.dark .excerpt-text {
        display: block;
    }
    #sidebar .widget.widget_dpe_fp_widget .sidebar-blocks .block-inner {
        padding-right: 1em;
    }
    .horizontal.modular .blocks .large-block {
        margin-bottom: 0;
    }
    .social-menu {
        padding-top: 0.236em;
    }
    .menu li.social-item a {
        padding: 0 0.382em 0 0;
    }
    .menu > li {
        display: table-cell;
    }
    .menu > li > a {
        padding: 1.063em 2.618em 1.063em 0;
    }
    #sidebar-side .medium-6, #sidebar-side .small-6 {
        width: 100%;
    }
    dt {
        float: left;
        clear: left;
        width: 14em;
        text-align: right;
    }
    dd {
        margin: 0 0 0 15.618em;
        overflow: hidden;
    }
    #footer-columns .blocks.sidebar-blocks .medium-6 {
        width: 100%;
    }
    #footer-columns .blocks .small-block.has-thumb .large-5 {
        width: 20%;
    }
    #footer-columns .blocks .small-block.has-thumb .large-7 {
        width: 80%;
    }
    #footer .text-line {
        margin-top: 0.12em;
        text-align: right;
    }
}
@media only screen and (min-width: 52em) {
    #footer-columns .blocks .small-block.has-thumb .large-5 {
        width: 17.5%;
    }
    #footer-columns .blocks .small-block.has-thumb .large-7 {
        width: 82.5%;
    }
}
@media only screen and (min-width: 64em) {
    .boxed {
        padding: 0 2.291em;
    }
    .title-bar {
        display: none;
    }
    .top-bar .top-bar-left,
    .top-bar .top-bar-right {
        width: auto;
    }
    #primary, #top-menu {
        display: block;
    }
    #header {
        padding: 2.782em 0 0 0;
        margin: 0 0 4.5em 0;
    }
    #logo {
        padding: 0 0 2.125em 0;
        margin: 0;
    }
    #primary {
        position: relative;
        padding: 0;
        background-color: transparent !important;
    }
    .top-search input[type="search"] {
        height:3.777em;
    }
    .off-canvas-content .top-search {
        margin-right: 0;
    }
    .top-bar {
        padding: 0 0 0 1.719em;
        min-height: 2.625em;
        height: auto;
    }
    .top-bar-right .search-btn {
        top: 0.5em;
    }
    .top-bar .menu {
        padding: 0;
    }
    .menu.horizontal > li {
        display: table-cell;
    }
    .top-bar .menu > li > a {
        padding: 1.063em 2.618em 1.063em 0;
    }
    .top-bar .sub-menu {
        border-bottom-right-radius: 0.236em;
        border-bottom-left-radius: 0.236em;
    }
    .main-menu.menu {
        padding: 0 0 1.9em 0;
    }
    .main-menu.menu li {
        position: relative;
    }
    .main-menu.menu .is-dropdown-submenu {
        border-radius: 0.236em;
    }
    #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:not(.menu-text) > a {
        padding: 0 2.782em 1.375em 0;
    }
    .main-menu.menu > li.filter-item > a {
        padding: 0 1.375em 1.375em 0;
    }
    .main-menu.menu > li.filter-item .filter-all {
        margin-top: -0.06em;
    }
    .main-menu.menu > li.divider-item {
        padding: 0 1.063em 1.375em 0;
    }
    .secondary-menu.menu li a {
        padding: 0 0 0 2.618em;
    }
    #sidebar, #sidebar-side {
        padding: 0 0 0 1.375em;
    }
    #footer .image-logo {
        padding-bottom: 0;
    }
    #social-menu, .has-top-menu #social-menu {
        position: relative;
        left: auto;
    }
    #social-menu.menu li a {
        padding: 1em 1.416em 1em 0.85em;
    }
    .grid-item .media-holder.overlay.dark .more-link {
        display: block;
    }
    #sidebar .widget.widget_dpe_fp_widget .sidebar-blocks .block-inner {
        padding-right: 1em;
    }
    #sidebar .widget.widget_dpe_fp_widget .sidebar-blocks .has-thumb {
        margin-left: -2.225em;
    }
    #sidebar .grid-wrapper {
        padding: 0;
    }
    #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 .blocks .large-6 {
        width: 100%;
    }
    #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: 3.706em;
    }
    .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 .entry-content .gallery, .narrow.full-images .media-inner.media-single, .narrow.full-images .entry-content .wp-caption.alignnone {
        width: 133.4% !important;
        max-width: none;
        margin-left: -16.7%;
        margin-right: -16.7%;
    }
    .large-title h1.entry-title {
        font-size: 4.236em;
    }
    .entry-content p {
        text-align: justify;
    }
    .type-attachment .keynote p {
        font-size: 1.618em;
    }
    .owl-carousel h2.entry-title {
        font-size: 2.225em;
    }
    .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%;
    }
    #footer .right {
        float: right;
    }
    #footer .left {
        float: left;
    }
}

@media only screen and (min-width: 80em) {
    .boxed {
        padding: 0 4.501em;
    }
    .large-9.has-sidebar {
        width: 72%;
    }
    #sidebar-wrapper.large-3 {
        width: 28%;
    }
    .single-post #sidebar {
        padding-left: 4.501em;
    }
    .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;
    }
}
@media only screen and (min-width: 90em) {
    .large-9.has-sidebar {
        width: 75%;
    }
    #sidebar-wrapper.large-3 {
        width: 25%;
    }
    #footer-columns .blocks .small-block.has-thumb .large-5 {
        width: 17.5%;
    }
    #footer-columns .blocks .small-block.has-thumb .large-7 {
        width: 82.5%;
    }
}
@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;
    }
}
@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"] {
        -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;
    }
}