/*
Theme Name: UptownWaterlooBIA
Theme URI: http://uptownwaterloobia.com
Version: 1.0.1
Author: http://10am.ca
Author URI: http://10am.ca
Tags: 

Template: Divi

*/

@import url("../Divi/style.css");

/* = customization starts here
-------------------------------------------------------------- */


body {
    font-size: 16px;
    font-weight: 500;
}

.entry-content ul, .comment-content ul {
    list-style: none;
}
#left-area ul li.cat-item {
    list-style: none;
}

.entry-content a:hover { text-decoration: underline; }


/* = Typography
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    color: #2D5C86;
    font-weight: 700;
}
h1 {
    font-size: 40px;
    font-weight: 300;
    color: #0081c6;
}

#sidebar h3 { font-weight: 500; }
#left-area h2, #left-area h3 { margin-top: 20px; }
.home #left-area h2, .home #left-area h3 { margin-top: 0; }
.et_pb_post p, .et_pb_text { 1line-height: 1.5; }

p {
    padding-bottom: 10px;
    line-height: 1.5em;
}



/* = Top Menu
-------------------------------------------------------------- */
#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after { display: none; }
#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child { padding-right: 0; }

#top-menu li {
    text-transform: uppercase;
    padding-right: 20px;
    line-height: 1.2;
}

.et_header_style_centered #top-menu > li > a {
    padding: 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.et_header_style_centered #top-menu > li > a:hover { background: #fff; color: #0086c5; }
#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
    padding-right: 12px;
}

#top-menu li.current-menu-item > a, #top-menu li.current-menu-ancestor > a {
    background: #FFF;
    padding: 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#top-menu a:hover { color: #0086c5; }

.nav li ul { border: 0; }
.et_header_style_centered .nav li ul { top: 56px; }

#top-menu li li a { color: #444; text-transform: none!important; padding-top: 10px; padding-bottom: 10px; }
.nav ul li a:hover, .et_mobile_menu li a:hover { background: #f4f4f4; }

#menu-item-1098 .sub-menu { top: -20px; }



/* = Ubermenu      - See also in media queries
-------------------------------------------------------------- */
#et_mobile_nav_menu{
display:none !important;
}

#et-top-navigation { line-height: 10px; }

nav.ubermenu, nav.ubermenu .ubermenu-column, nav.ubermenu .ubermenu-divider, nav.ubermenu .ubermenu-icon, nav.ubermenu .ubermenu-image, nav.ubermenu .ubermenu-item, nav.ubermenu .ubermenu-nav, nav.ubermenu .ubermenu-retractor, nav.ubermenu .ubermenu-row, nav.ubermenu .ubermenu-search, nav.ubermenu .ubermenu-search-input, nav.ubermenu .ubermenu-search-submit, nav.ubermenu .ubermenu-submenu, nav.ubermenu .ubermenu-submenu-footer, nav.ubermenu .ubermenu-tabs, nav.ubermenu .ubermenu-tabs-panels, nav.ubermenu .ubermenu-target, .ubermenu-responsive-toggle { z-index: 100; }

#top-menu-nav .ubermenu-item-level-0 > a > span.ubermenu-target-text {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}
#top-menu-nav .ubermenu-item-level-0 > a.ubermenu-target { text-align: center; }



/* = HEADER
-------------------------------------------------------------- */

#main-header { padding-top: 5px; }
#logo { margin-bottom: 5px; }

#main-header, #top-header {
    background: #0086c5; /* Old browsers */
    background: -moz-linear-gradient(left,  #2d5c86 0%, #0086c5 50%, #2d5c86 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2d5c86), color-stop(50%,#0086c5), color-stop(100%,#2d5c86)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #2d5c86 0%,#0086c5 50%,#2d5c86 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #2d5c86 0%,#0086c5 50%,#2d5c86 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #2d5c86 0%,#0086c5 50%,#2d5c86 100%); /* IE10+ */
    background: linear-gradient(to right,  #2d5c86 0%,#0086c5 50%,#2d5c86 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d5c86', endColorstr='#2d5c86',GradientType=1 ); /* IE6-9 */
}
.et_header_style_centered #logo { padding: 0; }
#logo { max-height: initial!important; }

#search {
	color:#efefef;
    color: rgba( 255, 255, 255, 0.75 );
}
#et-secondary-menu a {
	color:#fff!important;
}
#et-secondary-menu a:hover {
    color: rgba( 255, 255, 255, 0.75 )!important;
}
#search b {
	color:#fff;
}
.search-intro {
    padding-top: 6px;
}
#search .s {
	float:left;
	color:#9BB8C9;
	padding:4px;
	border:1px solid #004D7B;
	-moz-box-shadow: inset 0 0 1px #637E9F;
	-webkit-box-shadow: inset 0 0 1px #637E9F;
	box-shadow: inner 0 0 1px #637E9F;
	width:280px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
