/*
Theme Name: Sixth Avenue United Church of Christ
Author: Jasper Showers
Author URI: http://jshowers.com
Description: Sixth Avenue United Church of Christ
Version: 1.0
*/

@darkColor: #606060;
@offWhite: #faf9f6;
@darkBackground: #a4ba98;
@darkLink: #4a7931;
@hoverLink: #c9ddbe;

@leftGap: 0px;
@textShadow: 1px 1px #202020;
@generalPadding: 15px;

@borderRadius: 4px;
@padding: 10px;
@topMargin: 0px;

@lightBackgroundColor: #cfdcc5;
@borderColor: #e7e7e7;
@backgroundOpacity: 0.7;
@backgroundOpacityOld: alpha(opacity=70);

@navbar-default-bg: #000000;

body {
    background: #cedbc6 url(images/bg-dark-top.png) repeat-x; 
    color: @darkColor;
}

h1, h1 a, h2, h2 a, .vineBox a { 
    color: @darkColor; 
    margin-top: 0;
    margin-bottom: @generalPadding;
    padding: @generalPadding 0 0 0;
}
h1 a:hover, h2 a:hover, a h1:hover, a h2:hover, .vineBox a:hover
{ 
    color: @darkLink;
    text-decoration: none;
}
h2 {
    margin-top: 0;
    padding-top: 0;
}

a {
    color: @darkLink;
}
a:hover
{
    color:  @darkLink;
    text-decoration: underline;
}
img { 
    margin: @generalPadding;
}

.container
{
    
    border-color: @borderColor;
    border-radius: @borderRadius;
    margin-top: @topMargin;
    min-height: 800px;
}

.mainContentWrap
{
    min-height: 200px;
}


#mainContent
{
    min-height: 400px;
}


.uccLogo
{
    margin-top: -@topMargin;
}

#siteTitle
{
   padding: 0 0 0 0;
   margin: 20px 0 0 0;
   font-size: 30px; 
}

#siteSubTitle
{
    margin: 40px 0 0 0;
    padding: 0;
    font-size: 20px; 
}

#siteSubTitle, #siteTitle
{
    padding-left: @leftGap;
}

#headerRow
{
    background-repeat:no-repeat;
    background-position:top center;
}


.softBackground
{
    border-radius: @borderRadius;
    border: 1px solid @borderColor;
    opacity:@backgroundOpacity;
    filter:@backgroundOpacityOld;
    margin-top: 25px;
    padding: @padding;
}

#navRow
{
    margin-top: 10px;
}

.navbar-default
{
    border-color: @borderColor;
    background-color: @offWhite;
}

.navbar-brand { 
    font-size: 14px; 
    color: @darkColor;
}

.vineBox
{
    background: transparent url(images/sidebar-footer.png) bottom repeat-x; 
    border-radius: @borderRadius;
    min-height: 100px;
    min-width: 200px;
    margin: 0 0 20px 0;
    padding: 0 0 18px 0;
    
}
.vineTopGreen
{
    background: @darkBackground url(images/sidebar-header.png) repeat-x top; 
    min-width: 200px;
    min-height: 50px;
}
.vineBoxContent
{
    padding: 0 @generalPadding @generalPadding @generalPadding;
    
    background-color: @darkBackground;
    overflow: hidden;
}

.offWhite
{
    border-radius: @borderRadius;
    min-height: 95px;
    min-width: 200px;
    margin: 0 0 20px 0;
    padding: 0 0 18px 0;
    background: transparent url(images/white-footer.png) bottom repeat-x; 
}
.offWhiteTopBlack
{
    background: transparent url(images/top-content.png) repeat-x top; 
    min-width: 200px;
    min-height: 42px;
}
.offWhiteContent
{
    background-color: @offWhite;
    padding: 0 @generalPadding (@generalPadding *2) @generalPadding;
    border-bottom-right-radius: @borderRadius;
    border-bottom-left-radius: @borderRadius;
    min-height: 65px;
}

.fullBoarder
{
    border-radius: @borderRadius;
}

.topBar
{
    border-top-right-radius: @borderRadius;
    border-top-left-radius: @borderRadius;
    background: @offWhite url(images/big-div.png) no-repeat top center; 
    min-height: 27px;
    padding: 5px 0 5px 0;
}

.menu-item:hover, .current-menu-item, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    
    background-color: #e7e7e7;
}

.uccCalendar
{
    width: 100%;
    min-height: 600px;
    margin-bottom: 30px;
}
.homeCalendar
{
    width: 100%;
    height: 200px;
}

.wpContentWrap h1
{
    
}

#uccFeed ul
{
    padding: 0 0 0 0;
}

#uccFeed li
{
    list-style:none;
    padding: @generalPadding 0 @generalPadding 0;
    border-top: 1px solid @hoverLink;
}
#uccFeed li.first
{
    border-top: none;
}

.separator
{
    padding: @generalPadding 0 (@generalPadding * 2) 0;
    margin-bottom: @generalPadding;
    background: transparent url(images/small-div.png) bottom no-repeat; 
}
.callToAction
{
    padding: @generalPadding;
}
.callToAction h1
{
    text-align: center;
}

.callToAction .smallSeparator {
    margin-top: 0;
}

.currentNewsletter img
{
    float: left;
}

.smallSeparator
{
    background: transparent url(images/small-div.png) bottom no-repeat; 
    padding: 0 0 @generalPadding 0;
    clear: both;
    margin: @generalPadding;
}
.alignleft
{
    float: left;
}
.alignright
{
    float: right;
}

.postDate
{
    font-size: 10px;
    margin-top: -@generalPadding;
    margin-bottom: @generalPadding *2;
}

.slideshow_container_style-dark {
    background-color: @offWhite !important;
}
.slideshow_button
{
    border-radius: @borderRadius;
}

.mainContentWrap .offWhite
{
    text-align: center;
}


.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.btn-default {
    background-color: @hoverLink;
}

input[type=submit] {
    
    background-color: @hoverLink;
    border-radius: @borderRadius;
    padding: 10px;
}

#short_code_si_icon
{
    text-align: right !important;
}

#short_code_si_icon img
{
    margin: 0;
}