/*
Theme Name: Berman & Wright
Version: 3.0
Author: ForceFive Media
Author URI: http://www.forcefive.ca
*/

@import "css/bootstrap.min.css";
@import "css/font-awesome.min.css";


/* RESET */
/* ----------------------------------------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
hr.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0; border: 0 none !important; }

.img-fill { position: relative; overflow: hidden; display: block; }
.img-fill img { position: relative; width: 100%; height: auto; display: block; }

.img-fit img { position: relative; width: 100%; height: auto; display: block; }


.row:after, .cf:after { clear: both; content: ""; display: block; }

/* LAYOUT */

body, html { height: 100%; }

body { background: #062c50; }

#wrapper {  background: white url(images/wrapper-bg.jpg) repeat-x center top; padding: 0 0 30px 0; }

#main {  }

#content { padding: 140px 30px 30px 30px; background: white; margin: -120px -30px 0 -30px;
box-shadow: 0px 3px 15px rgba(0,0,0,0.5); -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.5); }

.content { width: 980px; margin: 0 auto; }

#page-left {  }
#page-right {  }
#page-full {  }

.bucket { padding: 15px; }

.p5 { padding: 5px; }.p10 { padding: 10px; }.p15 { padding: 15px; }.p20 { padding: 20px; } .p25 { padding: 25px; } .p30 { padding: 30px; }

#page-left video, .wp-video, .wp-video div { max-width: 100%; height: auto; }
#page-left iframe, #page-left embed, #page-left object { max-width: 100%; }

@media (max-width: 1050px) {

	#content { margin: 0; padding: 15px; }
	
}

@media (max-width: 950px) {
	

}

@media (max-width: 750px) {
	
	#wrapper { background: #062c50; }
	#page-right { background: #f9f9f9; margin: 0; padding-top: 30px; padding-bottom: 30px; }
	#content { padding-bottom: 0; }
	
	#page-left table, #page-left table tr, #page-left table tr td { display: block; padding: 0; }
	#page-left table tr td { margin-bottom: 15px; }
	#page-left table tr {  }
	#page-left table { margin-bottom: 30px; }
	
	#page-left img.alignleft, #page-left img.alignright { max-width: 35%; height: auto; }
	
}


/*------------- TYPE ------------------*/

