/* defaults for screens less than 1025px */
.pageWrap {
    position: relative;
    overflow: visible;
    min-height: 100vh;
    max-width: 100vw;
}

.gutter {
    width: auto;
}

.narrow {
    width: 65%;
    padding: 0 5%;
}

.logo {
    display: block;
    float: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    height: 69px;
    line-height: 58px;
    vertical-align: middle;
    text-align: center;
}

.mainFooter .gutter {
    margin: 0 25px;
}


.blackBar {
    padding: 0 0 0 16px;
}



/* Sub Menus */

.mainNav ul, .mainNav ul ul {
    position: static;
    width: auto;
    left: auto;
    top: auto;
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: none !important;
            transition: none !important;
}

.mainNav ul ul {
    display: none;
}

.mainNav ul ul {
    border-top: 1px solid rgba(255,255,255,0.05);
}

.mainNav ul ul li {
    font-family: 'Avenir', sans-serif;
    font-size: 14px;
}

.mainNav ul ul li a {
    padding: 8px 36px 8px 27px;
}

.mainNav ul li:hover a {
    background-color: transparent;
    color: #3accc3;
}

.mainNav ul li:hover ul li a {
    background-color: transparent;
    color: #fff;
}

.mainNav ul ul ul, .mainNav ul li:hover ul ul {
    position: static;
    pointer-events: auto;
    opacity: 1;
    left: auto;
    top: auto;
    background-color: #393939;
    -webkit-transform: translateY(0) translateX(0px);
        -ms-transform: translateY(0) translateX(0px);
            transform: translateY(0) translateX(0px);
}

span.subToggler {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    width: 34px;
    text-align: center;
    font: 20px/1 fa;
    color: #fff;
    padding: 9px 0 0;
}

span.subToggler:before {
    content: '\f107';
    display: inline-block;
}

span.subToggler.on:before {
    content: '\f106';
}

.plug {
    display: block;
    position: static;
    z-index: 0;
    top: auto;
    left: auto;
    margin: 40px auto;
    width: 40%;
}

/* Featured Slider/Grid Overrides */
.tsBlock .title {
    font-size: 30px;
    padding: 0 10% 0 0;
}
.rotatingtweet .rtw_main { font-size: 15px; }
.classic.tile header { top: 35%; }


.gridWall.wide .gridItem, .gridWall.wide .gridSizer {
    width: 33.3%;
}

.classic.tile header h1,
    .classic.tile header h2 { font-size: 16px; }