#search .searchsubmit {
	1float:right;
}

#banner {
	background: #FFF;
    margin: 0 auto;
    padding: 20px;
    1box-shadow: 0 0 10px #333;
}

#main-header {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#header-border {
    background: #FFF;
    height: 180px;
    width: 100%;
    position: absolute;
    top: 380px;
}

#cycle, #banner a {
    box-shadow: 0 0 5px #ccc;
    border: 5px solid white;
    width: 1030px!important;
    height: 325px!important;
}

#cycle img, #banner a img { width: 100%!important; }

.home .theme-light.slider-wrapper { padding: 20px; }
.home .theme-light .nivoSlider { box-shadow: 0 0 5px #ccc; }

#main-content div.container { padding-top: 38px; }



/* = PAGES
-------------------------------------------------------------- */
#left-area a { word-break: break-word; }

.one_half { margin-top: 20px; }
.et_right_sidebar #main-content .container:before { display: none; }

/* Home */
.home .main_title { display: none; }

.home #left-area h1 {
    font-weight: 300;
    color: #0081c6; 
}
.home #left-area h1 strong {
    font-weight: 700;
    color: #2D5C86; 
}
.home #left-area h3 {
    margin: 10px 0 20px; 
}
.home #left-area h4 { color: #0081c6; font-weight: 300; font-size: 30px; }
.home #left-area h5 { font-style: italic; }

.entry-content table td { border:1px solid #eee; }
.without-table-lines table, .without-table-lines table td { border: none; }
.entry-content .with-bullets ul { list-style: disc; }


/* Search */
.search-results #left-area .page, .search-results #left-area .business-listing { margin: 35px 0 25px 17px; }


/* Directory */
#wpbusdirmancats ul li {
    width: 48%!important;
    padding: 3px 0!important;
}

/* New Business Directory Plugin (2015) */
.cn-entry > div {
    width: 100%!important;
    text-align: left;
}

.cn-entry > div > div > div {
    font-variant: initial!important;
}

#cn-list .vcard span.cn_category_label {
    display: none;
}
.tenam-business-category {
    display:none;
}
.cn-categories {
    font-style: italic;
    font-size: 85%;
    margin-bottom:10px;
}

/*CONTENT EVENTS */
#left-area ul.ec3_events, #left-area > div.category-events.events { 
	list-style:none;
	margin-left:17px;
}
#left-area > div.category-events.events { margin-top: 17px; margin-bottom: 25px; }
#left-area ul.ec3_events li { 
	margin-top:17px;
	margin-bottom:25px;
	line-height: 2em;
}
#left-area ul.ec3_events a, div.category-events.events h3 { 
	display:table;
	font-size:1.25em;
	font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 0;
}
#left-area div.category-events.events h3 { color: #222; margin-top:0; padding-bottom:3px; }
#left-area ul.ec3_events a.event_link, div.category-events.events h3 > div > a { 
	font-size:1em;
    line-height: 1em;
    margin-bottom: 0;
	font-weight:normal;
}
ul.ec3_events div.short-date { 
	display:none;
}

#sidebar ul.ec3_events a { 
	display:block;
	font-size:1em;
	font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 0;
}
#sidebar ul.ec3_events a.event_link {
	display:none;
}

#wp-calendar caption a:hover { color:#ffffff!important; } 
#sidebar #wp-calendar #next a, #sidebar #wp-calendar #prev a { display: none; }
#sidebar #wp-calendar #next, #sidebar #wp-calendar #prev { 
	width: 25px;
	height: 9px;
	margin-right: 5px;
	padding: 10px 5px 10px 5px;
	display: block; 
}


/* = FOOTER
-------------------------------------------------------------- */

#footer-border {
    background: #0086c5; /* Old browsers */
    background: -moz-linear-gradient(left,  #2d5c86 0%, #0086c5 50%, #2d5c86 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2d5c86), color-stop(50%,#0086c5), color-stop(100%,#2d5c86)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #2d5c86 0%,#0086c5 50%,#2d5c86 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #2d5c86 0%,#0086c5 50%,#2d5c86 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #2d5c86 0%,#0086c5 50%,#2d5c86 100%); /* IE10+ */
    background: linear-gradient(to right,  #2d5c86 0%,#0086c5 50%,#2d5c86 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d5c86', endColorstr='#2d5c86',GradientType=1 ); /* IE6-9 */
    height: 10px;
    max-width: 1080px;
    margin: 40px auto 10px;
}

#footer-bottom {
    background-color: #FFF;
}

