@charset "UTF-8";
/* CSS Document */
/* Theme Name: SBMA
Description: A Child Theme of Thematic
Author: Kay Westhues
Author URI: http://kaywesthues.com/
Template: thematic
Version: 1.0
*/

@import url(../thematic/style.css);
@import url(homepage.css);
@import url(print.css);
@import url(menu.css);
@import url(accordian.css); 
@import url(woocommerce.css);

/*===========OVERALL STYLES==================*/

/*Zeros out all default margins and padding on the page*/
* {
margin: 0px;
padding: 0px;
}

/*Sets the base font, font size and font color for the page*/
body,input,textarea p li {
color:#464646;
font:14px Helvetica, Arial,sans-serif;
line-height:18px;
font-weight:300;
}

/*Sets the background pattern and centers the page for IE*/
body {
background:url(../../uploads/2013/05/graystripes22.gif);
background-color:#fff;
text-align:center; /*For IE6 - centers the page*/
margin:0;
}

/*Sets width of the page and centers it, sets its background color and creates drop shadow*/
#wrapper {
width:960px;
text-align:left;
background:#fff;
box-shadow:6px 0 10px -7px #888, -6px 0 10px -7px #888;
margin:0 auto;
}

#wrapper_page {
margin: 10px 0 0 10px;
}

/*This is the top header -- contains logo, search and top menu*/
#header {
background: #fff;
}

.alignright {
padding: 5px 0px 5px 10px;
}

.alignleft {
padding:5px 10px 5px 0;
}

/*This is the first section of the page - it contains the search form, login and shopping cart*/
#header-aside {
text-align:right;
border-bottom:solid 1px #ccc;
padding:5px 10px 0;
height: 47px;
}

#header-aside ul li{
float: right;
padding: 5px 5px 10px 5px;
}

/*Sets padding around search box*/
.aside input {
font-family:Helvetica, Arial, sans-serif;
background-color:#fff;
color:#999;
font-size:12px;
font-weight:400;
line-height:12px;
padding:5px;
}

/*Puts search icon in search box*/
#header-aside input {
background: url(https://www.southbendart.org/wp-content/uploads/2013/09/search.png) 5px 5px no-repeat;
padding: 5px 5px 5px 25px;
}

.aside,.aside input {
margin-bottom:2px;
}

/*Removes top label from search box*/
#header-aside h3.widgettitle {
display: none
}

#header-aside .aside {
margin: 0;
padding: 0;
}

.jetpack-image-container {
margin-top:0;
}

/*This creates the top donate and account links*/
#header-aside #menu-account-menu {
background:#fff;
color:#999;
display:inline-block;
font-family:inherit;
overflow:visible;
text-decoration:none;
margin:0;
line-height: 1em;
padding:6px 0px 6px 10px;
}

#header-aside #menu-account-menu a {
color:#999;
}

#header-aside #menu-account-menu ul ul {
width:auto;
}

#header-aside #menu-account-menu li {
padding: 5px 7px 0px 7px;
border-right: solid 1px #999;
}

#header-aside ul li a {
font-size:80%;
}

/*This contains logo and circle graphics*/
#blog-title {
height:135px;
width:700px;
display:block;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
padding:0;
}

#header-image {
background:url(../../../wp-content/uploads/2013/05/banner_see_new.jpg) no-repeat transparent;
height:100%;
width:100%;
position:absolute;
cursor:pointer;
top:0;
}

/*Set size of logo/banner container*/
#branding {
height:135px;
position:relative;
margin-top:2px!important;
margin-bottom:10px!important;
padding:0;
}

/*The header is above and the footer is below this*/
#main {
background:none repeat scroll 0 0 #FFF;
clear:both;
overflow:hidden;
position:relative;
width:940px;
margin:0 auto;
padding:20px 10px 10px;
}

/*The right column which contains your content and any right sidebars*/
#container {
float: right;
width: 690px;
}

/*Contains your content*/
#content {
overflow:hidden;
width:670px;
margin:0 10px;
}

/*Sets padding around images in content*/
#content img {
margin: 0 10px 5px 0;
}

