/*
* Babia Responsive HTML Theme
* *** Orange Style Sheet
*
* WARNING: This file is a core part of the
* BNE HTML Framework & Babia Theme. This theme
* is designed around this file NEVER being altered.
* It is advised that any edits to the way this file
* displays its content be done with the custom.css file
* already provided for you in /assets/css/custom.css
* then add that file into your page
*
*
*
* Table of Content
*
* 1) General Styles
* 2) Header Only Styles
* 3) Main Menu Styles
* 4) Featured Area Styles
* 5) Main Content Styles
* 6) Footer Content Styles
* 7) Plugins (Flexslider & PrettyPhoto)
* 8) Theme Custom Media Queries
*
*
*/
/* ============================================================
* 1) General Styles and Typography
* ========================================================= */
body { background-color: white; background-image: none; }
.inner-content { padding: 20px; }
/* == Header Font Style == */
h1, h2, h3, h4, h5, h6 {font-family: 'Marck Script', cursive;}
/* == Page Title within Featured Area == */
#featured-wrapper .page-heading h1 { color: white; text-align:center; text-shadow: 0px 1px 1px #444; }
#featured-wrapper .page-heading p { color: white; text-align:center; text-shadow: 0px 1px 1px #444; }
/* == Links == */
a, a:visited { color: #FE7638; }
a:hover { color: #FE7638; }
a.button {color: #333;}
/* Sidebar Menu Links */
.sidebar .widget .menu ul li a.active, .sidebar .widget .menu ul li a:hover {color: #FE7638; }
/* == Blockquotes == */
blockquote { border-left: 5px solid #FE7638; }
/* == Dropcaps == */
.dropcap.round, .dropcap.square { background-color: #FE7638; }
/* ============================================================
* 2) Header Styles
* ========================================================= */
/* == Header Background == */
#header-wrapper {
border-top: 3px solid #333;
background-color: #F3F3F3;
background-image: -webkit-linear-gradient(center top, #FBFBFB, #F3F3F3);
background-image: -moz-linear-gradient(center top, #FBFBFB, #F3F3F3);
background-image: -ms-linear-gradient(center top, #FBFBFB, #F3F3F3);
background-image: -o-linear-gradient(center top, #FBFBFB, #F3F3F3);
background-image: linear-gradient(center top, #FBFBFB, #F3F3F3);
}
/* == Header Content Row == */
#header-wrapper .row:last-child {margin-bottom:0;}
/* == Max Logo Size == */
#header-wrapper #logo img { max-width: 200px; }
/* ============================================================
* 3) Main Menu Styles
* ========================================================= */
/* == Main Menu == */
#access {
background: transparent;
background-image: none;
filter:none;
border:0;
margin-top:20px;
float:right;
}
/* == Top Menu Links == */
#primary-menu > li { border-right: none; }
#primary-menu > li > a { padding: 0 10px; }
#primary-menu > li:last-child a {padding-right:0px;}
/* Hover / Active Links */
#primary-menu li a.active, #primary-menu li a:hover {
background: transparent;
color: #FE7638;
}
/* == Children == */
#primary-menu ul {
background: #fff;
background-image: none;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);
-moz-box-shadow: 0 5px 15px rgba(0,0,0,.1);
box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
#primary-menu > li > ul {
border-top: 4px solid #FE7638;
margin-top: 41px;
}
/* ============================================================
* 4) Featured Section (Orange Area above Main Content)
* ========================================================= */
/* == Featured Section Background == */
#featured-wrapper {
background-color: #D93201;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ffa11a, endColorstr=#d93201)";
box-shadow: 0 0.5px 3px rgba(0, 0, 0, 0.5) inset;
min-height: 100px;
background-image: radial-gradient(top center,ellipse farthest-side,#FFA11A,#D93201);
}
/* Texture Background Overlay */
#featured-wrapper .featured-container-bg {
min-height: 100px;
background: url('../images/featured-texture.png') no-repeat top center;
}
/* ============================================================
* 5) Main Content Styles
* ========================================================= */
/* == main Content Area Canvas == */
.canvas {
padding: 20px 0px;
border-radius: 0px;
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.sidebar .widget-title {margin-top:0px;}
/* ============================================================
* 6) Footer Content Styles
* ========================================================= */
/* == Footer Background == */
#footer-wrapper {
background-color: #D93201;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ffa11a, endColorstr=#d93201)";
box-shadow: 0 0.5px 3px rgba(0, 0, 0, 0.5) inset;
min-height: 100px;
background-image: radial-gradient(top center,ellipse farthest-side,#FFA11A,#D93201);
}
/* == Footer Background Texture Overlay == */
#footer-wrapper #footer-container-bg {
min-height: 100px;
background: url('../images/featured-texture.png') no-repeat top center;
}
/* == Footer Widgets == */
#footer-widgets .widget h3 {color: white; text-shadow: 0px 1px 1px #444;}
#footer-widgets .widget p {color: white; text-shadow: 0px 1px 1px #444;}
#footer-wrapper #footer-copy {
background: url('../images/dark-shade.png') repeat;
padding: 10px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2) inset;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-top: none;
color: white;
}
/* == Footer Copy == */
#footer-wrapper #footer-copy .row {margin-bottom:0;}
#footer-wrapper #footer-copy a {color: white;}
/* == Footer Navigation == */
#footer-wrapper #footer-navigation li a,
#footer-wrapper #footer-navigation li a:hover { color: white; }
/* ============================================================
* 7) Plugins (Flexslider & PrettyPhoto
* ========================================================= */
/* ============================================================
* 8) Theme Custom Media Queries
* ========================================================= */
/* 600 matches the default viewport of when the main menu shifts to a select menu */
@media only screen and (max-width: 600px) {
/* Social Icons in Header */
#header-wrapper .bne-contact-bar ul { float: none; text-align: center; }
#header-wrapper .bne-contact-bar li { display: inline-block; float: none; margin: -1px; }
/* Page Headings in Featured Area */
#featured-wrapper .page-heading h1 { text-align: center;}
#featured-wrapper .page-heading p { text-align: center; margin-bottom:0;}
#featured-wrapper .inner-content {padding: 10px 20px;}
/* Main Content Area */
#main-content-wrapper .canvas {padding:0px;}
}