/* mobile **********************/

/* landscape ----------- */
@media only screen and (max-width : 480px)  
{    

    .if-page-head h3 { line-height: normal; font-size: 16pt; }

    .i-table td.i-col-light, 
    .i-table td.i-col-medium,
    .i-table td.i-col-dark { padding: 10px;  }
    
    /* make check boxes and radio buttons more touch friendly */  
    .i-body-content input[type=checkbox], .i-body-content input[type=radio] { padding: 8px; }
        
    /* login form */    
    .if-login-form .i-table td:nth-of-type(1) { display: none; }
     
    /* forum activity */
    .if-forum-activity .fa { display: none; }
    .if-forum-activity .i-float-right { display: none; }
                
    /* topic list  */ 
    .if-topic-list .if-check-box-col { display: none; }
    .if-topic-list .if-mobile-last-post { display: none; }      
    .if-topic-list .if-last-post-col { display: none; }  
    .if-topic-list .if-live-edit-options { display: none !important; }
    .if-topic-list .if-small-pager { display: none; }    
    .if-topic-list .if-topic-type { display: none; }    
    .if-topic-list-sort-options { display: none; }

    /* topic */
    .if-topic .if-topic-type-desktop { display: none; }
    .if-topic .if-topic-type-mobile { display: inline-block; }

    /* member list */    
    .if-user-list .i-photo-medium img { width: 32px; height: 32px; }

    /* tags */
    .i-tags-50, .i-tags-33, .i-tags-25 { width: 100% !important; }
      
    /* hide count in primary like buttons */
    .if-btn-like .count { display: none; }

    /* user banner in profiles */
    .if-user-banner-image { height: 160px !important; }
    
    /* hide jump to page within paging controls */
    .i-pager .i-dropdown { display: none; }

    /* ensure titles within panels don't wrap '*/
    .i-panel-header-left {max-width: 50%;overflow: hidden;text-overflow: ellipsis; }

}

/* only mobile ----------- */
@media only screen and (min-width : 1px) and (max-width : 480px) {
           
    .i-hide-mobile { display: none; }
    .i-hide-tablet { display: none; }

    td[data-mobile="false"], div[data-mobile="false"],  i[data-mobile="false"], span[data-mobile="false"], a[data-mobile="false"] { display: none !important; }             
    td[data-tablet="false"], div[data-tablet="false"], i[data-tablet="false"], span[data-tablet="false"], a[data-tablet="false"] { display: none; }     
    td[data-desktop="false"], div[data-desktop="false"], i[data-desktop="false"], span[data-desktop="false"], a[data-desktop="false"] { display: none; } 
    td[data-mobile="true"], div[data-mobile="true"],  i[data-mobile="true"], span[data-mobile="true"], a[data-mobile="true"] { display: inline-block; }     
            
}

/* tablet **********************/

/* general breakpoint ----------- */
@media only screen and (max-width : 700px)
{    
    
    .if-topic-list .if-small-pager { display: none; }
    .if-topic-list .if-search-rank { display: none; }

    .if-home-nav ul li { margin-right: 3px; }
    .if-home-nav ul li a.menu-arrow { display: none; }
    
    /* hide theme roller button */
    .if-theme-roller-btn { display: none; }
    
}

