/*
Theme Name: nGagePro
Version: 1.0
Author: ForceFive Media
Author URI: http://www.forcefive.ca
*/


@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";
@import "css/fontello.css";



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 4, 2014 */




@font-face {
    font-family: 'carrois_gothicregular';
    src: url('carroisgothic-regular-webfont.eot');
    src: url('carroisgothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('carroisgothic-regular-webfont.woff') format('woff'),
         url('carroisgothic-regular-webfont.ttf') format('truetype'),
         url('carroisgothic-regular-webfont.svg#carrois_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 7, 2014 */



@font-face {
    font-family: 'allerregular';
    src: url('aller_rg-webfont.eot');
    src: url('aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_rg-webfont.woff') format('woff'),
         url('aller_rg-webfont.ttf') format('truetype'),
         url('aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'alleritalic';
    src: url('aller_it-webfont.eot');
    src: url('aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_it-webfont.woff') format('woff'),
         url('aller_it-webfont.ttf') format('truetype'),
         url('aller_it-webfont.svg#alleritalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aller_displayregular';
    src: url('allerdisplay-webfont.eot');
    src: url('allerdisplay-webfont.eot?#iefix') format('embedded-opentype'),
         url('allerdisplay-webfont.woff') format('woff'),
         url('allerdisplay-webfont.ttf') format('truetype'),
         url('allerdisplay-webfont.svg#aller_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aller_lightitalic';
    src: url('aller_ltit-webfont.eot');
    src: url('aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_ltit-webfont.woff') format('woff'),
         url('aller_ltit-webfont.ttf') format('truetype'),
         url('aller_ltit-webfont.svg#aller_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aller_lightregular';
    src: url('aller_lt-webfont.eot');
    src: url('aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_lt-webfont.woff') format('woff'),
         url('aller_lt-webfont.ttf') format('truetype'),
         url('aller_lt-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'allerbold_italic';
    src: url('aller_bdit-webfont.eot');
    src: url('aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_bdit-webfont.woff') format('woff'),
         url('aller_bdit-webfont.ttf') format('truetype'),
         url('aller_bdit-webfont.svg#allerbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'allerbold';
    src: url('aller_bd-webfont.eot');
    src: url('aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_bd-webfont.woff') format('woff'),
         url('aller_bd-webfont.ttf') format('truetype'),
         url('aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}





body, html { height: 100%; }

body { background: #fff; }

#wrapper {  background: #fff; padding: 0 0 0px 0; }

#main { margin: 0 auto; width: 100%; }

#content { padding: 0px 0; }

.content { margin: 0 auto; position: relative; z-index: 1;}

.first-paragraph { margin: 0 0 0 0;
	padding: 50px 0 50px 0;
	position: relative;
	text-align: center;

}

.first-paragraph-left { margin: 0 0 0 0;
	padding: 50px 0 50px 0;
	position: relative;
	text-align: left;

}

.second-paragraph { margin: 0 0 0 0;
	background: #B71C1C;
	color: #ffffff;
	padding: 50px 0 50px 0;
	position: relative;
	text-align: center;

}

.third-paragraph { margin: 0 0 0 0;
	background-image: url("/wp-content/themes/navpoint/images/geo.jpg");
	background-color: #B71C1C;
	color: #ffffff;
	padding: 100px 0 75px 0;
	position: relative;
	text-align: center;

}

.content .container {
		position: relative;
    		z-index: 1;
    		width: 980px; 
    		margin: 0 auto; 
	}

.container .column { width: 30%; float: left; margin-right: 7px;
  margin-left: 7px; text-align: left;

}


.container .columnred { width: 30%; float: left; margin-right: 7px;
  margin-left: 7px; text-align: left; background: #B71C1C; color: #ffffff;

}

.row {
  margin-right: auto;
  margin-left: auto;
  display: table;
}

#page-left { width: 50%; float: left; }
#page-right { width: 50%; float: right; }
#page-full { width: auto; margin: 0 auto; }
#page-full-red { width: 980px; margin: 0 auto; background: #a30000; }


.bucket { padding: 15px; }

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

.third { width: 280px; padding: 0 15px 15px 15px; float: left; }
.third.mid { margin: 0 25px; }




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


body { font-family: 'Raleway', 'Roboto', 'allerregular', Trebuchet, Tahoma, Arial, sans-serif; font-size: 13pt; color: #1a2326; letter-spacing: 0.01em; line-height: 150%; }

ul#menu-main-nav li a,
h1, h2, h3, h4, th { font-family: 'Raleway', 'Roboto', 'allerregular', Futura, "Century Gothic", "Apple Gothic", sans-serif; font-weight: normal; }

h1 { font-size: 56pt; color: #737373; letter-spacing: -0.005em; }
h2 { font-size: 45pt; color: #737373; letter-spacing: 0em; }
h3 { font-size: 34pt; color: #737373; letter-spacing: 0em; line-height: 200%; }
h4 { font-size: 24pt; margin: 0 0 20px 0; color: #737373; letter-spacing: 0.0005em; line-height: 125%; }
th { font-size: 18px; }

p.big {
    line-height: 1.75;
}

a { color: #a30000; 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; width: 100%; 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: #D50000; color: white; text-decoration: none; font-size: 18px; padding: 5px 15px 7px 15px; border: 0 none; font-weight: bold; }
a.btn:hover, input[type="submit"]:hover { background: #333333; }

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

#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 10px 3px 0; }
img.alignright { margin: 0 0 3px 10px; }
img.aligncenter { display: block; margin: 0 auto 3px auto; }

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

table.border td { border: 1px solid #e0e0e0; }

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; align=center; }

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

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

#header-wrap { /*border-bottom: 3px solid #ffffff;*/ height: 45px; background: #ffffff; /*-box-shadow: 0px 1px 18px rgba(0,0,0,0.35), inset 0 25px 0 0 black; -moz-box-shadow: 0px 1px 18px rgba(0,0,0,0.35), inset 0 35px 0 0 #ffffff; webkit-box-shadow: 0px 1px 18px rgba(0,0,0,0.35), inset 0 25px 0 0 #333333;*/ }
header { height: 75px; position: relative; z-index: 500; }

header a#header-logo { display: block; position: absolute; top: -15px; left: 25px; }

.menu-main-nav-container { margin-left: 700px; right: 0px; bottom: 0px; margin-top: 25px; 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: 21px; text-decoration: none; font-family: 'Raleway', 'Roboto', Futura, "Century Gothic", "Apple Gothic", sans-serif; padding: 0 25px; height: 25px; line-height: 25px; color: #333; border-right: 0px solid #f7921e; font-weight: 500; }
ul#menu-main-nav > li:last-child > a { border: 0 none; padding-right: 0; }
ul#menu-main-nav > li:hover > a { color: #b3b3b3; }
ul#menu-main-nav > li.current_page_item > a, ul#menu-main-nav > li.current_page_ancestor > a  { color: #b71c1c; }

ul#menu-main-nav > li > ul { display: none; position: absolute; width: 210px; left: 0px; top: 36px; box-shadow: 0px 3px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.5); background: white; padding: 5px; }
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: 13px; height: auto; line-height: normal; padding: 5px 10px; background: white; }
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; }

ul#header-links { position: absolute; right: 0px; top: 5px; }
ul#header-links > li { display: inline; margin: 0 0 0 10px; }
ul#header-links > li a:hover { color: white; }

a.social { display: inline-block; width: 26px; height: 26px; background-color: #f7921e; background-repeat: no-repeat; background-position: center center;
-moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
a.social.facebook { background-image: url(images/icon-facebook.png);}
a.social.twitter { background-image: url(images/icon-twitter.png); }
a.social.linkedin { background-image: url(images/icon-linkedin.png); }
a.social:hover { background-color: #999; }

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

#footer-wrap {  }
footer { padding: 50px 0; font-size: 14px; color: white; background-color: #333; }

footer a { color: white; }
footer a:hover { color: #F44336; }
footer ul { margin: 0; padding: 0; }
footer p { margin: 0 0 40px 0; }

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

.menu-footer-nav-container { margin: 10px 0; }
ul#menu-footer-nav { }
ul#menu-footer-nav li {  }
ul#menu-footer-nav li a {  }
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: 12px; text-align: center; margin: 0; }

footer .third { text-align: center; }
footer .third h3 { font-size: 14px; background: #7986CB; color: white; text-align: center; width: 100%; position: relative; left: -15px; padding: 10px 15px; }

ul#ftr-menu { text-align: center; margin: 0 0 00px 0; }
ul#ftr-menu li { display: inline-block; padding: 0 15px; border-right: 0px solid #666; }
ul#ftr-menu li:last-child { border: 0 none; }

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

.post { margin: 0 0 40px 0; }
.post h2 { margin: 0 0 5px 0; font-size: 20px; }
.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; }

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 { padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #ddd; }
#content ul.xoxo > li > h2 { margin: 0 0 10px 0; font-size: 14pt; }
#content ul.xoxo > li > ul { padding: 0; }
#content ul.xoxo > li > ul > li {  }

ul#sub-pages {  }
ul#sub-pages li { margin: 0 0 2px 0; }
ul#sub-pages li a { display: block; background: #f6f6f6; text-align: center; padding: 7px; }
ul#sub-pages li a:hover, ul#sub-pages li.current_page_item a { background: #ccc; }

ul.side-posts { font-size: 12px; }
ul.side-posts h4 { margin: 0; }

/*------------- HOME ------------------*/
/*margin: 0 0 20px 0;*/

#slider-wrap-wrap { margin: 0 auto; position: relative; height: 750px; width: 100%; box-shadow: 0px 0px 10px #888888; }
#slider-wrap { height: 750px; width: 100%; overflow: hidden; }
.slide { width: 100%; height: 750px; background-position: center center; background-size: cover; }
.slide-text { /*background: url(images/trans-black.png);*/ position: absolute; z-index: 10; width: 950px; left: 0px; bottom: 0px; color: white; padding-left: 30px; padding-right: 70px; padding-bottom: 15px; margin-left: auto;
margin-right: auto;
left: 0;
right: 0; font-size: 22px; font-weight: normal; text-shadow:2px 2px 1px #000000, 0px 0px 5px rgba(0, 0, 0, 1), 2px 2px 2px #000000, 2px 2px 3px #000000, 2px 2px 4px #000000, 2px 2px 5px #000000, 2px 2px 6px #000000, 2px 2px 7px #000000, 2px 2px 8px #000000, 2px 2px 9px #000000, 2px 2px 10px #000000;}
.btn { text-shadow:0px 0px 0px #000000;}

#slider-nav { position: absolute; right: 30px; bottom: 30px; z-index: 50; }
#slider-nav a { display: block; width: 20px; height: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; float: left; margin: 0 15px 0 0; text-indent: -9999px; background: rgba(255, 255, 255, 0.3); }
#slider-nav a.activeSlide { background: #fff; }
#slider-nav a:hover {  }
#slider-nav a:last-child { margin: 0; }


ul.tweets { margin: 0 0 20px 0; }
ul.tweets li { display: block; margin: 0 0 15px 0; }
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); }

.third.home-bkt { background: #f1f1f1; }
.third.home-bkt h2 { font-size: 18px; background: black; padding: 10px 15px; text-align: center; width: 100%; position: relative; left: -15px; color: white; }
.home-bkt p { margin: 0 0 10px 0; }
.home-bkt.text ul { padding: 0 0 0 20px; margin: 0 0 10px 0; }
.home-bkt.text ul li { list-style-type: disc; }

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

#page-banner { height: 585px; width: 100%; position: relative; /*margin: 0 0 20px 0;*/ background-size: cover; background-position: center; }
#page-banner-title { position: absolute; bottom: 0px; width: 100%; }
#page-banner-title h1 { color: white; padding: 15px 20px 10px 20px; font-size: 24px; }

.exp-bkt-wrap { margin: 0 0 20px 0; }
.exp-bkt-wrap h3:before { color: black; margin-left: 0px; }
.exp-bkt-wrap h3:hover { cursor: pointer; color: black; }
.exp-bkt-wrap h3.open:before { transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); }
.exp-bkt { padding-left: 30px; }
.exp-bkt *:last-child { margin-bottom: 0px; }

.team-box { background: #f9f9f9; width: 49%; margin: 70px 2% 20px 0; float: left; border: 1px solid #ddd; box-sizing: border-box; -moz-box-sizing: border-box; }
.team-box.last { margin-right: 0; }
.tb-top { padding: 15px; background: white; }
.tb-top img { margin: -70px 20px 0 0;
box-shadow: 0px 2px 5px rgba(0,0,0,0.35); -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.35); }

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

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