/*Sets the paragraph style*/
#content p {
line-height:1.5em;
font-size:14px;
margin:0 0 15px;
padding:0;
}

/*Style for bulleted lists in content section*/
#content ul {
margin: 5px 0 10px 20px;
font:14px Helvetica, Arial,sans-serif;
line-height:18px;
font-weight:300;
}

#content li {
margin: 0 0 5px 10px;
}

/*These apply to posts and pages*/
.hentry {
padding: 0;
}

.entry-content {
overflow:visible;
padding:0;
}

/*Styles the first level header*/
h1.entry-title {
font-family:Helvetica, Arial, sans-serif;
font-size:24px;
font-weight:700;
letter-spacing:.05em;
text-transform:uppercase;
line-height:1.25em;
margin-bottom:15px;
padding:0;
}

.entry-content h1,.entry-content h2 {
display:inline;
font-size:19px;
font-weight:700;
padding:0;
}

/*Sets text link colors*/
A:link {
color:#00b1b0;
text-decoration:none;
}

A:visited {
color:#007373;
text-decoration:none;
}

.home A:active,.home A:hover,.search-results a:active,.search-results a:hover {
color:#00b1b0;
text-decoration:underline;
}

.home h2 a:visited {
color:#00b1b0;
}

/*Styles the next level headers*/
h2 {
font-size:20px;
line-height:1.25em;
letter-spacing:.05em;
margin:0;
padding:0;
}

h2.entry-title,h2.entry-content,.search h2.entry-title {
font-family:Helvetica, Arial, sans-serif;
font-size:18px;
font-weight:700;
line-height:1.25em;
letter-spacing:.05em;
display:inline;
margin:1.5em 0 0;
padding:0;
}

h3 {
font-size:16px;
line-height:1.25em;
letter-spacing:.05em;
font-style:normal;
margin:0;
padding:0;
}

strong {font-weight: 700;}

/* Creates a horizontal line with space at top/bottom */
hr {
margin:5px 0;
}

/*This creates a two column layout in the content section. Each column needs to have this class applied for it to work*/
.columns-left {
width:325px;
float:left;
margin:0 10px 30px 0;
clear:left;
vertical-align:top;
}

.columns-right {
width:325px;
float:left;
margin:0 10px 30px 0;
}

columns img {
margin:20px 0 0;
}

.entry-content .columns-right h2, .entry-content .columns-left h2{
vertical-align:top;
margin:0;
}

/*Sets style for quoted content - used in testimonials page*/
blockquote {
background:#f9f9f9;
border-left:10px solid #ccc;
quotes:\201C\201D\2018\2019;
margin:1.5em 10px;
padding:.5em 10px;
}

blockquote:before {
color:#1DB1B0;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}

blockquote p {
display:inline;
margin-bottom:10px;
}

img,.search .noresults {
border:none;
}

/*------------ POST + EXCERPT STYLES--------- */

/*This hides post author, date etc. on posts */
#header-aside h3.widgettitle,#comments,.ivycat-post .sharedaddy {
display:none;
}

/*Changes color of Share h3 */
#content div.sharedaddy h3{color: #464646;}

/*Excerpt style*/
.ivycat-post {
border-bottom:solid 1px #ccc;
margin-bottom:15px;
float:left;
padding:0 10px 0 0;
}

.entry-content .wp-post-image {
border:none;
padding:0;
}

.ivycat-post .entry-summary {
margin-left:135px;
}

/*styles post excerpt thumbnail*/
.featured-image {
float: left;
border:none;
}

.entry-content .wp-post-image {
border: none;
}

/*====================LEFT SIDEBAR STYLES================*/

/*Sets the width, background color, font color/size and position of the left sidebar*/
#primary {
background:none repeat scroll 0 0 #FFF;
color:#666;
float:left;
width:240px;
border:none;
padding:0;
}

.aside {
color: #666;
}

.main-aside {
position:relative;
background:#fff;
color:#666;
right:0;
}

/*The bulleted lists (menu) in the left sidebar*/
.main-aside ul {
list-style-type:none;
padding:0;
}

.main-aside p {
font-size:12px;
font-weight:300;
font-family:Helvetica, Arial, sans-serif;
line-height:1.25em;
margin-bottom:0;
padding:3px 15px 10px;
}

