/*********************************************************************/
/*******************       ONE - HOME PAGE       *********************/
/*********************************************************************/  

/* Adjust Menu (remove bottom dark-red border)
-------------------------------------------------- */

body { padding-top: 56px !important; }
nav#mainNav { border-bottom: 0px !important; }

.container-full-banner {  
    background-color: #FFFFFF !important;
    background-image: none;
}

.graphical-divider3 {
    background-image:url(  '/includes/images/home-page/home-page-graphical-divider3.gif' );
    background-repeat: repeat-x;
}
 
a.panel-link {
    color: #ffcc00; 
    text-decoration: none;
    font-weight: bold;
}

a.panel-link:hover { color: #ffff33; } 
  
/* -------------------------------------------------- */
/* ---  Banner Section (only -lg and -xl devices) --- */
/* -------------------------------------------------- */  

.banner-left-side { background-color: transparent !important; }

#home-intro-box { 
    padding: 15px 0;
    font-size: 16px;
    line-height: 18px; 
}

@media (min-width: 992px) {
    
    .container-full-banner {  
        background-color: #FFFFFF;
        background-image: url( '/includes/images/home-page/home-page-banner-background.jpg' );
        background-repeat: repeat-x;
    }
      
    .container-banner { 
        height: 352px;    
        background-image: url(  '/includes/images/home-page/home-page-banner-inner.jpg' );
        background-repeat: no-repeat;  
        background-position: center top;  
        background-color: transparent !important;       
    }
    
    .banner-right-side { 
        width: 430px;  
        height: 352px;  
    }
    
    .banner-left-side {
        width: 520px;  
        height: 352px;  
    }
    
    #home-logo-box { 
        height: 204px !important;
        max-height: 204px !important; 
    }   
    
    #home-intro-box {  
        height: 116px; 
        font-size: 14px;
        line-height: 16px; 
        padding: 4px 8px 0px 24px; 
        background-color: #F2F2F2;
        background-image: url(  '/includes/images/home-page/home-page-banner-left-vbar.jpg' );
        background-repeat: no-repeat; 
        background-position: left center;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-bottom-right-radius: 10px; 
    } 
    
}
    
@media (min-width: 1200px) { 
    .banner-left-side { width: 700px;  }
    #home-intro-box {  
        font-size: 16px;
        line-height: 18px; 
	}
}

/* -------------------------------------------------- */
/* -------------   Division Panels ------------------ */
/* -------------------------------------------------- */

div.division-panel-outer {
    width: 320px !important; 
    max-width: 320px;  
	min-width: 320px;
}

img.card-img-top {
    width: 320px !important;
    max-width: 320px;  
	min-width: 320px;
}

.lower-panel { 
    font-size: 14px;
    line-height: 17px;    
    width: 320px !important; 
    max-width: 320px;  
	min-width: 320px;
    min-height: 102px; 
	height: 102px !important;  
}

.lower-panel a {
    color: #ffcc00; 
    text-decoration: none;
    font-weight: bold;
}

.lower-panel a:hover { color: #ffff33; }

#romance-lower-panel {
    background-image:url( '/includes/images/home-page/home-page-panel-bottom-romance.jpg' );
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center; 
    -webkit-background-size: cover;                       /* For WebKit*/
    -moz-background-size: cover;                          /* Mozilla*/
    -o-background-size: cover;                            /* Opera*/
    background-size: cover;                               /* Generic*/
    background-color: #340000;
} 
   
#classic-lower-panel {
    background-image:url( '/includes/images/home-page/home-page-panel-bottom-classic.jpg');
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center; 
    -webkit-background-size: cover;                       /* For WebKit*/
    -moz-background-size: cover;                          /* Mozilla*/
    -o-background-size: cover;                            /* Opera*/
    background-size: cover;                               /* Generic*/ 
    background-color: #532647;
}

#mystery-lower-panel { 
    background-image:url( '/includes/images/home-page/home-page-panel-bottom-mystery.jpg');
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center; 
    -webkit-background-size: cover;                       /* For WebKit*/
    -moz-background-size: cover;                          /* Mozilla*/
    -o-background-size: cover;                            /* Opera*/
    background-size: cover;                               /* Generic*/ 
    background-color: #4f5b64;
}

#teen-lower-panel {
    background-image:url( '/includes/images/home-page/home-page-panel-bottom-teen.jpg');
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center; 
    -webkit-background-size: cover;                       /* For WebKit*/
    -moz-background-size: cover;                          /* Mozilla*/
    -o-background-size: cover;                            /* Opera*/
    background-size: cover;                               /* Generic*/ 
    background-color: #005671;
}

#kids-lower-panel {
    background-image:url( '/includes/images/home-page/home-page-panel-bottom-kids.jpg');
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center; 
    -webkit-background-size: cover;                       /* For WebKit*/
    -moz-background-size: cover;                          /* Mozilla*/
    -o-background-size: cover;                            /* Opera*/
    background-size: cover;                               /* Generic*/ 
    background-color: #005155;
}

#news-lower-panel { 
   background-color: #F2F2F2; 
   background-image:url( '/includes/images/home-page/home-page-panel-twitter-box.jpg' );
	
}
 
#news-lower-panell { 
    background-image:url( '/includes/images/home-page/home-page-panel-twitter-box.jpg' );
    background-repeat: no-repeat;
	background-attachment: fixed;
	 background-position: center center;
    -webkit-background-size: cover;                       /* For WebKit*/
    -moz-background-size: cover;                          /* Mozilla*/
    -o-background-size: cover;                            /* Opera*/
    background-size: cover;                               /* Generic*/ 
    background-color: #F2F2F2; 
}

#news-upper-panel {   
    vertical-align: top; 
    background-image: url( '/includes/images/home-page/home-page-panel-latest-news.jpg' );
    background-repeat: no-repeat; 
    background-color: #F2F2F2; 
}
 
div#latest-news-text { 
    font-size: 13px;  
	background-color: #F2F2F2;
}
   
div#home-twitter-link { font-size: 15px; }
div#home-twitter-link a { color: #484848; font-weight: bold; }
div#home-twitter-link a:hover { color: #888888;  text-decoration:none; }
 
div.last-twitter-tweet {  
    margin: 12px 4px 2px 14px; 
    line-height: 1.2em; 
    color: #777777;
}
   
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

    div.division-panel-outer { 
        width: 310px !important; 
        max-width: 310px !important;  
	    min-width: 310px !important;
    }
	
    img.card-img-top {  
        width: 310px !important; 
        max-width: 310px !important;  
	    min-width: 310px !important;
	}
	
    .lower-panel { 
        width: 310px !important; 
        max-width: 310px !important;  
	    min-width: 310px !important; 
	}
}

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) { 
	 
    div.division-panel-outer { 
        width: 320px !important; 
        max-width: 320px  !important;   
	    min-width: 320px !important;
    }
	 
    img.card-img-top { 
        width: 320px !important; 
        max-width: 320px  !important;   
	    min-width: 320px  !important; 
    }
	
    .lower-panel {   
        width: 320px !important; 
        max-width: 320px  !important;   
	    min-width: 320px  !important; 
	}
	 
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}