body { font-family: 'Roboto', Arial, sans-serif; font-size: 14px; font-weight: 400; color: #333; }

h1, h2, h3 { font-family: Times, "Times New Roman", serif; color: #1d3657; font-weight: 400; letter-spacing: 1px; }

h1 { font-size: 36px; }
h2 { font-size: 24px; margin: 0 0 10px 0;  }
h3 { font-size: 18px; margin: 0 0 10px 0; }
h4 { font-size: 16px; margin: 0 0 5px 0; font-weight: 700; }
th { font-size: 14px; }

a { color: #1d3657; text-decoration: none; }
a:hover { color: black; }

input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="tel"], textarea { background: #f6f6f6; border: 0 none; border: 1px solid #cccccc; padding: 7px; }
input[type="text"]:focus, textarea:focus { background: white; border: 0 none; border: 1px solid #cccccc; }

a.btn, input[type="submit"] { display: inline-block; background: #1d3657; color: white; text-decoration: none; padding: 5px 10px 7px 10px; border: 0 none; font-size: 12px; font-weight: bold; }
a.btn:hover, input[type="submit"]:hover { background: gray; }

p { margin: 0 0 1.5em 0; line-height: 1.6; }

#content ul li { margin: 0 0 5px 0; line-height: 1.4; list-style-type: disc; }
#content ul, #content ol { padding: 0 0 0 30px; margin: 0 0 1.5em 0; }
#content ol li { margin: 0 0 5px 0; line-height: 1.4; list-style-type: decimal; }

img.alignleft { margin: 0 30px 10px 0; }
img.alignright { margin: 0 0 10px 30px; }
img.aligncenter { display: block; margin: 0 auto 3px auto; }

table { margin: 0 0 12px 0; }
thead { background: #f6f6f6; }
th { padding: 5px; border: 1px solid white; }
td { padding: 5px; vertical-align: top; }

blockquote { padding: 10px; border: 2px solid #dedede; margin: 0 0 5px 0;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
blockquote em { font-size: 12px; color: gray; }

hr { border: 0 none; margin: 30px 0; border-bottom: 1px solid #ddd; }

.wpcf7-list-item { display: block; }

@media (max-width: 750px) {
	
input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="tel"], textarea { max-width: 200px; }

}

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

header { min-height: 125px; position: relative; border-bottom: 2px solid white; margin: 0 0 20px 0; }

a#header-logo { display: block; position: absolute; bottom: 20px; left: 0px; }
a#header-logo img { width: 400px; height: auto; }

.menu-main-nav-container { position: absolute; right: 0px; bottom: 0px; z-index: 100; }
ul#menu-main-nav { }
ul#menu-main-nav > li { display: block; float: left; position: relative; }
ul#menu-main-nav > li > a { display: block; float: left; font-size: 14px; text-decoration: none; padding: 0 10px; height: 40px; color: #bfcdd4; }
ul#menu-main-nav > li:hover > a { color: #ffffff; }
ul#menu-main-nav > li.current_page_item, ul#menu-main-nav > li.current_page_ancestor { background: url(images/nav-curarrow.png) no-repeat center bottom; } 
ul#menu-main-nav > li.current_page_item > a, ul#menu-main-nav > li.current_page_ancestor > a  { color: #ffffff; }

ul#menu-main-nav > li > ul { display: none; position: absolute; width: 210px; left: 0px; top: 36px; background: white; 
box-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.25); }
ul#menu-main-nav > li:hover > ul { display: block; }
ul#menu-main-nav > li > ul > li { display: block; position: relative; }
ul#menu-main-nav li > ul > li > a { display: block; font-size: 14px; line-height: normal; padding: 7px 15px; }
ul#menu-main-nav li > ul > li a:hover { background: #f6f6f6; }

ul#menu-main-nav > li > ul > li > ul { position: relative; }
ul#menu-main-nav > li > ul > li > ul > li > a { color: gray; padding: 5px 10px; text-indent: 10px; }

#header-social { position: absolute; right: 0px; top: 50px; }

#header-login { position: absolute; right: 0px; top: 0px; color: white; padding: 5px 10px; background: #475869; color: #ccc; }
#header-login p { display: inline-block; margin: 0 0 0 5px; }
#header-login a { color: white; text-decoration: underline; }
#loginform input { border: 0 none; }
#header-login input[type="submit"], #header-login a.btn { padding: 7px 10px; background: black; color: white; }
#header-login input[type="submit"]:hover, #header-login a.btn:hover { background: white; color: black; }

ul#hdr-links { position: absolute; right:  0; top: 50px; padding: 0; margin: 0; color: white; }
ul#hdr-links li { list-style: none; display: inline-block; padding-left: 20px; }
ul#hdr-links li a { color: #bfcdd4; }
ul#hdr-links li a:hover { color: white; }

@media (max-width: 1050px) {
	
	a#header-logo img { max-width: 350px; }
	ul#menu-main-nav> li > a { display: inline-block; padding: 0 10px; }
	
}

@media (max-width: 950px) {
	
	header { padding: 20px 0 0 0; } 
	
	a#header-logo { position: relative; left: auto; top: auto; text-align: center; margin-bottom: 20px; }
	a#header-logo img { width: 75%; height: auto; }
	
	#hdr-social { float: none; text-align: center; }
	
	#header-nav { padding: 15px; }
	#header-nav > div { height: auto; }
	
	.menu-main-nav-container { position: relative; right: auto; top: auto; height: auto; }
	
	ul#menu-main-nav{ text-align: center; }
	ul#menu-main-nav> li { display: inline-block; float: none; }
	
	ul#hdr-links { position: relative; top: auto; right: auto; text-align: center; }
	
}

@media (max-width: 750px) {
	
	header { text-align: center; min-height: intrinsic; border-bottom: 0 none; min-height: 0; }
	
	a#header-logo { float: left; display: block; width: 75%; margin: 0; }
	a#header-logo img { width: 100%; height: auto; }
	
	#hdr-mobile-menu { display: block; text-align: center; padding: 15px; color: white; position: absolute; right: 10px; top: 15px; background: #1f64a5;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
	#hdr-mobile-menu:hover { cursor: pointer; background: #000; }
	
	.menu-main-nav-container { display: none; width: 100%; background: #062c50; clear: both; top: 25px; margin-bottom: 25px; }
	.menu-main-nav-container.active { display: block; }
	
	ul#menu-main-nav{ text-align: center; }
	ul#menu-main-nav> li { float: none; width: auto; display: block; border-bottom: 1px solid rgba(255,255,255,0.3); }
	ul#menu-main-nav> li > a { display: block; float: none; height: auto; line-height: normal; padding: 15px; font-size: 18px; }
	ul#menu-main-nav> li > ul { position: relative; left: auto; top: auto; width: auto; }
	ul#menu-main-nav> li > ul > li > a { display: block; height: auto; padding: 10px 15px; }
	
	ul#menu-main-nav > li.current_page_item, ul#menu-main-nav > li.current_page_ancestor { background: none; }
	
	ul#hdr-links { text-align: left; clear: both; padding-top: 15px; }
	ul#hdr-links li { padding-left: 0; font-size: 0.8em; }
}




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

#footer-wrap {  }
footer { padding: 30px 0; font-size: 12px; color: #cccccc; }

footer a { color: white; }
footer a:hover { color: #999; }
footer ul { margin: 0; padding: 0; }
footer p { margin: 0 0 10px 0; }
footer h3, footer h3 a { color: #ffffff; }

a#footer-title {text-decoration: none; font-size: 12px; }

#footer-logo { display: block; }
#footer-logo img { display: inline-block; max-width: 100%; }

.menu-footer-nav-container { margin: 20px 0; }
ul#menu-footer-nav { }
ul#menu-footer-nav li { display: inline-block; width: 100px; }
ul#menu-footer-nav li:first-child { border: 0 none; }
ul#menu-footer-nav li a { font-size: 11px; display: inline-block; padding: 5px 0; text-align: center; }
ul#menu-footer-nav li a:hover {  }

#footer-left { width: 600px; float: left; }
#footer-right { width: 380px; float: right; text-align: right; }

#footer-contact { width: 200px; float: right; }
p#footer-copy { font-size: 10px; }

p#ftr-social { margin: 0 0 20px 0; }

a.social { display: inline-block; width: 32px; height: 32px; margin: 0 5px 0 0; background-color: #194c7d; background-repeat: no-repeat; background-position: center center;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
a.social.facebook { background-image: url(images/ftr-facebook.png); }
a.social.twitter { background-image: url(images/ftr-twitter.png); }
a.social.linkedin { background-image: url(images/footer-linkedin.png); }
a.social:hover { background-color: #1f64a5; }

.footer-bkt { border-right: 1px solid #617c98;  }
.footer-bkt.last { border-right: 0 none; }

#ftr-login label { margin: 0 5px 0 0; }
#ftr-login input { padding: 5px; width: 200px; }
#ftr-login input[type="submit"] { width: 210px; }
#ftr-login p { margin: 0 0 10px 0; }

ul#ftr-links { padding: 0; margin: 0; }
ul#ftr-links li { list-style: none; }

@media (max-width: 750px) {
	
	footer { text-align: center; }
	footer .row > div { border-bottom: 1px solid #617c98; border-right: none !important; padding-bottom: 30px; margin-bottom: 30px; height: auto !important; }

}

/*------------- POSTS ------------------*/

.post { margin: 0 0 40px 0; }
.post h3 { margin: 0; }
.post-footer { font-size: 10px; margin: 10px 0 0 0; padding: 5px; border-top: 1px solid #ddd; }
.pf-date { color: #666; }

.post.testi { padding: 0 0 0 40px; background: url(images/testi-bg.png) no-repeat left top; }

.post.half { width: 50%; float: left; padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box; }
.post.half img { width: 100%; height: auto; margin: 0 0 10px 0; }
.post.half h2 { margin: 0 0 5px 0; }

ol.commentlist { padding: 0 !important; }
ol.commentlist li { list-style-type: none !important; padding: 5px; border: 1px solid #eee; margin: 0 0 5px 0; position: relative; }
.comment-meta { position: absolute; right: 10px; top: 30px; font-size: 11px;  }
.comment-author { background: #f6f6f6; padding: 5px; margin: 0 0 10px 0; font-size: 18px; color: gray; }

#respond { margin: 30px 0 0 0; }

/*------------- SIDEBAR ------------------*/

#content ul.xoxo { padding: 0; margin: 0; }
#content ul.xoxo li { list-style-type: none; }
#content ul.xoxo > li { margin: 0 0 25px 0; }
#content ul.xoxo > li > h3 { margin: 0 0 10px 0; font-size: 16pt; }
#content ul.xoxo > li > ul { padding: 0; }
#content ul.xoxo > li > ul > li { margin-bottom: 10px; }

ul#sub-pages {  }
ul#sub-pages li { margin: 0 0 2px 0; }
ul#sub-pages li a { display: block; text-align: left; }
ul#sub-pages li a:hover, ul#sub-pages li.current_page_item a { color: #999; }

/*------------- HOME ------------------*/

#slider-wrap-wrap { margin: 0 0 30px 0; position: relative; height: 300px; padding: 10px; background: white; }
#slider-wrap-wrap:before { content: ""; display: block; width: 100%; height: 30px; background: url(images/home-slidershadow.png) no-repeat center top; background-size: 100% 100%; position: absolute; left: 0px; top: 100%; }
#banner-wrap { height: 300px; overflow: hidden; }
.slide { width: 960px; height: 300px; background-position: center center; background-size: cover; border-left: 2px solid white !important; position: relative;
box-shadow: 0px 1px 10px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.25); }
.slide-text { width: 500px; padding: 20px; position: absolute; left: 0px; bottom: 0px; font-size: 14px; background: rgba(6,44,80,0.8); color: white; }
.slide-text p:last-child { margin: 0; }
.slide-text h4 { font-size: 20px; text-transform: uppercase; }
#slider-wrap li.slide-open .slide-text { display: none; }


#content ul.home-services { margin: 0 0 10px 0; padding: 0; }
ul.home-services li { display: block; overflow: hidden; padding: 5px; margin: 0 0 2px 0; background: #062c50; color: white; font-size: 12px; }
ul.home-services li p { margin: 0; }
ul.home-services li h4 { margin: 0; color: white; }
ul.home-services li a { color: white; }
ul.home-services li a:hover { text-decoration: underline; }
a.home-post-thumb { border: 2px solid white; margin: 0 5px 0 0; float: left; display: block;  }
a.home-post-thumb img { display: block; width: 70px; height: 70px; }


ul.tweets { margin: 0 0 20px 0; }
ul.tweets li { display: block; margin: 0 0 15px 0; font-size: 12px; }
ul.tweets li p { margin: 0; }
.twitter_timestamp { font-size: 10px; float: left; margin: 0 0 0 10px; }
.twitter_intents { font-size: 10px; margin: 5px 0 0 0;  }
.twitter_intents span { margin: 0 5px 0 0; }
.twitter_intents a { padding: 0 0 0 15px; background-position: left center; background-repeat: no-repeat; }
.twitter_intents a.reply { background-image: url(images/tweet-icon-reply.png); }
.twitter_intents a.retweet { background-image: url(images/tweet-icon-retweet.png); }
.twitter_intents a.favorite { background-image: url(images/tweet-icon-fav.png); }

@media (max-width: 1050px) {
	
	
}

@media (max-width: 950px) {
	
	
}

@media (max-width: 750px) {
	
	.slide-text { width: 100%; }
	
}

/*------------- PAGE ------------------*/

#page-banner-wrap { position: relative; }
#page-banner-wrap:before { content: ""; display: block; width: 100%; height: 30px; background: url(images/home-slidershadow.png) no-repeat center top; background-size: 100% 100%; position: absolute; left: -5px; top: 100%; } {  }
#page-banner { height: 250px; border: 5px solid white; position: relative; margin: 0 0 20px 0; background-size: cover; background-position: center center; background-color: white; }
#page-banner
#page-banner-title { position: absolute; bottom: 0px; background: url(images/trans-black.png); background: rgba(6,44,80,0.8); }
#page-banner-title h1 { padding: 15px 25px; color: white; }

@media (max-width: 750px) {
	
	#page-banner { height: 200px; }
	
}

/*------------- EVENTS ------------------*/

.em-events-search { margin: 0 0 20px 0; }
table.events-table { width: 100%; }

/*------------- GALLERY - FANCY ------------------*/

#gallery-wrap-wrap { position: relative; }
#gallery-wrap { height: 460px; overflow: hidden; margin-bottom: 20px; }
.gallery-slide { height: 460px; width: 100%; }
.gallery-slide img { position: relative; }

#gallery-next, #gallery-prev { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 30px; position: absolute; top: 200px; text-align: center; background: black; background: rgba(0,0,0,0.8); z-index: 99; color: white; }
#gallery-prev { left: 0px; }
#gallery-next { right: 0px;  }
#gallery-next:hover, #gallery-prev:hover { cursor: pointer; background-color: #062c50; }

#gallery-nav { text-align: center; }
a.gallery-thumb { margin: 10px; position: relative; display: inline-block; }
a.gallery-thumb span { display: block; position: absolute; width: 100%; height: 100%; background: rgba(100,100,100,0.35); z-index: 10; }
a.gallery-thumb img { width: 100px; height: 100px; }
a.gallery-thumb.activeSlide span { display: none; }