/*Styles the header in the left sidebar*/
#main_aside h2 {
font-size:14px;
font-weight:700;
color:#696969;
margin:10px 10px 0 0;
}

.text-widget h2 {
font-size:12px;
padding:5px 10px 0 15px;
}

/*Sets space around images in sidebar*/
.textwidget img {
margin: 10px 10px 5px 0px;
}

/*===========FOOTER STYLES==================*/
#footer {
background:#333;
color:#fff;
border-top:none;
margin-top:0;
text-align:center;
}

#siteinfo {
color:#fff;
font-size:12px;
line-height:18px;
padding:20px 0 30px;
}

#siteinfo a {
color: #C4D0CE;
}

#siteinfo a:hover, #siteinfo a:active {
color: #C4D0CE;
text-decoration: underline;
}

/* Search and File Not Found pages */
.search h1.page-title {
font-size:24px;
font-weight:700;
letter-spacing:.05em;
text-transform:uppercase;
line-height:1.25em;
margin-bottom:15px;
padding:0;
}

.search #container,.search #content,.error404 #container,.error404 #content {
width:900px;
clear:both;
float:none;
background:none;
margin:0;
padding:0 10px 0 5px;
}

.search .post,.search .page {
border-bottom:solid 1px #464646;
margin:20px 0;
}

/* WOO COMMERCE */
.page-title {
font-family:Helvetica,Arial,sans-serif;
font-size:24px;
font-weight:700;
letter-spacing:.05em;
line-height:1.25em;
margin-bottom:15px;
padding:0;
}

.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { width: auto; float: left; }

.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
background:#333;
}

/*==================HOMEPAGE STYLES==========================*/

.home #main {
width:960px;
padding:0;
}

.home #container {
overflow:hidden;
width:475px;
float:left;
margin:0;
}

.home #content {
overflow:hidden;
width:475px;
float:left;
margin:0;
}

.home #content .aside ul {
padding: 0px;
}

.home #content li {
margin: 0px;
}

.home h1.entry-title, #mobile {
display: none;
}

.home #primary {
padding-top: 12px;
}

.home #primary h2 {
font-size:14px;
color:#696969;
padding:5px 0 0 15px;
}

/*Feature blurbs below post excerpts*/

.blurb {
margin-top:15px;
border-bottom:solid 1px #ccc;
padding:0 5px 0 0;
}

.blurg img {
margin: 0 10px 5px 0;
}

/*Sets size, position, padding and background color for right sidebar*/
#secondary {
width:205px;
background:#fff;
float:right;
padding:15px;
}

/*paragraph style for right sidebar*/
#secondary  p {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding:5px 0 0;
}

/*Heading style for right sidebar*/

#secondary  h2 {
font-size:14px;
color:#696969;
padding:5px 0 0;
}

/*Sets space around images in sidebar*/
.wrapper-right img {
margin: 10px 10px 5px 0px;
}

#secondary .jetpack-image-container {
margin-top: 10px;
}

.home #index-top img {
margin:0px;
}

/* -------------- SLIDER --------------*/
#new_royalslider_widget-2 {
float:left;
background:#333;
}

#new_royalslider_widget-2 img {
max-width: 70%;
width: auto;
}

.royalSlider {
direction:ltr;
position:relative;
background:transparent;
overflow:hidden;
background:#333;
}

.rsContentSlider img {
display:block;
width:70%;
height: 100%;
}

.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
background:#333 !important;
}

.rsContent img{
float:left;
/*width:495px;
height:250px;*/
width:68%;
height: 100%;
}

.slider-text {
position:absolute;
top:0;
right:0;
display:block;
width:30%;
padding:1%;
background-color:#333;
}

.rsContentSlider .rsContent h3 {
font-size:24px;
font-weight:700;
line-height:1.2em;
font-style:normal;
}

.rsContentSlider .rsContent h3, .rsContentSlider .rsContent p {
    margin-left: 0%;
    width: 98%;
}

.slider-text p {
color: #ffffff;
}

.rsContentSlider h3 a:link, .rsContentSlider h3 a:visited,.rsContentSlider h3 a:hover, .rsContentSlider h3 a:active{
text-decoration: none;
color: #999999;
}

