/* 
CUSTOM STYLESHEET FOR BAGPIPE-ENTERTAINMENT.COM, CREATED BY REALBASICS.COM for BAGPIPE ENTERTAINMENT.

The file custom.css is generated from custom.scss using the Compass Sass/Scss pre-compiler.
As a result, changes made directly to custom.css may be automatically overwritten!

Contact davidi@realbasics.com if you're not sure how to use or change this file.

---------------------

Instructions:

Add your custom styles at the end of this file instead of style.css so it is easier to update the theme.

*/
/* SCSS variables and mixins */
/*$colorMain: #0c6f3b; 
$colorBackground: #ffffff;
$colorYellow: #ffc325;
$nav_background: #0c6f3b;
$nav_current:    #0c6f3b;       
$purple_accent: #5a4b63;
$fontHeaders: 'Playfair Display', serif;
$fontBody: "Open Sans", Helvetica, Roboto, Arial, sans-serif;*/
/* Begin main custom styles */
/* INDEX: */
/* 0. RESET */
/* 1. SETUP */
/* -1.1 Defaults  */
/* -1.2 Hyperlinks */
/* -1.3 @font-face */
@font-face { font-family: 'gourdie_uncialregular'; src: url("fonts/GourdUnc-webfont.eot"); src: url("fonts/GourdUnc-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/GourdUnc-webfont.woff2") format("woff2"), url("fonts/GourdUnc-webfont.woff") format("woff"), url("fonts/GourdUnc-webfont.ttf") format("truetype"), url("fonts/GourdUnc-webfont.svg#gourdie_uncialregular") format("svg"); font-weight: normal; font-style: normal; }
/* -1.4 Embedded Videos */
/* 2. SITE STRUCTURE & APPEARANCE */
http, body { color: #5a4b63; }

/* -2.1 Containers & Columns  */
#header { text-align: center; }

#logo { width: 100%; display: inline-block; }

#logo img { max-width: 600px;width: 100%; }

#logo .site-title, #logo .site-description { color: #5a4b63; font-family: "gourdie_uncialregular", Helvetica, Roboto, Arial, sans-serif; }

#content { clear: both; }

/* -2.2 Navigation  */
#navigation { background: none repeat scroll 0 0; display: block !important; padding-top: 0; font-family: "gourdie_uncialregular", Helvetica, Roboto, Arial, sans-serif; font-weight: bold; font-size: 1.25em; }

ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a { background: none; text-decoration: underline; font-weight: bold; font-family: "gourdie_uncialregular", Helvetica, Roboto, Arial, sans-serif; color: #5a4b63; }

#navigation ul.nav > li a:hover { font-weight: bold; background: none repeat scroll 0% 0% #fff; font-family: "gourdie_uncialregular", Helvetica, Roboto, Arial, sans-serif; }

ul.nav li a { color: #5a4b63; display: block; padding: 0.5em 1em; }

/* -2.2.1 Drop-down menus */
/* -2.2.2 Optional Top Navigation (WP Menus) */
/* -2.3 Header   */
/* -2.4 Content */
/* -2.5 Sidebar */
/* -2.6 Footer  */
#footer { border-top: 3px solid #5a4b63; color: #5a4b63; padding: 20px 0; }

.col-full #footer { border-top: 1px solid #5a4b63; }

/* -2.7 Full Width */
/* 3. POSTS */
/* -3.1 Typographic Elements  */
a:link, a:visited { color: #000; text-decoration: none; }

a:hover { text-decoration: underline; }

.entry, .entry p { color: #5a4b63; font: 300 15px/1.5em "Helvetica Neue",Helvetica,sans-serif; }

h1, h2, h3, h4, h5, h6 { color: #5a4b63; font-family: "gourdie_uncialregular", Helvetica, Roboto, Arial, sans-serif; font-weight: bold; line-height: 1.2em; margin: 0; }

.page-title, .post .title, .page .title { font-family: "gourdie_uncialregular", Helvetica, Roboto, Arial, sans-serif; margin: 0 0 0.5em; }

/* -3.2 Images */
.entry img, img.thumbnail, #portfolio .group.portfolio-img img { border: none; }

/*.header-widget img{ width: 100%;
}*/
/* -3.3 Pagination / Woo Pagination */
/* -3.4 Single Post Author */
/* -3.5 Tumblog Styling */
/* 4. WIDGETS */
/* -4.1 Generic Widgets */
/* -4.2 Specific Widgets */
.header-widget { clear: none; float: left; margin: -5.75% 0 0; }

.widget h3 { border-bottom: 2px solid #5a4b63; color: #5a4b63; font: bold 14px 'gourdie_uncialregular',Arial,sans-serif; margin: 0 0 0.8em; padding: 0 0 0.8em; }

.widget ul { clear: both; list-style-position: inside; list-style-type: none; }

.widget img { width: 100%; height: auto; }

/* -4.3 WooTabs */
/* 5. COMMENTS */
/* -5.1 Comments */
/* -5.2 Pingbacks / Trackbacks */
/* -5.3 Comments Form */
/* 6. MISC */
/* -6.1 Buttons */
/* -6.2 Info Boxes */
/* -6.3 Contact Form */
/* -6.4 Gravity forms */
/* -6.5 Tumblog */
/* -6.6 Subscribe & Connect */
/* -6.7 Featured Posts Shortcode */
/* -6.8 Tables */
.entry table, .entry table th, .entry table td, .entry table tbody td { border: none; }

/* 7. LAYOUTS */
/* -7.1 Site Width */
/* -7.2 two-col-left */
/* -7.3 two-col-right */
/* -7.4 three-col-left */
/* -7.5 three-col-middle */
/* -7.6 three-col-right */
/* 8. TEMPLATES / SLIDER */
/* -8.1 Slider */
/* -8.2 Magazine template */
/* -8.3 Business template */
/* -8.4 Footer Widgets 1-4 Columns */
/* -8.5 Portfolio */
/* -8.5.1 Single Portfolio Item */
/* -8.5.2 Portfolio Items In Archive Screens */
/* -8.6 Contact Page Template */
/* -8.7 Timeline Page Template */
/* 9. WOODOJO */
/* 10. BROWSER SPECIFIC */
/* 11. PAGE SPECIFIC */
/* -11.1 Home Page */
/* -11.2 GENERIC PAGES */
@media only screen and (min-width: 768px) { /* DESKTOP STYLES ----------------- Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
  #logo { float: left !important; max-width: 31.91% !important; }
  #logo img { max-width: none; width: 100% !important; }
  #navigation { max-width: 64.89% !important; float: right !important; border-bottom: 3px solid #5a4b63; clear: none; }
  .breadcrumbs { clear: both; } }