#footer-widgets { padding-top: 20px; }
.footer-widget {
    color: #222;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}
.et_pb_widget a { color: #0081c6; font-weight: bold; }
.et_pb_widget a:hover { color: #111; }

.et_pb_widget { float: none; }
#footer-social {
    text-align: center;
    font-size: 30px;
}



/* = WIDGET AREA
-------------------------------------------------------------- */

#sidebar .et_pb_widget { margin: 0; }
.et_pb_widget ul li { margin-bottom: 20px; }

#sidebar {
    float: left;
    width: 224px;
    line-height: 1.3;
}

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget-area form {
	margin-bottom:10px;
}
.widget-area select {
	border: 1px solid #999999;
    color: #0081C6;
    padding: 5px;
    width: 194px;
}
.widget-area .s {
	float:left;
	border: 1px solid #999999;
    color: #0081C6;
    padding: 4px 10px;
    width: 175px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	background:#FFF;
    margin-bottom: 10px;
}
.widget-area .searchsubmit {
	float: right;	
}
#primary.widget-area.search {
	padding-top:5px;
}

.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area a.widget_sp_image-image-link:active,
.widget-area a.widget_sp_image-image-link:hover {
	text-decoration: none;
}
.widget_sp_image-image-link small {
	line-height:3;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
    margin: 0;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}


/* = TOGGLE WIDGETS
-------------------------------------------------------------- */

.search-widget { display: none; }
.page-id-8 .search-widget, .page-id-3060 .search-widget, .page-id-3066 .search-widget, .archive .search-widget, .search .search-widget, .parent-pageid-8 .search-widget { display: block; }

.events-widget, .category-events .search-widget { display: none; }
.home .events-widget, .page-template-events-page .events-widget, .category-events .events-widget, .page-id-1068 .events-widget { display: block; }

.ion-widget { display: none; }
.page-id-2462 .ion-widget { display: block; }

.director-widget { display: none; }
.page-id-42 .director-widget { display: block; }

.home #sidebar, .page-template-events-page #sidebar { width: 237px; }
.home #left-area, .page-template-events-page #left-area { width: 783px; }


/* = Contact Form
-------------------------------------------------------------- */

