/* MIN WIDTH STYLES */

@media only screen and (min-width: 768px) {
	 .only-mobile {
    display: none !important; }

  .only-desktop {
    display: block !important; } 
	
  #top .int-header .container{
      text-align: center;
  }
    #top .button-bottom .avia-button-wrap{
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0;
    }

    #top .button-bottom{
        padding-bottom: 120px !important;
    }
	
	#top .training-catalog .av-single-post-inner{
         display: flex;
	    flex-wrap: wrap;
  }


  #top .training-catalog .av-single-post-inner .av-post-media{
      width: 25%;
      margin-right: 2.5%;
  }

  #top .training-catalog .av-single-post-inner .av-post-text{

      width: 72.5%;
  }


  #top .training-title-meta{
      margin-left: 5px;
  }
}






@media only screen and (min-width: 989px) {
	
	 #top #footer {
      position: fixed;
      width: 100%;
      z-index: 0;
      bottom: 0;
  }

  #main {
      position: relative;
      margin-bottom: 336px;
      z-index: 1;
  }
	
    #top #footer .container .flex_column:last-child{
        flex: 0 0 14%;
        padding: 50px 20px;
        background: #110d1b;
		margin-top:-15px;
    }
  
  
    
}



@media only screen and (min-width: 1200px) {
	#top .int-side .int-side-header {
      padding: 50px 50px 10px 50px;
  }
  #top .int-side .int-side-inner{
      padding: 10px 50px 50px 50px;
  }
  #top .int-side{
      min-width: 350px;
    max-width: 350px;
  }
	
    #top .flex_one_half{
        flex: 0 0 50%;
    }

}


/* MAX WIDTH STYLES */

/* shortcodes css that is wrecking the LKSMAs*/
@media only screen and (max-width: 989px) and (min-width: 767px){
  
    /* this is in shortcodes, hides the text
  .responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content {
      display: none;
  }*/

    /*this is the first LKSMA*/
    .responsive.av-no-preview #top div.av-masonry-col-flexible .av-masonry-entry {
      width: 100%;
  }
    /*this is the other two LKSMA*/
    .responsive.av-no-preview #top div.av-masonry-col-2 .av-masonry-entry {
      /*width: 49.80%; value set from enfoldshortcodes*/
  }

}
	

@media only screen and (max-width: 989px) {
	
  nav.ubermenu-responsive-default.ubermenu-responsive > ul > li > a.ubermenu-target {
   
    background: white;
  }
  #top .ubermenu {
      margin-top: 88px;
  }
  #top .ubermenu .ubermenu-item .ubermenu-submenu-type-mega {

    margin-top: 0px; 
	}
  
  h2 {    font-size: 36px; } 
  h3 {    font-size: 18px; } 
	
  #top .int-side .int-side-inner{
    padding: 30px 30px;
  }

    #top a.ubermenu-responsive-toggle {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        padding: 0;
	      cursor:pointer;
    }
  .ubermenu-retractor.ubermenu-retractor-mobile,
    .ubermenu-retractor.ubermenu-retractor-mobile .fa-times,
    .ubermenu-retractor.ubermenu-retractor-mobile .fa-times:after{
        color:white;
      cursor:pointer;
      }
    #top .int-wrapper {
        display: block;
    }

    #top .int-side {
        width: 100%;
    }


    #top .tinynav { display: block }
    #top .sf-menu { display: none }
  
  #top .training-catalog-1 {
    padding: 30px;
	}
  
  
   /*av_section_1 = announcements, should be in cols of 2 or 4 */ 
  #top #av_section_1 .avia-content-slider .slide-entry{
		/*force announcement  4 col home to 2x2*/
        flex: 0 0 50%;  
    }
  /*av_section_1 = Lesser Known SMAs, should be in cols of 3 
    #top #av_section_2 .avia-content-slider .slide-entry{
        flex: 0 0 33.33%;   
    }*/ 
  
  #top #footer .container .flex_column {
    padding: 0px;
	}
  
  #top #footer .container .flex_column{
        flex: 0 0 25%;
    }
  
  /*.responsive.av-no-preview #top .av-medium-columns-2 .av-masonry-entry{
    width:inherit;
  }*/
}