.rsNav {
position:absolute;
left:432px;
top:200px;
}

/*Sets color, padding for enews signup box*/
.feature_box {
width:185px;
background-color:#1DB1B0;
margin:0 0 3px;
padding:10px;
}

.feature_box_right {
width:185px;
background-color:#1DB1B0;
margin:0 0 5px 10px;
padding:10px;
float: right;
}

.feature_box h3, .feature_box_right h3 {
color:#fff;
font-style:normal;
margin:0 0 5px;
padding: 0;
}

.feature_box form {
 margin-bottom: 5px;
}

.feature_box input {
display: inline;
}

/*==============SEE BELONG MAKE PAGES =======================*/
/*Loads banners for 3 different templates*/
.page-template-page-see-php #header-image, .single-post #header-image {
background: url("../../../wp-content/uploads/2013/05/banner_see_new.jpg") no-repeat transparent;
height: 100%;
width: 100%;
position: absolute;
cursor: pointer;
top: 0;
}

.page-template-page-make-php #header-image, .category-make #header-image, .term-adult-classes #header-image, .term-youth-classes #header-image, .youth-classes #header-image, .adult-classes #header-image, .woocommerce #header-image {
background: url("../../../wp-content/uploads/2013/05/banner_make_new.jpg") no-repeat transparent;
height: 100%;
width: 100%;
position: absolute;
cursor: pointer;
top: 0;
}

.page-template-page-belong-php #header-image, .category-belong #header-image, .join-sbma #header-image, .donate #header-image {
background: url("../../../wp-content/uploads/2013/05/banner_belong_new.jpg") no-repeat transparent;
height: 100%;
width: 100%;
position: absolute;
cursor: pointer;
top: 0;
}

/*Hides the right column on these pages and on posts, hides primary headers*/
.page-template-page-belong-php #secondary,.page-template-page-make-php #secondary,.page-template-page-see-php #secondary,.single-post #secondary,.search-results #secondary,.error404 #secondary,.woocommerce #secondary,.archive #secondary,#post-300 h1.entry-title,#post-296 h1.entry-title,#post-304 h1.entry-title {
display:none;
}

/*Sets the color of the links for each section*/
.page-template-page-make-php #content a, .term-adult-classes #content a, .term-youth-classes #content a, .youth-classes #content a, .adult-classes #content a, .woocommerce #content a {
color: #f26532;
}

.page-template-page-see-php #content a, #content .category-see a {
color: #999820;
}

.page-template-page-belong-php #content a, #content .category-belong  a {
color: #00b1b0;
}

/*Sets the color of the hover state of links for each section*/
.page-template-page-make-php #content a:hover, .page-template-page-make-php #content a:active, .term-adult-classes #content a:hover, .term-youth-classes #content a:hover, .youth-classes #content a:hover, .adult-classes #content a:hover, .woocommerce #content a:hover {
 color:#f26532;
 text-decoration:underline;
}

 .page-template-page-see-php #content a:hover, .page-template-page-see-php #content a:active, #content .category-see a:hover, #content .category-see a:active {
 color:#999820;
 text-decoration:underline;
}

 .page-template-page-belong-php #content a:hover, .page-template-page-belong-php #content a:hover {
 color:#00b1b0;
 text-decoration:underline;
}

/*Sets the header colors for each section*/
.page-template-page-make-php #content h1, .page-template-page-make-php #content h2, .page-template-page-make-php #content h3 .woocommerce #content h1, .woocommerce #content h2{
color: #f26532;
}

.page-template-page-see-php #content h1, .page-template-page-see-php #content h2, .page-template-page-see-php #content h3, .page-template-page-see-php #content h2 a:link, .page-template-page-see-php #content h2 a:visited, #content .category-see h1.entry-title, #content .category-see h2.entry-title, #content .category-see h3, #content .category-see h2 a:link, #content .category-see h2 a:visited{
color: #d5d110;
}

.page-template-page-belong-php #content h1, .page-template-page-belong-php #content h2, .page-template-page-belong-php #content h3 {
color: #00b1b0;
}