/* portrait ----------- */
@media only screen and (max-width : 770px) 
{    
    
    h1 {font-size:18pt !important;}
    h2 {font-size:16pt !important;}
    h3 {font-size:15pt !important;}
    h4 {font-size:14pt !important;}
    h5 {font-size:12pt !important;}
    h6 {font-size:10pt !important;}
    
    .i-center { width: 96% }

    /* header */
    .i-banner .i-float-left { width: 100%; }
    .i-banner .i-spacing { margin: 16px 0; }
    .i-banner .i-logo { width: 250px; background-size: 100%; }
    
    /* user bar */
    .i-user-bar .i-app-name { display: none; }
    .i-user-bar .i-mobile-bread-crumb { visibility: hidden; display: inline; }
    .i-user-bar .i-mobile-bread-crumb-visible { visibility: visible; }

    /* breadcrumb */
    .i-bread-crumb { display: none; }

    /* generic responsive table */    

    .i-responsive-table td.i-col-light,
    .i-responsive-table td.i-col-medium,
    .i-responsive-table td.i-col-dark {float: left; width: 100% !important; }
    .i-responsive-table-hide { display: none !important; }
    
    .if-advanced-search-options .left { width: 100%; margin-bottom: 12px; }
    .if-advanced-search-options .right {  width: 100%;  }
    .if-advanced-search-options .i-search-input { margin-bottom: 12px; }  

    /* forum and topic titles */          
    .if-page-head .i-float-left { width: 100%; }
    .if-page-head .i-float-right { display: none; }
 
    /* resize explore menu - remove forum list */
    .if-explore-menu { height: auto !important; width: 270px; }
    .if-explore-menu .col { width: 100%; }
    .if-explore-menu .jScrollPaneContainer .col {  width: 258px; }    
    .if-explore-menu .seperator { display: none; }
    
    /* filter menu */
    .if-filter-menu { height: auto !important; width: 246px; }  
    .if-filter-menu .col-1 { display: none; }
    .if-filter-menu .seperator { width:0 !important; }

    /* view topics */            
    .if-topic-list .if-last-post-col { display: none; }    
    .if-topic-list .if-icon-col { display: none; }        
    .if-topic-list .if-topic-type { display: none; }    
    .if-topic-list .if-title-icons { display: none; }
    .if-topic-list .if-edit-post-icons { display: none !important; }

    .if-topic-list-sort-options select { width: 100%; margin: 0; margin-bottom: 9px; }
    .if-topic-list-sort-options .float-left { width: 100%; }
    .if-topic-list-sort-options .btn-sml { width: 100%; text-align: center; }
    .if-topic-list-sort-options .btn-sml span { float: none; display: inline-block; }

    /* view private message */
    .if-pm td.if-post-col-left { display: none; }
    .if-pm .mobile-username { display: inline; }
    .if-pm .mobile-photo { display: inline; }
    
    /* view event */
    .if-event td.if-post-col-left { display: none; }
    .if-event .mobile-username { display: inline; }
    .if-event .mobile-photo { display: inline; }    
    .if-event .recurring-type { width: 100%; display: block; }
    .if-event .event-type { width: 100%; display: block; }

    /* view attachments list */
    .if-attachments-list .if-title-col { width: 95%; }
    .if-attachments-list .if-data-col { display: none; }

    /* who's on list */
    .if-whos-on-list .if-action-col { display: none; }
    .if-whos-on-list .if-date-col { display: none; }
    
    .i-captcha-image-wrapper { margin-bottom: 12px; }

    /* editor  */
    .i-rtb-desktop-toolbar { display: none; }      
    .i-rtb-mobile-toolbar { display: inline !important; }

    /* reset wrapper around editor & photo */
    .if-editor-wrapper { padding: 0px; width: 100%;  } 
    .if-editor-wrapper:before { display: none; }

     /* calendar */

    .if-calendar .short { display: inline !important; }
    .if-calendar .full { display: none !important; }    
    .if-calendar th, 
    .if-calendar td { text-align: left !important; display: none; }
    .if-calendar .day-number { font-weight: bold }
    .if-calendar .day-col {
        width: 100%;
        height: auto !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
        display: table-cell !important;
	}
    
    /* private message list */
    .if-pm-list .if-icon-col { display: none; }
    .if-pm-list .if-last-post-col { display: none;  }
  
    .if-pm-list .if-title-left { width: 70%; }

    /* member list */
    .if-user-list .if-mobile-bits { display: inline !important; }
    .if-user-list .if-last-active-col { display: none; }    
    .if-user-list .if-pm.col { display: none; }
    
    .i-bread-crumb + .i-break { display: none; }

    /* panel-bar header */
    .i-panel-header a.rss { display: none; }
    .i-panel-header h2,
    .i-panel-header h2 a { max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
      
}

/* in between landscape and portrait ----------- */

/* below 850px */
@media only screen and (max-width : 850px) 
{

    .if-forum-list .if-last-post-col { display: none; }
    .if-forum-list .if-mobile-last-post { display: inline;}  
    .if-forum-list .if-stats-col { display: none; }    

    .if-topic-list .if-last-post-col { display: none; }  
    .if-topic-list .if-mobile-last-post { display: inline;}  
    .if-topic-list .if-stats-col { display: none; }    

    .if-mobile-total-topics  { display: block; }
    
    /* view topic */
    .if-topic td.if-post-col-left { display: none; }
    .if-topic td.if-post-col-right { width: 100%; }
    .if-topic .mobile-username { display: inline; }
    .if-topic .mobile-photo { display: inline; }

    .if-topic .if-edit-options-desktop { display: none; position: absolute; white-space:nowrap; right: 0; top:0; z-index:1; border-radius: 3px; box-shadow: 0 0 10px #999; }
    .if-topic .if-edit-options-mobile { display: inline; }
        
      /* filter menu shown in topic lists */
    .if-topic-filter-dropdown { width: 275px; }

}

@media only screen and (min-width : 850px) {

    .if-topic .if-edit-options-desktop { display: inline !important;  }
    .if-topic .if-edit-options-mobile { display: none !important; }
        
}

/* landscape ----------- */
@media only screen and (max-width : 1024px) 
{
    
    /* slide out bar */
    .i-slide-out .button { display: none !important;}
    
    .if-search-menu { width: 250px;  }   
    
    .if-forum-list .if-icon-col { display: none; }        
    .if-forum-list .if-title-left { width: 80%; }
    .if-topic-list .if-title-left { width: 80%; }    

    .if-topic-list .if-title-right { display: none; }    
    .if-topic-list .if-icon-col { display: none; }  
    .if-topic-list .if-first-post-col { display: none; }  
    .if-topic-list .if-mobile-stats-row { display: inline; }   
 
    /* user banner in profiles */
    .if-user-banner-large { height: auto; }
    .if-user-banner-content { float:right; width: 100%; height: 260px; }
    .if-user-banner-content .i-spacing-4x { margin-top: -125px; }    
    .if-user-banner-image { float: left; width: 100%; height: 300px; }

      /* member list */
    .if-user-list .if-rep-col { display: none; }
 
    /* tags */
    .i-tags-33, .i-tags-25 { width: 50%; }
         
}

/* landscape ----------- */
@media only screen and (max-width : 1100px) 
{
}

/* only tablets ----------- */
@media only screen and (min-width : 480px) and (max-width : 1024px)
{
    td[data-tablet="false"], div[data-tablet="false"], i[data-tablet="false"], span[data-tablet="false"], a[data-tablet="false"] { display: none; }     
    td[data-desktop="false"], div[data-desktop="false"], i[data-desktop="false"], span[data-desktop="false"], a[data-desktop="false"] { display: none; } 
    td[data-tablet="true"], div[data-tablet="true"],  i[data-tablet="true"], span[data-tablet="true"], a[data-tablet="true"] { display: inline-block; }        
        
}

/* desktops **********************/
 
@media only screen and (min-width : 1025px) {
        
    /* generic selector enabled for desktops */    
    div[data-desktop="false"], i[data-desktop="false"], span[data-desktop="false"], a[data-desktop="false"] { display: none; }    
    div[data-desktop="true"], i[data-desktop="true"], span[data-desktop="true"], a[data-desktop="true"] { display: inline-block; }
    
}

/* below 1200 */
@media only screen and (max-width : 1200px) {
                          
    /* Styles */
    .if-col-left-1, 
    .if-col-left-2,
    .if-col-right-1, 
    .if-col-right-2 {float: left; width:100%;  }
                    
    /* swipe left & right navigation */
    .i-responsive-asides-toggle { display: inline-block; }
    .i-responsive-asides { position: relative; overflow: hidden; }
    .i-responsive-asides-extra {  left: 0; top: 0; width: 100% !important; display: none; }
    .i-responsive-asides-body { left: 0; top: 0; width: 100% !important;  }
    
    /* hide photo is last posts column */
    
    .if-topic-list .if-title-icons .i-photo { display: none; }    
    .if-topic-list .if-small-pager { display: none; }    
    .if-topic-list .if-expand-topic { display: none !important; }
    .if-topic-list .topic-type { float: right; font-size: 6pt !important; margin-left: 12px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60px; }
    
}      

/* above 1200 */
@media only screen and (min-width : 1200px) {
    
    .if-col-left-1 { float: left; width: 75%;  display: inline-block !important; }
    .if-col-left-2 { float: right; width: 24%;  display: inline-block !important; }    
    .if-col-right-1 { float: left; width: 20%;  display: inline-block !important; }
    .if-col-right-2 { float: right; width: 79%;  display: inline-block !important; }
    
}