/* =GLOBAL LAYOUT/ELEMENTS
-------------------------------------------------------------- */
body {
background-color: #f1f1f1;
}

.container {
max-width: 1170px;
}

#page.container {
padding-left: 0px;
padding-right: 0px;
background-color: #FFF;
/* background-color: #76EBF0; for development */
}

img {
max-width: 100%;
height: auto;
}

img.pull-left {
margin: 0 30px 20px 0;
}

img.pull-right {
margin: 0 0 20px 30px;
}

/* SPI Resets */
.entry-title, .archive-title, .widget-title {
margin: 0;
padding: 0;
}

.widget ul {
list-style: none;
padding: 0;
}

.widget p:last-child, .widget ol:last-child, .widget ul:last-child {
margin-bottom: 0;
}

#secondary .widget {
margin: 15px 0;
padding: 15px;
}

#secondary .widget:first-child {
margin-top: 0;
}


/* =TYPOGRAPHY
-------------------------------------------------------------- */
a:hover, a:focus {
text-decoration: none;
}

/* =HEADER
-------------------------------------------------------------- */
#masthead {
padding: 20px 0;
}

@media (max-width: 767px) {
#logo {
margin-right: auto;
margin-left: auto;
}

#header-widgets {
text-align: center;
}
}

/* =MAIN
-------------------------------------------------------------- */
#main {
padding: 20px 0;
}

/* =SIDEBAR
-------------------------------------------------------------- */

/* =FOOTER
-------------------------------------------------------------- */
#colophon {
}

#footer-widgets-row {
padding: 20px 0;
}

#site-info {
padding: 20px 0;
}

/* =HOMEPAGE
-------------------------------------------------------------- */
.home #main {
padding-bottom: 0;
}

/* Slider Area */
#slider-row {
position: relative;
margin-bottom: 20px;
}

#slider-col {
padding: 0;
}

#slider-widget-overlay {
/* width: auto; */
height: 100%;
position: absolute;
/* top: 0; */
right: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 999;
}

/* Content Area */
.home #primary {
padding: 40px 0 20px;
width: 100%;
}

.home #content .entry-header {
display: none;
}

/* Widgets Area */
#home-widgets {
padding: 20px 0;
}

/* =FIXED WIDTH
-------------------------------------------------------------- */
.fixed-width .container {
width: 1024px !important;
}

@media (max-width: 768px) {
.fixed-width [class*="col-sm"] { float: left; }

.fixed-width .col-sm-1 { width: 8.33333333%; }
.fixed-width .col-sm-2 { width: 16.66666667%; }
.fixed-width .col-sm-3 { width: 25%; }
.fixed-width .col-sm-4 { width: 33.33333333%; }
.fixed-width .col-sm-5 { width: 41.66666667%; }
.fixed-width .col-sm-6 { width: 50%; }
.fixed-width .col-sm-7 { width: 58.33333333%; }
.fixed-width .col-sm-8 { width: 66.66666667%; }
.fixed-width .col-sm-9 { width: 75%; }
.fixed-width .col-sm-10 { width: 83.33333333%; }
.fixed-width .col-sm-11 { width: 91.66666667%; }
.fixed-width .col-sm-12 { width: 100%; }
}

@media (max-width: 992px) {
.fixed-width [class*="col-md"] { float: left; }

.fixed-width .col-md-1 { width: 8.33333333%; }
.fixed-width .col-md-2 { width: 16.66666667%; }
.fixed-width .col-md-3 { width: 25%; }
.fixed-width .col-md-4 { width: 33.33333333%; }
.fixed-width .col-md-5 { width: 41.66666667%; }
.fixed-width .col-md-6 { width: 50%; }
.fixed-width .col-md-7 { width: 58.33333333%; }
.fixed-width .col-md-8 { width: 66.66666667%; }
.fixed-width .col-md-9 { width: 75%; }
.fixed-width .col-md-10 { width: 83.33333333%; }
.fixed-width .col-md-11 { width: 91.66666667%; }
.fixed-width .col-md-12 { width: 100%; }
}


/* =RESPONSIVE
-------------------------------------------------------------- */

/* =DEMO
-------------------------------------------------------------- */
#demo-toggle-panel {
position: fixed;
font-size: 12px;
bottom: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.8);
border-bottom-right-radius: 3px;
padding: 5px;
z-index: 99;
}