/*************************************
		APOLLO ADMIN V1.7
        Moody Decking Styles Layout
        Developed 26-06-2014
        Justin Kercher
        Apollo Internet Media
	*************************************/	
	
	@import url(https://fonts.googleapis.com/css?family=Roboto);
    html, form, body { height: 100%; }
    body { text-align: center; color: #333333; padding: 0px; margin: 0px; font-family: 'Roboto', sans-serif; font-size: 16px; }
    
    
    /*************************************
		Convenience Classes
	*************************************/
    a img { border: 0px none; }
    h1, h2 { margin-top: 0px; font-weight: normal !important; }
    h1 { font-size: 2.0em; }
    h2 { font-size: 1.4em; }
    
    p { margin-top: 0px; }
    a { color: #003366; }
        a:hover { color: #333; }
    
    .bgCol { background-color: #ffffff; }
    .bgColAlt { background-color: #f0f0f0; }
    .bgColAlt2 { background-color: #eef9f5; }
    .bgColAlt3 { background-color: #f6f6f6 } 
    
    .padding { padding: 14px; } /* Reponsive Padding - Apply to all content containers */
    .paddingTB { padding-top: 14px; padding-bottom: 14px; }
    .border { border: solid 1px #ccc; }
    .borderTB { border-top: solid 1px #ececec; border-bottom: solid 1px #ececec; }
    .rounded { border-radius: 4px; }
    .noTBMargin { margin-top: 0px !important; margin-bottom: 0px !important; }
    
    .sep { height: 1px; line-height: 1px; font-size: 0px; border-top: solid 1px #ccc; margin: 20px 0px; }
    
    .home-box { margin: 20px 0px; }
    .home-box .button { display: block; margin-top: 4px; }
    .home-box img { border: solid 1px #ccc; }
    
    .xs-break, .sm-break { display: none; }
    
    /*************************************
		Main Layout Classes
	*************************************/

	#header .row { padding: 10px 0px;  }

	#header #social { text-align: right; width: auto; height: auto; margin: 10px 0; }
	    #header #social a { margin-left: 1px; }
	    
    #header #facebook img { max-width: 20%; float: right; clear: none; margin-left: 4px; }
    #header #shopping img { max-width: 80%; float: right; clear: none; }	    

    #header #search { text-align: right; }    	    
        #header #search #searchbox { position: relative; text-align: left; float: right; clear: none; width: 200px; height: auto;  overflow: hidden;  }
			#header  #search #searchbox .search { padding-right: 30px !important;}
			#header  #search #searchbox .searchBtn { position: absolute; right: 4px; top: 4px; } 		             
			
    #header #ecommercePanel {  text-align: right; white-space: nowrap;  }
        #header #ecommercePanel .noDisplayBlock { width: auto !important; display: inline; }
        #header #ecommercePanel a { position: relative; margin: 0px 10px; outline: none; }			

	/*************************************
		Menu and Search Box
	*************************************/		
	    #menu { position: relative; background-color: #003366; color: #ffffff; border: 0px none; text-align: left; margin-bottom: 20px; 
	            min-height: 48px; line-height: 48px; padding-left: 50px;  }	    	    
			#menu a, #menu a:hover { color: #fff; }
	
        .menu-home { position: absolute; height: 24px; width: 24px; left: 12px; top: 12px; }			
			
   /*************************************
        MENU CONTROL OVERRIDES
    **************************************/
      ul.navigationMenu li img { display: block; margin-top: 8px; }
        ul.navigationMenu a { padding: 0px 14px; }
		ul.navigationMenu li { color: #fff !important; }
        ul.navigationMenu li.root:hover { background-color: #0185cf; color: #ffffff !important }	
			ul.navigationMenu li.root ul.sub { background-color: #0185cf; color: #ffffff !important;  box-shadow: 0px 5px 5px #333 }
        ul.navigationMenu li.root ul li:hover { background-color: rgba(255,255,255,0.3) !important; color: #ffffff !important; }	
		
		ul.sub { width: auto !important; min-width: 200px; }
		
		.flexMenu-viewMore { background-color: #0185cf !important;  }
		.flexMenu-viewMore > a {   background-color: #0185cf !important;   }
		li.flexMenu-viewMore:hover { background-color: transparent !important; }
		.flexMenu-viewMore.active > a, .flexMenu-viewMore > a:hover { background-color: #0185cf !important; color: #ffffff !important  }
		.flexMenu-popup { background-color: #0185cf; color: #ffffff !important; box-shadow: 0px 5px 5px #333; font-size: 0.9em }
		    .flexMenu-popup li, .flexMenu-popup a { color: #fff !important; }
		    .flexMenu-popup li:hover { background-color: rgba(255,255,255,0.3) !important; color: #ffffff !important  }		
		    .flexMenu-popup li ul.sub { box-shadow: none !important; }	
			
			
        .flexMenu-viewMore.flexMenu-allInPopup {  }
        .flexMenu-viewMore.flexMenu-allInPopup .flexMenu-popup { }			
        .flexMenu-viewMore.flexMenu-allInPopup #mnuHomeButton { padding-top: 5px !important; }		
        
        .flexMenu-viewMore.flexMenu-allInPopup, .flexMenu-viewMore.flexMenu-allInPopup .flexMenu-popup { right: 0px; }
        
        .flexMenu-popup li a, .sub li a { border-bottom: solid 1px rgba(255,255,255,0.3) !important; padding: 0px 10px !important  }		
			
    /*************************************
		Sticky Footer
	*************************************/		
		#wrap { min-height: 100%; }
		#main { overflow:auto; padding-bottom: 180px; } /* Bottom padding must be same height as footer */
        
        #footer { margin-top: -180px; /* negative value of footer height */
                  height: 180px; clear:both;  padding: 10px 0; }
            #footer a, #footer a:hover { color: #333; }		
            		
            
    /*************************************
		MISC APOLLOADMIN.NET OVERRIDES
	*************************************/          
	.button { background-color: #003366; color: #ffffff; padding: 5px 14px !important; }
	.button:hover { background-color: #333; }
        a.button { padding: 6px 14px !important; }	               
    
    .featuredArticleList .dateCreated, .latestArticlesList .dateCreated { display: none; }
    
    .flex-control-paging li a {  border: solid 2px #fff; }
    .flex-control-paging li a.flex-active { background-color: #003366 !important; }
    .flex-pauseplay a { border-radius: 20px; border: solid 2px #fff; background-color: rgba(255,255,255,0.8); padding: 6px;  }
    
    /* Banners */
     .flexslider .bannerDescription { position: absolute; right: 40px; top: 0px; padding: 20px; width: 40%; height: auto;  font-size: inherit;
                                                          transition-delay: 1.0s; -moz-transition-delay: 1.0s; /* Firefox 4 */-webkit-transition-delay: 1.0s; /* Safari and Chrome */ -o-transition-delay: 1.0s; /* Opera */ 
                                                          -webkit-transform: translateZ(1000) !important; -webkit-perspective: 1000 !important; display: block; z-index: 100; }
            .flexslider .bannerDescription img { width: auto; height: auto; }
            .flexslider .bannerDescription .bannerDescripitonBackground { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ffffff; 
                                                                                        opacity:0.8; filter:alpha(opacity=80); border-radius: 0px 0px 4px 4px; }      
                                                                                           
            .flexslider .bannerDescription .bannerDescriptionContent { position: relative; }                                                                          
            .flexslider .bannerDescription a.button { margin-right: 2px; }
                
        .flexslider .bannerCaption { position: absolute; left: 0px; bottom: 10px; font-size: 2.0em; font-weight: lighter; font-family: Century Gothic, Sans-Serif; padding: 10px 20px; 
                                                    max-width: 50%; white-space: nowrap; overflow: hidden; -webkit-transform: translateZ(10) !important;  z-index: 100;  }
            .flexslider .bannerCaption .bannerCaptionBackground { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ffffff;  opacity:0.8; filter:alpha(opacity=80); border-radius: 0px 4px 4px 0px; }
            .flexslider .bannerCaption .bannerCaptionContent { position: relative;  }
            .flexslider .bannerCaption a { text-decoration: none !important; color: inherit !important; }
        .flex-control-nav { z-index: 100; right: 7% !important; }
        
   /* .responsive-embed .responsive-embed-wrapper { padding-bottom: 0px !important; } */
        
    /************************************
	    BOOTSTRAP RESPONSIVE OVERRIDES
    ************************************/
    
    @media (max-width: 1199px) {
        #header #facebook img { max-height: 45px; }
    }
    
    @media (max-width: 991px) {
        .sm-break { display: block; }
        
        .flexslider .bannerDescription { left: 2%; right: 2%; bottom: 0px; top: auto;  width: auto; }
        .flexslider .bannerCaption { top: 0px; bottom: auto; left: 2%; right: 2%; height: auto; text-align: center; max-width: 100%; }
        .flexslider .bannerCaption .bannerCaptionBackground { border-radius: 0px 0px 10px 10px }
        .flexslider .bannerDescription .bannerDescripitonBackground { border-radius: 10px 10px 0px 0px; }
        
        #header #facebook img { max-height: 34px; }
    }
        
    @media (max-width: 767px) {
        #header .pull-right { float: none !important; margin: 10px auto; display: inline-block; max-height: 100% !important; max-width: auto !important; width: auto !important; }
        
        #header .text-left, #header .text-right, #footer .text-left, #footer .text-right, #header #ecommercePanel, #header #social, #header #search 
            { text-align: center !important; }   
            
        .newsItem .dateCreated { float: none; clear: both;  width: auto; display: block; }            
        
        .xs-break { display: block; }
        
        .flexslider .bannerCaption .bannerCaptionBackground { border-radius: 0px !important; }
    }
    
    @media (max-width: 588px) {
        .home-box { display: block; margin: 20px auto; width: 100%; float: none; }
        .home-box img { width: 100%; }
        .home-box h2 { font-size: 1.2em; }
        
        .flex-control-paging, .flex-pauseplay { display: none; }
        #header #facebook { display: none; }
    }