.wpcf7 { margin-top: 40px; }
.wpcf7-form label {
	color:#0081C6;
	line-height:24px;
}
.wpcf7-form div {
	clear:left;
	float:none;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {
    background: none;
    border: 1px solid #CCCCCC;
    box-shadow: none;
    padding: 4px;
	width:300px;
}
.entry-content .wpcf7-form input {
	margin-bottom:15px;
}
.entry-content .wpcf7-submit {
	background:#0081C6;
	border:0;
	color:#FFF;
	padding:5px 12px;
    font-size: 18px;
}
.entry-content .wpcf7-submit:hover {
    cursor: pointer;
    background: #666;
}
.wpcf7-not-valid-tip {
	position:absolute;
	background:#900;
	color:#FFF;
	padding:4px 7px;
	margin-left:3px;
	margin-top:1px;
}
.wpcf7-validation-errors {
	padding:10px;
	background:#900;
	color:#FFF;
	font-weight:bold;
}
.wpcf7-mail-sent-ok {
	padding:10px 10px 10px 0;
	color:#690;
	font-weight:bold;
	font-size:1.2em;
}
.wpcf7-form span.captcha {
  display: block;
  float: left;
  width: 300px;
}


/* = MEDIA QUERIES AND MOBILE
-------------------------------------------------------------- */

.et_mobile_menu { border: 0; }

@media only screen and (min-width: 981px) {
	
    #top-menu-nav .ubermenu-item-level-0 > a.ubermenu-target { padding: 12px; border-top-left-radius: 5px; border-top-right-radius: 5px; color:#fff; }
	#top-menu-nav .ubermenu-item-level-0.ubermenu-current-menu-item > a.ubermenu-target { background: #fff; color: #0086c5; }
	#top-menu-nav .ubermenu-item-level-0 > a.ubermenu-target:hover { background: #fff; color: #0086c5; }
	
	#top-menu-nav li.ubermenu-item-level-0 { padding-right: 24px; }
	#top-menu-nav .ubermenu li.ubermenu-item-level-0:last-child { padding-right: 0; }
	
	#top-menu-nav li.ubermenu-item-level-0 ul { background-color: #fff; padding:20px;  border: 1px #eee solid; border-top: none; }
	#top-menu-nav li.ubermenu-item-level-0 ul a { color: #444; padding:9px 20px; font-size: 14px; }
	#top-menu-nav li.ubermenu-item-level-0 ul a:hover { color: #0086c5; background-color: #f4f4f4; }
	#top-menu-nav li.ubermenu-item-level-1 ul { top:-20px; }
	#menu-item-3074 { width: 123px; } /* Business Directory */ 
	#menu-item-1095 { width: 123px; } /* Festivals and Events */ 
	#menu-item-23 { width: 110px; } /* Uptown Dollars */ 
	#menu-item-1096 { width: 110px; } /* Maps and Parking */ 
	#menu-item-1097 { width: 100px; } /* About the BIA */ 
	#menu-item-2466 { width: 80px; } /* ION (LRT) */
} 


@media only screen and (max-width: 1100px) and (min-width: 981px) {
    #cycle, #banner a { width: 910px!important; height: 285px!important; }
    .widget-area .s { width: 145px; }
}

@media only screen and (max-width: 980px) {
    
    .ubermenu { position: absolute!important; left: 0!important; }
    .et_right_sidebar #left-area, .et_right_sidebar #sidebar, .et_left_sidebar #left-area, .et_left_sidebar #sidebar { float: left; }
    .et_header_style_centered .mobile_nav .select_page { color: #FFF; color: rgba(255,255,255,0.8); font-weight: 700; text-transform: uppercase; }
    .et_header_style_centered #main-header .mobile_nav { background-color: rgba(0,0,0,0.2); }
    
    #cycle, #banner a { width: 680px!important; height: 210px!important; }
    .home .theme-light.slider-wrapper { padding: 0px; }
    .home .theme-light .nivoSlider { box-shadow: none; margin-bottom: 8px; }
    #banner { padding: 0;  }
    #header-border { height: 135px; top: 305px; }
    
    #main-content .container { padding-top: 20px; }
    .et_right_sidebar #left-area, .et_right_sidebar #sidebar, .et_left_sidebar #left-area, .et_left_sidebar #sidebar { width: auto; }
    .et_right_sidebar #sidebar { margin-top: 50px; }
    .et_pb_image { max-width: 400px; }
    .et_header_style_centered #et-top-navigation nav#top-menu-nav { display: block; margin-bottom: 20px; }

		nav.ubermenu-responsive-980.ubermenu.ubermenu-responsive .ubermenu-column, nav.ubermenu-responsive-980.ubermenu.ubermenu-responsive .ubermenu-column-auto { min-width: 66%; }
		nav.ubermenu-responsive-980.ubermenu-responsive.ubermenu { background-color: #fff; margin: 0 auto; padding: 12px; }
		nav.ubermenu-responsive-980.ubermenu-responsive.ubermenu .ubermenu-active ul { background-color: #eee; padding: 0 12px 12px; }
		nav.ubermenu-responsive-980.ubermenu-responsive.ubermenu .ubermenu-active ul li { text-align: center; }
		nav.ubermenu-responsive-980.ubermenu-responsive.ubermenu .ubermenu-active ul li a { font-size: 14px; color:#444; padding: 9px 20px; }
		nav.ubermenu-responsive-980.ubermenu-responsive.ubermenu .ubermenu-active ul li a:hover { color: #0086c5; background-color: #e4e4e4; }

		a.ubermenu-responsive-toggle { color:#fff; text-transform:uppercase; }
    a.ubermenu-responsive-toggle { background-color: rgba(0,0,0,0.2); }

		#top-menu-nav nav.ubermenu-responsive-default.ubermenu.ubermenu-responsive li.ubermenu-item-level-0 { padding-right: 0; }
		nav.ubermenu .ubermenu-item.ubermenu-active .ubermenu-submenu-drop, nav.ubermenu-nojs .ubermenu-item:hover .ubermenu-submenu-drop { z-index:200; }

    .et_right_sidebar #sidebar { clear: both; }
}

@media only screen and (max-width: 767px) {
    #top-header .et-social-icons { display: none; }
    .et_header_style_centered #logo { margin-top: 20px; }
    #search .s { width:363px; }
    .one_half { width: 100%!important; float: none!important; }
    #wpbusdirmancats ul li { width: 100%!important; }
    
    #cycle, #banner a { width: 390px!important; height: 120px!important; }
    #header-border { height: 90px; top: 280px; }
}

@media only screen and (max-width: 479px) {
    #search .s { width:243px; }
    h1 { font-size: 32px; }
    img.alignright {
        display: block;
        float: none;
        margin-left: 0;
        width: 100%;
    }
    
    #cycle, #banner a { width: 270px!important; height: 85px!important; }
    #header-border { height: 70px; top: 265px; }
}

.ubermenu .ubermenu-item .ubermenu-submenu-drop {
  box-shadow: none!important;
}




/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

/* Smooth Transitions on anchors  */

a { -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease,
}

/* IE fix  */

#ie6 .et_pb_column, #ie7 .et_pb_column, #ie8 .et_pb_column  {  margin-right: 25px; }

/* Chromium font fix from https://code.google.com/p/chromium/issues/detail?id=336476 */
body
{
    -webkit-animation-duration: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix{
	from{ 	opacity: 1; }
	to{	opacity: 1; }
}