/*
Theme Name: UniverCity 2015
Author: Dazil Internet Services
Author URI: https://dazil.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: univercity-2015
*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Fonts
:: Themes
:: Shared Styles
:: Header

*/

/* -----------------------------------------
   Fonts
----------------------------------------- */
body { font-family: "franklin-gothic-urw", sans-serif; }

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
#wrap { overflow-x: hidden; }

.page-id-279 #main a { color: #7d7d7d !important; }
.page-id-279 #main a:hover { color: #555 !important; }

.btn,
.navbar-toggle,
.form-control { 
	border: none;
	border-radius: 0; 
}

input.form-control,
textarea.form-control { 
	background: #eee; 
	box-shadow: none; 
	max-width: 100% !important; 
}

form .btn,
form .btn:hover,
form .btn:active,
form .btn:focus { color: #fff; }

::-webkit-input-placeholder { text-transform: lowercase; }
:-moz-placeholder { text-transform: lowercase; }
::-moz-placeholder { text-transform: lowercase; }
:-ms-input-placeholder {text-transform: lowercase; }

.btn.btn-default,
.btn.btn-default:hover, 
.btn.btn-default:focus, 
.btn.btn-default:active { color: #fff; border: none; }

.typographic-lines-bg { background: url(dist/img/topographic-lines.png) top center no-repeat; background-size: 1280px 182px;}
.index-item { padding-bottom: 20px; border-bottom: 1px solid #eee; }

.panel-full-width { margin: 0 -10000px 15px; padding: 30px 10000px; background: #eee; }
.panel-full-width>h3:first-of-type { margin-top: 0; }
.panel-full-width a { color: #7d7d7d !important; }
.panel-full-width a:hover { color: #555 !important; }

.post-thumbnail { margin-top: -20px; overflow: hidden; max-height: 380px; }
.home .post-thumbnail { margin-top: 0; }
.post-thumbnail>div { position: relative; width: 1200px; margin: 0 auto; max-width: 100%; }
.post-thumbnail>div:before,
.post-thumbnail>div:after {
	z-index: 200;
	display: block;
	content: " ";
    width: 10%;
    height: 100%;
	position: absolute;
	top: 0;
}
.post-thumbnail>div>img { display: block; width: 100%; height: auto; }
.post-thumbnail>div>h1.page-title { z-index: 100; padding: 10px 40px 10px 100px; color: #fff; position: absolute; top: 50px; left: 0; }

.alignleft { margin: 10px 10px 10px 0; }

.page-title { margin-bottom: 30px; }
/*#main br { display: none; }*/
#main hr { border-width: 3px; }
#main img { max-width: 100%; height: auto; }
#main p.empty { padding: 0; margin: 0; }
#main .more-link { display: inline-block; font-size: 1.3em; margin-top: 5px; }
#main .more-link:before,
#main .more-link:after { content: " "; clear: both; display: table; }
#main h4 { margin-top: 20px; }

.lead { line-height: 1.2em; } 

.shortcode-col>h1:first-of-type,
.shortcode-col>h2:first-of-type,
.shortcode-col>h3:first-of-type,
.shortcode-col>h4:first-of-type { margin-top: 0; }

/* Wordpress Gallery */
.gallery { margin-left: -7.5px !important; margin-right: 7.5px !important; }
.gallery .gallery-item { padding: 7.5px; }
.gallery .gallery-item img { max-width: 100%; border: none !important; }

.contact-us-content form { max-width: 500px; }
.contact-us-content .address { line-height: 1.5em; }
.wpcf7-not-valid { background-color: #FFE8E8 !important; }
span.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-response-output { margin: 0 !important; }

/* Email Form */
.post-edit-link { display: none; }
p.form-field-description { margin: 0 !important; }

.sp-arrow { background: url(dist/img/icon-arrow-slider-right.png) no-repeat center; background-size: 50px 50px; height: 65px !important; width: 80px !important; }
.sp-arrow:before,
.sp-arrow:after { content: " "; background: none !important; border: none; }
.sp-horizontal .sp-next-arrow { right: 0 !important; }
.sp-horizontal .sp-previous-arrow { left: 0 !important; background-image: url(dist/img/icon-arrow-slider-left.png); }

@media (min-width: 767px) {
	.contact-us-content form input { max-width: 300px !important; }
}

.biographies-content,
.partners-content,
.team-members-content { padding-top: 30px; }

.partners-item,
.team-members-item { margin-bottom: 15px; }

@media (min-width: 768px) {
	.neighbourhood-content .panel-full-width .row .col-sm-9 { margin-top: -13px; }
}

.biographies-item { margin-bottom: 30px; }
.biographies-item img { margin-bottom: 15px; }
#main .biographies-item h4.biographies-name { margin-top: 0; }
.biographies-item .biographies-job-title { font-size: 1.2em; text-transform: uppercase; }

.partners-item .lead { font-size: 1.3em; color: #999; }

/* -----------------------------------------
   Header
----------------------------------------- */
.navbar { border-bottom: none; }
.home .navbar { margin-bottom: 0; }

.navbar .lead { 
	position: relative; 
	top: -20px; 
	font-size: 1.25em; 
	color: #fff; 
	font-weight: 300; 
}

.navbar .lead strong { font-weight: normal; }

#searchform .input-group-btn:last-child>.btn, 
#searchform .input-group-btn:last-child>.btn-group { 
	margin-left: 0; 
	padding-top: 7px; 
	padding-bottom: 7px; 
	background: transparent url(dist/img/icon-search.png) right no-repeat;
	background-size: 34px;
	text-indent: -9999px;
	min-width: 40px;
}

.navbar-brand { 
	float: none; 
	padding-top: 10px; 
	padding-bottom: 0; 
}

.navbar-inverse .navbar-nav>li { 
	background: url(dist/img/menu-dotted-line-copy.png) top left no-repeat; 
	padding-left: 4px;
}

.navbar-inverse .navbar-nav>li:first-child { 
	background: none; 
	padding-left: 0; 
}

.navbar-inverse .navbar-nav>li>a { 
	text-align: center; 
	width: 100%; 
	padding-top: 8px; 
	padding-bottom: 8px; 
    padding-right: 20px;
    padding-left: 20px;
	font-weight: 300; 
	color: #fff; 
}

.navbar-inverse .navbar-nav li>a:focus,
.navbar-inverse .navbar-nav li:hover>a { background-color: #818285; color: #fff !important; text-decoration: none; }


/* -----------------------------------------
   Menu Styles
----------------------------------------- */
.section-menu {
margin: 0 0 20px 0;
}
.section-menu ul {
	list-style: none;
	font-size:0px;
    margin: 0;
    padding: 0;
}

.section-menu .sub-menu {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
}

.section-menu .sub-menu  li { display:inline}
.section-menu .sub-menu  li a {
  	font-size:14px;
    display: inline-block;
  	margin: 0 4px 2px 0;
    padding: 4px 10px;
	  color:#fff;
}
.section-menu .sub-menu li a:hover { color:#fff;text-decoration:underline }
/*
.section-menu #menu-media .sub-menu li { background:#3d5867}
.section-menu #menu-sustainability .sub-menu li { background:#7caa38}
.section-menu #menu-planning-development .sub-menu li { background:#7caa38}

.section-menu #menu-culture-events .sub-menu li { background:#f8893a}
.section-menu #menu-retail-services .sub-menu li { background:#f8893a}
.section-menu #menu-about-us .sub-menu li { background:#f8893a}
.section-menu #menu-the-community .sub-menu li { background:#f8893a}
*/

/* Secondary Navbar */

#secondary_nav { margin-bottom: 40px; }

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
.sp-layer { 
	font-family: "franklin-gothic-urw-comp";
	background-color: rgba(65,87,102,0.8) !important; 
	font-weight: 300 !important; 
	font-size: 2em !important;  
}

.sp-layer.sp-padding { padding: 15px 15px 15px 30px; }
.sp-layer .btn { margin-right: -15px; font-size: .7em; padding: 2px 30px; }
.sp-layer .btn,
.sp-layer .btn:hover { color: #fff; }

#breadcrumbs { padding-top: 10px; margin-bottom: 10px; }

/* Newsletter Signup */
.newsletter-option .newsletter .btn { 
    width: auto; 
    position: absolute;
    top: 0;
    right: 0px;
    min-height: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 21px;
    margin: 0 !important; 
    opacity: 1 !important;
    text-shadow: none !important;
}
.newsletter-option .newsletter form input { outline: none !important; border: none; margin-bottom: 0; }
.yikes-mailchimp-container-1 { position: relative; }
.yikes-easy-mc-success-message,
.yikes-easy-mc-error-message {
	position: absolute;
    max-width: 100%;
    z-index: 400;
    font-size: 16px;
    padding: 14px;
    line-height: 19px;
    top: 40px;
	border: 2px solid #ccc;
}

/* Home Newsletter Signup */
.newsletter-option { padding: 10px; max-width: 500px; color: #fff; }
.newsletter-option .input-group-btn:last-child>.btn, 
.newsletter-option .input-group-btn:last-child>.btn-group { margin: 0; text-transform: uppercase; }

.home-options { padding-bottom: 30px; }
.home-options .home-option { 
	background: #eee; 
	color: #fff; 
	display: block; 
	font-size: 1.6em; 
	padding: 15px; 
	font-weight: 300;
	margin-bottom: 5px;
}
.home-options .home-option:hover,
.home-options .home-option:focus,
.home-options .home-option:active { color: #fff; text-decoration: none; }
.home-options .home-option .newsletter { padding-right: 15px; }
.home-options .home-option .newsletter input { padding-right: 72px; }
.home-options .home-option .newsletter .btn { 
	width: auto;
	padding: 18px; 
	text-transform: uppercase;
	box-shadow: none !important;
	outline: none !important;
	position: absolute; 
	top: 0; 
	right: 0;
	font-size: 20px; 
}
.home-options .home-option .newsletter .btn:hover { color: #ddd; }
.home .home-option .newsletter .btn { line-height: 29px; margin-right: -30px !important; padding: 3px 15px; }
.home .newsletter-option { max-width: 100%; }

.home-options .live-univercity-option:before,
.home-options .live-univercity-option:after,
.home-options .events-calendar-option:before,
.home-options .events-calendar-option:after { 
	content: " ";
	background-size: auto 100% !important;
    display: inline-block;
}

.home-options .live-univercity-option:before,
.home-options .events-calendar-option:before { margin: -2px 10px -12px 0; width: 40px; height: 40px; }

.home-options .live-univercity-option:before { background: url(dist/img/icon-univercity.png) no-repeat; }
.home-options .events-calendar-option:before { background: url(dist/img/icon-calendar.png) no-repeat; }

.home-options .live-univercity-option:after,
.home-options .events-calendar-option:after { 
	float: right;
	background: url(dist/img/icon-arrow.png) no-repeat;
	width: 30px;
	height: 30px;
	margin-top: 3px;
}
.home-options .newsletter-option { padding-right: 0; padding-left: 0; }

#tribe-events-pg-template { max-width: 1170px; padding: 0 15px; }
.post-type-archive-tribe_events .tribe-events-venue-details { display: none; }
.tribe-events-list h2.tribe-events-list-event-title { font-size: 2.3em; }
.tribe-events-loop .tribe-events-event-meta { font-size: 1.5em; font-weight: normal; }

/* -----------------------------------------
   Footer
----------------------------------------- */
footer,
footer h3,
footer h4 { color: #415766; }
footer { background: #e3e4e6 url(dist/img/grey-topographic-lines.png) bottom right no-repeat !important; padding: 30px 0; margin-top: 90px; }

.page-template-template-neighbourhood footer,
.page-id-250 footer, /* Template 5 */
.home footer { margin-top: 0; }

footer h2,
footer h3,
footer h4 { font-weight: bold; }

footer h4 { font-size: .9em; }

footer ul { padding: 0; margin: 0; list-style: none; font-size: .8em; }

footer .top-row .widget_nav_menu h4 { display: none; }
footer .top-row ul.menu > li > a { 
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.1;
	margin-top: 10px;
    margin-bottom: 10px;
} 
footer .top-row ul > li > ul {  font-size: 1em; }

footer .social-icons { padding-bottom: 20px; }
footer .social-icons i { color: #415766; margin-right: 15px; }

footer .address { font-size: .83em; }

footer .footer-top-right li a,
footer .footer-top-left li a,
footer .footer-bottom-right li a,
footer .footer-bottom-left li a { color: #415766; }
footer .footer-bottom-right,
footer .footer-bottom-left { margin-top: 12px; }
footer .footer-bottom-right li a,
footer .footer-bottom-left li a { font-weight: bold; font-size: 1.1em; }

/* -----------------------------------------
   Responsive
----------------------------------------- */
@media (min-width: 1199px) {
	.navbar-inverse #navbar .navbar-nav>li>a { padding-right: 33px; padding-left: 33px; }
}

@media (min-width: 992px) and (max-width: 1200px) {
	.home-options .live-univercity-option,
	.home-options .events-calendar-option { font-size: 1.3em !important; }
	.home-options .live-univercity-option:before,
	.home-options .events-calendar-option:before { margin-bottom: -11px; }
	footer .social-icons i { color: #415766; margin-right: 8px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-inverse .navbar-nav>li>a { font-size: .9em; padding-right: 10px; padding-left: 10px; }
}

@media (min-width: 768px) {
	.navbar .lead { padding-left: 66px; }
	.secondary-nav-wrapper { padding-right: 15px; }
	.navbar #searchform { max-width: 255px; float: right; }
	.navbar-inverse #navbar .navbar-nav,
	.navbar-inverse #navbar .navbar-nav>li { float: none; }
	.navbar-inverse #navbar .navbar-nav { width: 100%; text-align: center; }
	.navbar-inverse #navbar .navbar-nav>li { display: inline-block; margin-left: -4px; }
	.navbar-inverse #navbar .navbar-nav>li:first-child { margin-left: 0; }
	.navbar-inverse #navbar .navbar-nav>li:first-child ul { margin-left: 0; }
	.navbar-inverse #navbar .navbar-nav .sub-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 190px;
		padding: 5px 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: rgba(255,255,255,0.8);
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		margin-left: 4px;
	}
	.navbar-inverse #navbar .navbar-nav>li:hover .sub-menu { display: block; }
	.navbar-inverse #navbar .navbar-nav .sub-menu>li>a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: 400;
		line-height: 1.42857143;
		color: #333;
		white-space: nowrap;
	}
	
	.team-members-item { height: 200px; overflow: hidden; text-overflow: ellipsis; }
	.team-members-item h4 { margin-top: 0; }
	
	.partners-item { height: 80px; overflow: hidden; text-overflow: ellipsis; }
}

@media (max-width: 767px) {
	.navbar-brand>img { margin-right: auto; margin-left: auto; }
	.navbar .lead { text-align: center; margin-bottom: 0; }
	.navbar #searchform { margin-bottom: 10px; }
	.navbar-inverse #secondary_nav { margin-top: 0; margin-bottom: 15px; text-align: center; }
	.navbar-inverse #secondary_nav.navbar-nav>li { display: inline-block; }
	.sp-arrow { background-size: 25px 25px; height: 35px !important; width: 40px !important; }
	.navbar-inverse #secondary_nav.navbar-nav>li a { 
		font-size: .8em; 
		padding-right: 11px; 
		padding-left: 11px; 
	}
	
	.navbar-inverse #navbar .navbar-nav>li { background: none; padding-left: 0; }
	
	.navbar-inverse .navbar-collapse, 
	.navbar-inverse .navbar-form { 
		border: none; 
		box-shadow: none; 
	}
	
	.navbar-header { text-align: center; }
	
	.navbar-toggle { 
		margin-right: 0; 
		margin-bottom: 0; 
		border-bottom-right-radius: 0; 
		border-bottom-left-radius: 0;  
		float: none; 
		border: none; 
	}
	
	#navbar ul li a { padding-top: 5px !important; padding-bottom: 5px !important; }
	.navbar-inverse .navbar-nav>li>a:focus, 
	.navbar-inverse .navbar-nav>li>a:hover, 
	.navbar-inverse .navbar-toggle:hover { background: #555; }
	
	#navbar ul.sub-menu { padding: 5px 0; list-style: none; text-align: center; }
	#navbar ul.sub-menu li { background: #E47F38; }
	#navbar ul.sub-menu li a { color: #fff; display: block; }
	
	.post-thumbnail { padding-right: 0; padding-left: 0; }
	.post-thumbnail>div>h1.page-title { font-size: 1.8em; top: 15px; padding-left: 15px; }
	
	footer { margin-top: 45px; }
	.home footer { padding-top: 15px; margin-top: 0; }
}









/* -----------------------------------------
   Themes
----------------------------------------- */
/* Light Color */
body.orange h1,
body.orange h2,
body.orange h3,
body.orange h4,
body.orange .theme-color,
body.orange a,
body.orange footer .top-row ul.menu > li > a { color: #f8893a; }

body.orange #main hr { border-color: #f8893a; }

body.orange .newsletter-option,
body.orange .home-options .home-option,
body.orange form .btn,
body.orange .btn-default,
body.orange .section-menu .sub-menu li a,
body.orange .navbar { background-color: #f8893a; }

/* Dark Color */
body.orange a:hover,
body.orange a:focus { color: #D07433; }

body.orange .home-options .home-option:hover,
body.orange .home-options .home-option:hover .btn,
body.orange form .btn:hover,
body.orange .btn-default:hover,
body.orange .btn-default:focus,
body.orange .navbar-inverse .navbar-toggle:focus,
body.orange .section-menu .sub-menu li a:hover,
body.orange .navbar-toggle { background: #D07433; }

body.orange .section-menu .sub-menu li.current-menu-item a { background: #D07433; }

body.orange .btn-primary:active:focus { background: #D07433 !important; }

/* Transparent Color */
body.orange .sp-arrow,
body.orange .post-thumbnail>div>h1.page-title { background-color: rgba(248, 137, 58, 0.8); }

/* Light Color */
body.green h1,
body.green h2,
body.green h3,
body.green h4,
body.green .theme-color,
body.green a,
body.green footer .top-row ul.menu > li > a { color: #7caa38; }

body.green #main hr { border-color: #7caa38; }

body.green .newsletter-option,
body.green .home-options .home-option,
body.green form .btn,
body.green .btn-default,
body.green .section-menu .sub-menu li a,
body.green .navbar { background-color: #7caa38; }

/* Dark Color */
body.green a:hover,
body.green a:focus { color: #5D802A; }

body.green .home-options .home-option:hover,
body.green .home-options .home-option:hover .btn,
body.green form .btn:hover,
body.green .btn-default:hover,
body.green .btn-default:focus,
body.green .navbar-inverse .navbar-toggle:focus,
body.green .section-menu .sub-menu li a:hover,
body.green .navbar-toggle { background: #5D802A; }

body.green .section-menu .sub-menu li.current-menu-item a { background: #5D802A; }

body.green .btn-primary:active:focus { background: #5D802A !important; }

/* Transparent Color */
body.green .sp-arrow,
body.green .post-thumbnail>div>h1.page-title { background-color: rgba(124, 170, 56, 0.8); }

/* Light Color */
body.navy h1,
body.navy h2,
body.navy h3,
body.navy h4,
body.navy .theme-color,
body.navy a,
body.navy footer .top-row ul.menu > li > a { color: #3d5867; }

body.navy #main hr { border-color: #3d5867; }

body.navy .newsletter-option,
body.navy .home-options .home-option,
body.navy form .btn,
body.navy .btn-default,
body.navy .section-menu .sub-menu li a,
body.navy .navbar { background-color: #3d5867; }

/* Dark Color */
body.navy a:hover,
body.navy a:focus { color: #2C414C; }

body.navy .home-options .home-option:hover,
body.navy .home-options .home-option:hover .btn,
body.navy form .btn:hover,
body.navy .btn-default:hover,
body.navy .btn-default:focus,
body.navy .navbar-inverse .navbar-toggle:focus,
body.navy .section-menu .sub-menu li a:hover,
body.navy .navbar-toggle { background: #2C414C; }

body.navy .section-menu .sub-menu li.current-menu-item a { background: #2C414C; }

body.navy .btn-primary:active:focus { background: #2C414C !important; }

/* Transparent Color */
body.navy .sp-arrow,
body.navy .post-thumbnail>div>h1.page-title { background-color: rgba(61, 88, 103, 0.8); }

@media (max-width: 767px) {
	body.orange .navbar-inverse .navbar-collapse, 
	body.orange .navbar-inverse .navbar-form { background: #D07433; }

	body.green .navbar-inverse .navbar-collapse, 
	body.green .navbar-inverse .navbar-form { background: #5D802A; }

	body.navy .navbar-inverse .navbar-collapse, 
	body.navy .navbar-inverse .navbar-form { background: #2C414C; }
}