.classic.grid blockquote.link p.author {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ssPort input[type="text"] {
    font-size: 75px;
}

.error404 .articleBody{
	padding-bottom: 0;
}

/* Sidebar Styles */
.side.right {
    width: 35%;
}

.page .side.right,
 .search .side.right,
  .archive .side.right {
    height: auto !important;
    overflow: scroll;
    padding: 15px;
}

.btBox { margin: 0 0 25px; }
.side.right .btBox.widget_text { display: none; /* hide social media icons */ }

/* Ind Post/Resource pages */
article header h1, article header h2 { font-size: 30px; }


/***
/ Begin Device / Screen Specific
*/

/* iPad/Galaxy portrait / exclude iPad Pro */
@media (min-device-width: 768px)
  and (max-device-width: 1023px)
  and (orientation: portrait) {

    .topSlide,
        .content.tiles { width: 66.7%; }
    .widget_rotatingtweets_widget,
        .page .side.right,
        .search .side.right,
         .archive .side.right { width: 33.3%; }

    /* Featured SLider */
    .tsBlock .title { font-size: 24px; }
    .topSlidePort .slick-prev { left: 35%; }
    .topSlidePort .slick-next { right: 35%; }

    /* Grid Tiles */

    /* Post Pages */
    .post footer .tagsCloud,
        .articleBody .tagsCloud { width: 50%; }

    .post footer .tagsCloud li a,
        .articleBody .tagsCloud li a { font-size: 11px; }
}


/* mobile phones below 736px (iPhone 6+) */
@media only screen
  and (min-device-width: 0px)
  and (max-device-width: 736px) {

    /* Header Styles */
    .boldFixedHeader .mainHeader { top: 79px; }


    /* Widgets */
    .topSlide, .widget_rotatingtweets_widget { display: none; /* hide feature slider and twitter */ }
    .wpp-list .wpp-thumbnail { display: none; /* hide thumbnails for popular posts */ }

    /*.pageWrap { margin-top: 55px; }*/
    .page .content.tiles { top: 0px !important; }

    /* Ind Post/Resource Pages */
    .sideToggler { display: none; /* hides sidebar on Post/Resource pages */ }

    article header h1, article header h2 { font-size: 24px; }
	  
    .single .pageWrap { padding-top: 81px; }

}

/* screens/browser size below 736px  */
@media (max-width: 736px) {
    .topSlide, .widget_rotatingtweets_widget { display: none; /* hide feature slider and twitter */ }
    /*.content.tiles {
        top: 65px !important;
        width: 66.7%;
    }
    .page .side.right,
        .search .side.right,
         .archive .side.right {
            float: right;
            top: 65px !important;
            width: 33.3%;
    }*/
}
@media (min-width: 737px) {
    .home .content.tiles { top: 362px !important; }
    /*.page .content.tiles, .home .content.tiles { top: 362px !important; }*/
}


/* mobile phones below 736px (iPhone 6+) Portrait */
@media only screen
  and (min-device-width: 0px)
  and (max-device-width: 736px)
  and (orientation: portrait) {
    .pageWrap { top: 55px; }
    .content.tiles { width: 100%; }
    .tilesWall .gridItem { padding-right: 0; }
    .page .side.right,
        .search .side.right,
         .archive .side.right { display: none; }

}

/* mobile phones below 736px (iPhone 6+) Portrait */
@media only screen
  and (min-device-width: 0px)
  and (max-device-width: 736px)
  and (orientation: portrait),
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (orientation: landscape) {
    .content.tiles { width: 100%; }
    .tilesWall .gridItem { padding-right: 0; }
    .page .side.right,
        .search .side.right,
         .archive .side.right { display: none; }
    .articleBody .tagsCloud, .articleBody .socialsRow { display: none; /* hide tags and SM icons at top of article / keep bottom ones */ }
    .articleBody .tagsCloud li a { font-size: 10px; }
    article.classic footer { margin: 0; }
    article.classic footer .tagsCloud { padding: 0 0 20px; width: 100%; }
    article.classic footer .socialsRow { float: left; }
    .neighbor a strong { font-size: 12px; }
    .neighbor img { display: none; }

}

/* mobile devices below 960px Landscape */
@media only screen
  and (min-device-width: 0px)
  and (max-device-width: 960px)
  and (orientation: landscape) {
    .content.tiles,
     .topSlide { width: 66.7%; }

    .page .side.right,
    .search .side.right,
     .archive .side.right,
     .widget_rotatingtweets_widget {
        float: right;
        width: 33.3% !important;
    }

    /* Featured SLider */
    .tsBlock .title { font-size: 24px; }
    .topSlidePort .slick-prev { left: 35%; }
    .topSlidePort .slick-next { right: 35%; }
}

@media only screen
    and (min-device-width: 640px)
    and (max-device-width: 736px)
    and (orientation: portrait) {
        .content.tiles  { width: 66.7%; }
        .page .side.right,
         .search .side.right,
         .archive .side.right  {
            display: block;
            float: right;
            width: 33.3% !important;
         }
}

/* screens/browsers below 960px but larger than 568 */
@media  (min-width: 569px)
  and (max-width: 960px) {

    .pageWrap { margin-top: 0 !important; top: 55px; }
    .content.tiles,
     .topSlide { width: 66.7%; }
     .content.tiles { top: 0 !important; }

    .page .side.right,
    .search .side.right,
     .archive .side.right,
     .widget_rotatingtweets_widget {
        float: right;
        position: relative;
        /*top: 65px;*/
        width: 33.3% !important;
    }

    /* Featured Slider */
    .tsBlock .title { font-size: 24px; }
    .topSlidePort .slick-prev { left: 35%; }
    .topSlidePort .slick-next { right: 35%; }
}

@media  (min-width: 569px)
  and (max-width: 736px) {
    .home .content.tiles { top: 362px; }
  }

@media (min-width: 768px) {
    .pageWrap { margin-top: 0 !important; top: 90px; }
}

/* screens/browsers below 768px  */
@media (max-width: 768px) {

    .boldFixedHeader .mainHeader {
        top: 79px;
    }
    .headerBar {
        padding: 0 25px 0 15px;
        min-height: 30px;
        max-height: 30px;
    }
    .blog-description {
        font-size: 14px;
        line-height: 30px;
    }
    span.menuToggler {
        font-size: 26px;
        height: 30px;
    }
    span.menuToggler:before { line-height: 30px; }

    .main.column.narrow {
        width: 100%;
    }
    .single aside.side.right {
        border-left: none;
        position: relative;
        display: block;
        width: 100%;
    }
}

/* iphone 5 Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (orientation: landscape) {
    .pageWrap { top: 55px; }
    .content.tiles { width: 100% !important; }
    .tilesWall .gridItem { padding-right: 0; }
    .page .side.right,
     .search .side.right,
      .archive .side.right { display: none; }

}
/*
* End Browser/Devices specific
*/



/*
Begin Untouched Styles from Parent Theme
*/

@media (max-width: 960px) {

    .tilesWall .gridSizer, .tilesWall .gridItem {
        width: 50%;
    }

}

@media (max-width: 860px) {


    body {
        font-size: 15px;
    }

    .classic {
        padding: 35px 0 16px;
    }

    aside.side {
        margin: 35px 0 16px;
    }

    header h2, header h1 {
        font-size: 38px;
        margin: 0 0 28px;
    }
	
	.classic header h3 {
		font-size: 13px;
	}

    .classic header p.meta {
        font-size: 13px;
        margin: -18px 0 28px;
    }

    p.loud {
        font-size: 19px;
        margin: 0 0 15px;
    }

    .classic header h3.errorCode {
        font-size: 64px;
    }

    .ssPort input[type="text"] {
        font-size: 46px;
    }


    .articleBody h1 {
        font-size: 48px;
    }

    .articleBody h2 {
        font-size: 38px;
    }

    .articleBody h3 {
        font-size: 32px;
    }

    .articleBody h4 {
        font-size: 26px;
    }

    .articleBody h5 {
        font-size: 16px;
    }

    .articleBody h6 {
        font-size: 13px;
    }

}


@media (max-width: 820px) {

    .gridItem, .gridSizer, .gridWall.wide .gridItem, .gridWall.wide .gridSizer {
        width: 50%;
    }

}

@media (max-width: 740px) {

    .column, .side.left, .side.right {
        float: none;
    }

    .narrow, .side {
        width: auto;
    }

    .x3 .fooBox {
        width: auto;
        float: none;
    }

    .x4 .fooBox {
        width: 50%;
    }

    .x4 .fooBox:nth-child(3n+1) {
        clear: none;
    }

    .x4 .fooBox:nth-child(odd) {
        clear: left;
    }


    .fooNav ul li {
        display: block;
        margin: 0;
        padding: 0;
        border-top: 1px solid rgba(255,255,255,0.07);
    }

    .fooNav ul li:first-child {
        border-top: none;
    }

    .fooNav ul li a {
        display: block;
        padding: 12px 0;
    }

}


@media (max-width: 740px) and (min-width: 480px) {

    .instaGrid span {
        width: 14.28%;
    }

}

@media (max-width: 680px) {

    ul.comments, .postComment {
        padding: 0;
    }

    .pcItem {
        margin: 0 0 20px;
    }

}

@media (max-width: 660px) {

    .tilesWall .gridSizer, .tilesWall .gridItem {
        width: 100%;
    }

    .ssPort input[type="text"] {
        font-size: 38px;
    }

    .classic footer .continue {
        float: none;
        margin: 0 0 18px;
        text-align: center;
    }

    .classic footer .socialsRow .ico {
        display: inline-block;
        float: none;
        margin: 0 5px;
    }

    .btSingle footer .tagsCloud {
        float: none;
        padding: 10px 0;
        width: auto;
        text-align: center;
    }

    .btSingle footer .tagsCloud ul {
        display: inline-block;
        text-align: center;
    }

}


@media (max-width: 580px) {

    .fooSocials .ico.wLabel span {
        border-radius: 50%;
        padding: 0;
    }

    .fooSocials .ico.wLabel span b {
        display: none;
    }

    ul.comments ul li {
        margin: 20px 0 0 35px;
    }

    ul.comments ul li:first-child {
        padding: 20px 0 0 35px;
    }

    /* wide post indents */

    .btSingle .articleBody {
        width: auto;
    }

    .btSingle .articleBody blockquote, .btSingle .articleBody .mediaBox, .btSingle .articleBody .slideBox {
        margin: 0 auto 38px;
    }

    .btSingle .articleBody .gallGrid {
        margin: 0 -4px 30px;
    }


    /* / wide post indents */

}

@media (max-width: 540px) {

    .articleBody {
        padding: 0;
    }

    .aaAvatar {
        display: block;
        padding: 0;
        margin: 0 auto 20px;
    }

    .aaTxt {
        display: block;
    }

}


@media (max-width: 480px) {

    .classic {
        padding: 30px 0 12px;
    }

    .classic header p.meta {
        margin: 0 0 4px;
    }

    header h1, header h2 {
        font-size: 30px;
        margin: 0 0 22px;
    }

    .classic header p.meta {
        font-size: 13px;
        margin: -18px 0 22px;
    }

    .classic header h3 {
        font-size: 17px;
        margin: 0 0 2px;
    }

    p.loud {
        font-size: 19px;
        margin: 0 0 22px;
    }

    .classic header p.meta {
        font-size: 12px;
    }

    blockquote {
        font-size: 22px;
    }

    blockquote:before, blockquote:after {
        font: 1.1em/1 fiesta;
    }

    blockquote:before {
        padding: 18px 0 14px;
    }

    blockquote:after {
        padding: 10px 0;
    }

    .mediaBox, blockquote, .soundCloudBox, .slideBox {
        margin: 0 0 20px;
    }

    .gallGrid {
        margin: 0 -4px 22px;
    }

    span.enhanced {
        margin: 4px 10px 0 0;
        width: 50px;
        font-size: 28px;
        height: 50px;
        line-height: 50px;
    }

    .classic header h3.errorCode {
        font-size: 64px;
    }

    .by3 .gbItem, .by4 .gbItem {
        width: 50%;
    }

    .by3 .gbItem:nth-child(3n+1) {
        clear: none;
    }

    .by4 .gbItem:nth-child(4n+1) {
        clear: none;
    }

    .by3 .gbItem:nth-child(odd), .by4 .gbItem:nth-child(odd) {
        clear: left;
    }

    .gridItem, .gridSizer, .gridWall.wide .gridItem, .gridWall.wide .gridSizer {
        width: 100%;
        float: none;
    }

    .ssPort input[type="text"] {
        font-size: 26px;
    }

    .btSingle footer .tagsCloud ul {
        padding: 0;
    }

    .btSingle footer .tagsCloud ul:before {
        display: block;
        float: none;
        margin: 0 auto 10px;
    }

    .btSingle footer .tagsCloud li a {
        font-size: 12px;
    }

    .articleBody .alignright, .articleBody .alignleft {
        float: none;
        margin: 0 auto 38px;
        text-align: center;
        display: block;
    }

}

@media (max-width:460px) {


    .pcItem {
        padding: 0;
    }

    .pcItem label {
        float: none;
        margin: 0 0 12px;
        padding: 0;
        width: auto;
    }

    p.commentSubmit {
        padding: 0;
        text-align: center;
    }

    .neighbor a:before {
        top: -1px;
    }

}


@media (max-width: 380px) {

    .socNtools ul li {
        margin: 0 12px 0 0;
    }

    .btSingle .gallGrid .x2,  .excerpt .gallGrid .x2, .btSingle .gallGrid .x3, .excerpt .gallGrid .x3 {
        float: none;
        width: auto;
    }

    .x4 .fooBox {
        width: auto;
        float: none;
    }


    .commentAvatar {
        width: 60px;
    }

    .commentAvatar img {
        max-width: 50px;
    }

    .commentTxt, ul.comments .commentTxt {
        font-size: 13px;
        padding: 8px 0 0 60px;
    }

    ul.comments ul li:first-child {
        padding: 20px 0 0 15px;
    }

    .comment-respond .pcItem {
        padding: 0;
    }

    .comment-respond .form-submit {
        padding: 0;
    }

}
/*
End Untouched Styles from Parent Theme
*/