/* Reset
============================================================== */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


/* Body Stuff
============================================================== */
body { font-family: "ProximaNova", sans-serif; }
body > section  { min-width: 960px; position:relative;}
@media screen and (max-width: 768px){
	body > section {min-width: 100%;}
}
/* Common Classes
============================================================== */
.clear { clear: both;}
.right { float: right;}
.left { float: left;}
.hidden { display: none;}
.visible { display: block;}
.cf:before,.cf:after { content: " ";display: table;}
.cf:after {clear: both;}


/* A section is a full width block element */
section{width:100%;display:block;*zoom:1;clear:both;}
section:before,section:after{content:"";display:table;}
section:after{clear:both;}
/* A .content within a section is centered within the section at 960px wide */
section > .content{width:960px;margin:0 auto;padding:1em 0;*zoom:1;color:white; position:relative;}
@media screen and (max-width: 768px){
	section > .content {width: 100%;}
}
section > .content:before,section > .content:after{content:"";display:table;}
section > .content:after{clear:both;} 
.content.wide {width:100%;}

/* Header and Nav Positioning and Base Style 
============================================================== */
#header { width: 100%; font-family: "ProximaNova", sans-serif;}
#header .top-nav { width: 100%; height: 70px; background: rgba(0,0,0,.9); position: relative;}
#header .sub-nav { width: 100%; height: 26px; background: #4695aa; position: relative;}

/* Logo
============================================================== */
#header h1 { position: absolute; left: 50px; top: 20px; margin:0; padding: 0;}
.headerLogo {float:left; margin:20px;}
.headerLogo a {width:179px; height:37px; display:inline-block; text-indent:-99999px; position:absolute;}
.en_CA .headerLogo img {opacity:0;}
.en_CA .headerLogo a {z-index:9; background:url('https://static.eharmony.com/files/corp/images/logo-white-canada.png') no-repeat; width:182px; height:31px;}
.hdr-tour .headerLogo {margin:15px 0 0 20px;}
.en_CA #header .logo img {opacity:0;}
.en_CA #header .logo a {background:url(../../images/logo-white-canada.png) no-repeat; float:left;}


/* Common Navigation Rules
============================================================== */
#header nav { position: absolute; right: 50px; height: 100%; text-align: right; }
#header nav li { display: inline-block; }
#header nav li:last-of-type a { padding-right: 0;}
#header nav li a { display: inline-block;  text-decoration: none; text-transform: uppercase; transition: all .2s linear; /*plz add other transitions*/}
#header nav li:hover a { color:white;}

/* Top Navigation Rules
============================================================== */
#header .top-nav nav { line-height: 70px; }
#header .top-nav li a { padding: 0 15px;  font-size: 14px; color: #999; }

/* Secondary / Blue Navigation Rules
============================================================== */
#header .sub-nav nav { line-height: 26px; }
#header .sub-nav li a { padding: 0 9px; font-size: 12px; color: #c3f7ff;}


/* Active States - Main Nav
============================================================== */
.hdr-about nav a.about, .hdr-tour nav a.tour, .hdr-testimonials nav a.testimonials{ color: white!important;}

/* Active States - Sub Nav
============================================================== */
.hdr-who-we-are nav a.who, .hdr-management nav a.management, .hdr-careers nav a.careers, 
.hdr-newsroom nav a.newsroom, .hdr-contact nav a.contact{ color: white!important;}

/* Second Level Navigation display
============================================================== */
.hdr-tour .sub-nav, .hdr-testimonials .subnav { display: none;} 

/* Blue Arrow for About Link
============================================================== */
.hdr-about nav a.about { background: url(https://static.eharmony.com/files/us/images/about/header-selector.png) no-repeat bottom center; height: 100%; display: block;}

/* Footer
============================================================== */

#footer{ background:#0a0a0b; color: #fff; min-height: 350px; position: relative; padding: 40px 0; font-size: 14px; }
#footer:before {content: ""; height: 4px; width: 100%; position: absolute; top: 0; background: url(../images/lgn/footer-top.png); }

#footer a{ text-decoration:none;color:#fff;}
#footer a:hover{text-decoration:underline;}
#footer p, #footer li { font-size: 14px; }
#footer nav { margin-bottom: 30px; }

#footer ul { display: inline-block; vertical-align: top; width: 187px; }
#footer ul li {margin-bottom: 7px; }
#footer #more ul, 
#footer .content ul{width:15%;margin-right:4%;margin-bottom:10px;padding:0;float:left;font-size:12px;line-height:15px;}

@media screen and (max-width: 768px){
	#footer ul {text-align: center;}
}

#footer .content { max-width: 960px; margin: 0 auto; padding: 1em 0; color: #fff; position: relative; font-family: "ProximaNova", sans-serif;}
#footer .content:after,.content:before { content: ""; display: table;}

#footer .copyright,
#footer .patent { margin-top: 1.5em;color:#fff;font-size:12px;}
#footer .patent p {text-align: right;padding-right: 10px; }
#footer .right { text-align: right;}

/* UK Footer
============================================================== */
#footer.uk_footer:before {background-image:none; background-color:#0e0f11;}
#footer.uk_footer ul li {margin-bottom:0; line-height:1;}
#footer.uk_footer a {font-size:12px;}
#footer.uk_footer .content ul,
#footer.uk_footer #more ul {width:20%;}
#footer.uk_footer .patent, #footer.uk_footer .copyright {margin-top:0;}
#footer.uk_footer .txtRight.content {font-size:14px;}