@media only screen and (max-width: 767px) {
    /*Tgeneral*/
  	h3 {    font-size: 16px; } 
	 h2 {    font-size: 24px; } 
  
    /*header*/
     #header .logo img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    #header .logo img{
        margin-left: 0px;
    }
	
  
  /*Top NAV*/
  
  
  
  
    .responsive #top .slideshow_caption h2{font-size: 42px !important;}
    .responsive #top .slideshow_caption .avia-caption-content{font-size: 16px !important;}
	
	 #top .ubermenu > ul > li > a{
        height: 50px;
    }
    #top .ubermenu .ubermenu-item .ubermenu-submenu-type-mega{
        padding: 40px 0 100px 0;
    }
    #top .ubermenu .ubermenu-row {
        max-width: 1500px;
        padding: 0 5px;
        margin: 0 auto;
    }
	
	 #top .ubermenu .ubermenu-item .ubermenu-submenu-type-mega{
        padding: 10px 0;
    }
    #top .ubermenu > ul > li > a{
        padding-left: 0;
        padding-right: 0;
    }
    #top .ubermenu h3{
        font-size: 24px;
    }
	
 
	
    #top .ubermenu-submenu-type-mega > .ubermenu-retractor-desktop {
        display: none;
    }
	
    #top #header_meta .sub_menu>ul{
        justify-content: flex-end;
    }
	
  #top .hero .av-section-color-overlay{background-size: cover;}
	
	
	.responsive #top .slideshow_align_caption {
        vertical-align: top;
		top:30px;
    }

    .responsive #top .avia-slideshow-dots a{
        display: inline-block;
    }

  #top #av_section_1 .slide-entry{
  min-height:320px;
}
  
  
 
  
  .responsive.av-no-preview #top  #av_section_2  div.av-masonry-col-flexible .av-masonry-container.isotope {
      min-height:650px;
  }
  
  
    #top #footer{
        background: #1d2029
    }
	
    #top .av_promobox .avia-button.avia-size-medium{
        margin-top: -26px;
    }

	
    .responsive #top #wrap_all .slide-entry {
        margin-left: 0;
    }
	
    #top .avia-content-slider .slide-entry{
        flex: 0 0 100%;
      min-height:inherit;
    }
  body#top .read-more-link{
    position:relative;
    margin-top:10px;
    margin-bottom:0px;

  }
  body#top .avia-content-slider .slide-entry-wrap{
    margin-bottom:0px;
  }
  body#top.home .avia-section .template-page .entry-content-wrapper,
  body#top.home .content{
    padding-top:0px;
  }
  
    #top .container .av-masonry.av-large-gap {
        width: 100%;
        left: 0;
    }

  #top .new-search-box{
      margin-top: -150px;
  }
  

  #top .training-catalog .filters {
    display: flex;
  }

  #top .training-catalog .av-post-meta{
      display: flex;  
  }

  #top .training-catalog .av-post-meta .av-post-date:before{
    content: "|";
    margin-right: 6px;
  }

  #top .training-catalog .av-post-title{
    margin: 20px 0;
  }

  #top .training-catalog .av-single-post-inner{
         display: flex;
	    flex-wrap: wrap;
  }


  #top .training-catalog .av-single-post-inner .av-post-media{
      width: 25%;
      margin-right: 2.5%;
  }

  #top .training-catalog .av-single-post-inner .av-post-text{

      width: 72.5%;
  }


  #top .training-title-meta{
      margin-left: 5px;
  }


  #top .training-catalog .av-post-training-links a{
    display: block;
  }

    #top .search-filters{
        flex-direction: column;
    }


    #top .search-filters section{
        margin-right: 0;
    }

}




@media only screen and (max-width: 480px) {
  
  
    .responsive #top .slideshow_caption h2{font-size: 42px !important;}
    .responsive #top .slideshow_caption .avia-caption-content{font-size: 16px !important;}
  
	.avia-section-huge .content, .avia-section-huge .sidebar {
    padding-top: 60px;
    padding-bottom: 60px; 
	} 
	
	#top #footer .container .flex_column:first-child,
    #top #footer .container .flex_column{
        flex: none;
        padding: 0;
    }
	
  #top #av_section_1 .avia-content-slider .slide-entry{
    flex:none;
  }
  #top #av_section_1 .slide-entry{
   	min-height:1px; 
  }
  #top ul.avia-slideshow-inner{
    height:600px;
  }
  
    #top .avia-slideshow,
	#top .avia-slide-wrap{
		max-height:600px;
	}
		
	
	#top .avia-slideshow-arrows{
		margin-top:170px;
      z-index:400;
	}
	#top .av-masonry-container{
		/*display:block !important;
		position:relative !important;
		float:none !important;
		clear:both !important;
		margin-top:120px !important;
		top:0px !important;
		bottom:0px !important;*/
	
	}
  
  #top .av-special-heading-tag {
    margin-top: 60px;
  }
  
  #top .flex_column.no_margin.flex_column_div{
    margin-bottom:0px;
  }
  
  #top .hero:after {
    display:none;
   /*this is the clip path that results in a gray bar on iphone. it is also the bg of the white dots. not good.*/ 
  }
  
  .avia-slideshow-dots{
    display:none;
  }
    
	#top .av-masonry-entry{
		/*border:solid 1px green;*/
		display:block !important;
		position:relative !important;
		float:none !important;
		clear:both !important;
		top:0px !important;
		bottom:0px !important;
		margin-top:20px !important;
		margin-bottom:20px !important;
	}
	#top h2.avia-special-heading-tag{
		margin-top:35px;
	}
}