/*
	Theme Name: BubbleUP Boostrap
	Author: BubbleUP Marketing
	Author URI: http://www.bubbleup.ca/
	Description: Custom WordPress Theme that utilizes the latest Twitter Bootstrap framework viaCDN.  Naturally Responsive.  Requires ACF and related fields to run.
	Version: 1.1
	License: Commercial
*/


/*Accordion Menu*/

#sidebar .dcjq-accordion{
    border:0 !important;
}
#sidebar .accordion-menu ul a.dcjq-parent{
    padding:0;
    background:none !important;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #78858E;
    font-weight: normal;
    border-bottom: 2px solid #B4BCC1;
    font-size: 16px;
}

#sidebar .accordion-menu .sidebar-subpage{
    padding-left:10px;
}

#sidebar .accordion-menu ul ul a{
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding:0;
    /*text-transform: lowercase;*/
    color: #0066A5;
    border-bottom: 0;
    font-size: 14px;
}


/*
    #sidebar .accordion-menu ul ul a:first-letter{
        text-transform:uppercase !important;
    }
*/
    #sidebar .accordion-menu ul ul a:last-child{
        margin-bottom:5px;
    }
    #sidebar .accordion-menu ul ul .current-menu-item a
    {
        color:#3E515E;
    }
    #sidebar .accordion-menu ul ul a:hover
    {
        color: #0066A5;
        text-decoration:underline;
    }
    
    #sidebar .dcjq-parent-li{
        margin-top:15px;
    }
    
    #sidebar .dcjq-parent-li:first-of-type{
        margin-top:0;
    }
    
    
.ubermenu-accessible .ubermenu-item .ubermenu-target:focus{
    box-shadow:none !important;
    outline:0 !important;
}

.eo_widget_calendar {width:100%;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: left; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #fff; }
#wp-calendar tbody td { background: #A0B3BE; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #c9dbe5; }
#wp-calendar .event {background:#3E515E;padding:8px;text-align:center;}
#wp-calendar .event a{color:#fff;}
#wp-calendar tbody .pad { background: none; }
#wp-calendar #eo-widget-next-month { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar #eo-widget-prev-month { font-size: 10px; text-transform: uppercase; padding-top: 10px; }



.ubermenu-main .ubermenu-item-normal > .ubermenu-target {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ubermenu .ubermenu-autocolumn, .ubermenu .ubermenu-submenu-type-stack{
    padding-top:0;
}

.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target,
.ubermenu-main .ubermenu-item-normal > .ubermenu-target
{
    text-transform:lowercase;
}

.no-lowercase > .ubermenu-target {
    text-transform: inherit !important;
}

.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target .ubermenu-target-title:first-letter,
.ubermenu-main .ubermenu-item-normal > .ubermenu-target .ubermenu-target-title:first-letter
{
    text-transform:uppercase !important;
}



.ubermenu-item .ubermenu-item-has-children{
    position:relative;
}

.ubermenu-item .ubermenu-item-has-children:before {
    content:'';
    position:absolute;
    left:0;
    top:20%;
    height:70%;
    width:1px;
    background:#209887;
}

.ubermenu .ubermenu-submenu .ubermenu-column:first-child:before {
    height:0;
    width:0;
}


.ubermenu-main .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
padding-bottom: 0;
text-transform: uppercase;
}


.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target{
   border-bottom:4px solid #209887 !important;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after{
    display:none;
}


.ubermenu-main .ubermenu-item-normal > .ubermenu-target,
.ubermenu-main .ubermenu-item-normal:hover
{
    border-left:0;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}


.gallery .gallery-item{
    border-bottom:0 !important;
    text-align:left;
    margin-top:10px;
    margin-bottom:10px;
}

    .gallery .gallery-item .image-container{
        width:150px;
        height:150px;
        overflow:hidden;
        margin:0 auto;
        padding:0;
        position:relative;
        display:block;
        z-index:1;
    }
    
    .image-row{
        background:#fff;
        height:auto;
        padding-top:15px;
        padding-bottom:15px;
        border-radius:5px;
        -webkit-box-shadow: 0px 1px 1px 1px rgba(50, 50, 50, 0.2);
        -moz-box-shadow:    0px 1px 1px 1px rgba(50, 50, 50, 0.2);
        box-shadow:         0px 1px 1px 1px rgba(50, 50, 50, 0.2);
    }
    
    .image-title-row{
        margin-left:20px;
        margin-right:20px;
        margin-top:10px;
        color:#3E515E;
        font-size:12px;
    }

    .gallery-item .video-button{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        text-align:center;
        display:block;
        font-size:50px;
        line-height:150px;
        color:#fff;
    }
        .gallery-item .video-button:hover{
            color:#ccc;
        }
        
span.rollover {
	opacity: 1;
	background:url(images/mag.png) center center no-repeat #000;
	cursor: pointer;
	height: 150px;
	width: 150px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

span.rollover:hover {
	opacity: .7;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}

.blueimp-gallery > .slides > .slide > .slide-content, .blueimp-gallery > .prev, .blueimp-gallery > .next, .blueimp-gallery > .close, .blueimp-gallery > .play-pause, .blueimp-gallery > .title, .blueimp-gallery > .indicator {
    visibility:visible ;
    display:block;
}

.blueimp-gallery > .slides > .slide > .slide-content{
    max-height:60%;
    width:auto;
}

.blueimp-gallery > .title {
    width: 50%;
    margin: 0 auto;
    left: 25%;
    right: 25%;
    top: 5%;
    text-align: center;
    font-family: 'nimbus-sans', sans-serif;
    text-transform:none;
    font-size:14px;
    line-height:normal;
    font-weight:600;
}
