/* Table of Contents

	- Main
	- Menu
	- Typography
	- Page spasific
	- Buttons
	- Footer
	- Misc
	- Make some mobile Tweaks
	- Remove Gutter
	- Some Spacing For the Grid
	- Video Landing Pages Universal
	- Landing Pages Page Specific
	- Player Styles
  - Animate
	- Forms Styles
	- Case Study Banner
	- Accessible Menu
	- Screen reader text
	- Skip Links

*/

/* Main
--------------------------------------------- */

.fit-img { min-width: 100%;}

/*removing focus outline site wide - woody 2.2.3 -ms*/
:focus {
	outline: none;
}

/*Fixes my vertical center issue*/
html, body {
   height: 100% !important;
  -webkit-font-smoothing: subpixel-antialiased;
}

/*Hot fix 6.30.2015 added darker body color and Large Font -Gera*/
body .entry-content , .home {
  color: #414142;
  font-size: 16px !important;
}

/*Body Backgournd*/
body.custom-background {
  background-size: cover;
  background-position: Center Center !important;
}

.header-image .site-description, .header-image .site-title {
  margin: 0px; /*Remove spacing by logo*/
}

article sub{
  top:-1.2em !important; /*little text below info explaining it*/
}

/*Header*/
/*.site-header { background-color: #f5f5f5 !important;}*/
.site-header .wrap {
  background-color: #fff;
}

/*Add Shadow to the main window box*/
.site-container {
  margin: 0 auto;
  max-width: 1144px;
  box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.1), -12px 0 8px -4px rgba(0, 0, 0, 0.1);
}

/*fix spacing one main H1 on homepage*/
.mainh1 {
	margin: 0.20em 0 !important;
}


/*Change nav color*/
.nav-primary {
  background-color: #fff !important;
  margin-top: 20px;
  margin-right: 10px;
}

.nav-primary,
.nav-primary a {
  color: #333 !important;
}


/* Menu
--------------------------------------------- */
/*fix menu style*/
.sidebar .genesis-nav-menu .menu-item {
  display: block !important;
}

.breadcrumb {
  text-align: center;
  background-color: #e2e2e2;
}
/*Menu - Line up both menu types*/
.site-header .menu {
  font-size: 16px !important;
  line-height: 1.5;
}

.menu {
  font-size: 14px !important; /*Keep the menu items the right size on the sitemap page*/
}

.menu li {
  padding: 3px 7px;
}

/*Fix the bold menu on the secondary menus*/
.current-menu-item ul a {
  font-weight: 200;
}

/*Hot fix 6.30.2015 make seclected menu work -Gera*/
.current-menu-item {
	font-weight: 900;
}


.nav-secondary .genesis-nav-menu a {
  padding: 0px 17px !important;

}

.sidebar {
  padding-bottom: 40px;
}
/*Glen added this style for the menu build up he was going*/
.gtheading {
  font-size: 24px;
  margin-left: -10px !important;
  font-weight: bold;
}

.gt-nolink a {
  pointer-events: none;
  cursor: default;
}

.nav-primary .no-display {
  display: none !important;
}  /*Just works in the main menu */

/*
New Menus from 2.2.3 Woody
*/
ul.navcontainer > li > a {
	margin: 0 auto;
}

ul.navcontainer > li > a {
	color: #000 !important;
	text-decoration: none !important;
/*margin: 0 10px !important;*/
/*padding: 10px !important;*/
	position: relative !important;
	z-index: 0 !important;
	cursor: pointer !important;
}

/* Top and Bottom borders go out */
ul.topBotomBordersOut > li a:before, ul.topBotomBordersOut > li a:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #00a9de;
	content: "";
	opacity: 0;
	transition: all .3s;
}

ul.topBotomBordersOut > li a:before {
	top: 0;
	transform: translateY(10px);
}

ul.topBotomBordersOut > li a:after {
	bottom: 0;
	transform: translateY(-10px);
}

ul.topBotomBordersOut > li a:hover:before, ul.topBotomBordersOut > li a:hover:after {
	opacity: 1;
	transform: translateY(0px);
}

/* Highlight text out  */
ul.highlightTextOut a {
	color: rgba(255,255,255,0.3);
}

ul.highlightTextOut a:before, ul.highlightTextIn a:before {
	position: absolute;
	color: #FFF;
	top: 0;
	left: 0;
	padding: 10px;
	overflow: hidden;
	content: attr(alt);
	transition: all .3s;
	transform: scale(0.8);
	opacity: 0;
}

ul.highlightTextOut a:hover:before, ul.highlightTextIn a:hover:before {
	transform: scale(1);
	opacity: 1;
}

/* Highlight text in  */
ul.highlightTextIn a {
	color: rgba(0,0,0,0.4);
}

ul.highlightTextIn a:before {
	transform: scale(1.2);
}

/*
Menu menu color
*/
ul.navcontainer > li > a:hover {
	color: #00a9de !important;
}



/* Typography
--------------------------------------------- */
/*Titles*/
.entry-header .entry-title , .page-template-page_blog .entry-title a {
  text-align: center;
  color: #fff;
}

/* Make title header copy take up less space */
.entry-header {
  border-bottom: 0px solid #ececec !important;
  margin: 0px 0px 0px !important;
  padding: 10px 40px 3px 40px !important;
  background-color: #e2e2e2;
}
/*Titles on blog*/
.blog .entry-title a {
  color: #fff;
}

.blog .entry-title a:hover {
  color: #fff;
} /*This needs to change and be dynamic / add it in version 2*/

/*Text*/
.text-light , .text-light a , .text-light h2 {
  color: #fff !Important;
}

.thin-text {font-weight: 100;}

.text-center {
  text-align: center;
}

/* Page spasific
--------------------------------------------- */
/*Home*/
.cta-home {
  min-height: 200px !important;
  line-height: 199px;
  background-position-x: center;
}

.main-cta {
  min-height: 200px !important;
  padding: 25px;
  padding-left: 25px !important;
  background-color: #fff;
}

.feedperson {
  min-height: 200px !important;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center top;
  transition: transform 1s !important;
}

.sidebar-primary .feedperson h2 {
  line-height: .7;
}

.feedpersontitle {
  min-height: 200px!important;
  padding: 24px;
}

.feedpersontitle h2 , .feedpersontitle h3 , .feedpersontitle h4 {
  color: #fff;
}

.keylocations {
  min-height: 600px !important;
}

.keylocations ul li a {
  color: #fff;
}

.home .quote {
  min-height: 400px;
  padding: 25px;
  background-color: #fff;
}

.quote blockquote {
  padding: 36px;
}

blockquote {
  font-size: 1.3em;
  font-style: italic !important;
  margin: 40px 0px 40px 0px;
  font-family: 'Libre Baskerville', serif;
}

.quote-top {
  background-color: #fff;
  padding-top: 18px;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.quote-top blockquote {
  min-height: 102px;
}

/*Home Box Colors*/
.text-block-1 h2 , .text-block-2 h2 , .text-block-3 h2 , .text-block-4 h2 {
  color: #fff;
}

.text-block-1 a , .text-block-2 a , .text-block-3 a , .text-block-4 a {
  color: #fff !important;
}

.text-block-1 , .text-block-2 , .text-block-3 , .text-block-4 {
  padding: 25px;
  padding-left: 25px;
  min-height: 400px !important;
}

.text-block-2 {
  background: url(images/opas_30.png);
}

.text-block-3 {
  background: url(images/opas_45.png);
}

.text-block-4 {
  background: url(images/opas_15.png);
}

/*Hot fix 9.22.2015 Homepage color blocks -Gera*/
.featured-text:nth-child(odd) {
  background: url(images/opas_15.png);
}

.featured-text:nth-child(even) {
  background: url(images/opas_30.png);
}

.featured-text {
  /*padding: 8% !important;*/
}

/*People Blocks*/
div:nth-child(odd) > a > .feedpersontitle {
  background: url(images/opas_15.png);
}

div:nth-child(even) > a > .feedpersontitle {
  background: url(images/opas_30.png);
}

/*Link Blocks*/
div.col-md-12.row.no-gutters > a:nth-child(even) > div.feedperson {
  background: url(images/opas_15.png);
}

div.col-md-12.row.no-gutters > a:nth-child(odd) > div.feedperson {
  background: url(images/opas_30.png);
}


/*Key Links on homepage*/
.linkpod {
  margin-bottom: 13px;
  padding-left: 17px;
  padding-top: 14px;
  padding-bottom: 14px;
  color: #fff;
}

/*Make Icons bigger just in the spot*/
.linkpod [class^="icon-"] {
  font-size: 60px;
}

/*Testimonial Pages*/
.related_videos {
  background-color: #fff;
  text-align: center;
  padding: 10px 0 10px 0;
}

.related_videos h2 {
  color: #fff;
}

cite {
  font-size: 30px;
  color: #999;
}

/*Case Study Pages*/
.single-case-study .cta-footer p {
  line-height: 21px;
}

/*Doc Page*/
.no-gutters-single {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.thedoc img {
  width: 100%;
}

.page-template-single-doc h3 {
  margin-top: 10px;
}

.docmeta {
  font-size: 14px; /*This makes the font smaller just on the doc page meta area at the top*/
}

/* Fix link issue on doctor page for ipad portrait*/
.page-template-single-doc > div.site-container > div > div > div:nth-child(3) > main > article > div.col-md-12.row.no-gutters {
	clear: both;
}

/*Single full pages / only on desktop*/
@media (min-width: 992px) {
  .page-template-single-doc .entry-content {
    padding: 10px 120px 10px 120px; /*Add better spaceing for the main doctor page*/
  }

  /*.archive  article:nth-child(3n-1) {
    clear: both; Clear the right space for quary pages / This was removed and dynamic text size was added
  }*/
}

/*Archive Pages*/
.post-type-archive-testimonial .entry-title,
.tax-testimonial-types .entry-title,
.post-type-archive-procedure .entry-title,
.post-type-archive .entry-title,
.tax-instruction-types .entry-title {
  font-size: 16px;
  margin-top: 15px;
  color: #02B2E2 !important;
  font-weight: 100;
}



.post-type-archive-procedure [class^='icon-'] ,
.post-type-archive-community [class^='icon-'] ,
.post-type-archive-instruction [class^='icon-'] ,
.post-type-archive-information [class^='icon-'] ,
.tax-instruction-types [class^='icon-'],
.tax-procedure-types [class^='icon-'] {
  font-size: 85px;
  width: inherit;
  height: inherit;
  line-height: inherit;
}

.post-type-archive-procedure .circle-text div ,
.post-type-archive-community .circle-text div ,
.post-type-archive-instruction .circle-text div ,
.post-type-archive-information .circle-text div ,
.tax-instruction-types .circle-text div ,
.tax-procedure-types .circle-text div  {
	padding-top: 51%;
}

.content-sidebar-wrap .type-procedure.archive {
  border-top: 0px solid #ececec;
  border-bottom: 1px solid #ececec;
}

.archive .entry-header .entry-title {
  text-align: left;
}

/*Hide Porcedures hiden Catagory/Testimonial*/
.post-type-archive .testimonial-types-hidden , .post-type-archive  .procedure-types-hidden {
  display: none; /*hide the hidden archive type from the website*/
}

/*Instructions Pages*/
.single-instruction .video_thumb {
  background-position: bottom center;
}

/*Team Page*/
.tiled-gallery .tiled-gallery-item img, .tiled-gallery .tiled-gallery-item img:hover {
  height: inherit !important;
  width: inherit !important;
}

/*Facewall Page*/
/*This Code fixes the spacing under the CTA at the bottom of the page so the CTA is vertical center*/
.page-template-single-facewall .entry-content .row p {
	margin-bottom: 0px !important;
}
/*Facewall testimonials text /  Put it in the bottom right*/
.page-template-single-facewall .feedperson sub , .page-template-single-facewall #playhover sub{
    bottom: 0.75em !important;
}

/*Add the right spacing between words related to taxonomy*/
.page-template-single-facewall sub {
	line-height: 2;
}

/*Remove some odd line that was showing up in mobile under the play button on the facewall page*/
.page-template-single-facewall #playhover {
border-bottom: unset !important;
}

/* Buttons
--------------------------------------------- */
/*Buttons*/
.btn-lg , .btn-md , .btn-xs {
  background: rgba(255,255,255,0.50);
  border: 6px solid #FFFFFF;
  color: #fff;
  font-size: 1.2em;
  padding: 12px;
  font-weight: 600;
  border-radius: 0px;
}

.btn-lg {
  font-size: 1.2em;
}

.btn-md {
  font-size: .8em;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(35,31,32,0.4);
	/*setting min-width for main buttons used in nuvo-express - woody 2.2.3 -ms*/
	min-width: 170px;
}

.btn-xs {
  font-size: .7em;
}
/*BTN Styles*/
.btn-alt {
  border: 0px !important;
  width: 100%;
  border-radius: 2em;
}

.full-width-btn {
  width: 100%;
}

/*adding margin-bottom to buttons that are added to page content, follows styling of p margin-bottom to help with consistancy - woody 2.2.3 -ms*/
.entry-content button {
	margin-bottom: 26px;
}

/*
Version 2.2.3 Buttons
*/
button {
	font-size: 16px;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: white;
	border: solid 1px currentColor;
	padding: 1em;
}

.type3 button {
	color: #808080;
	border-radius: 0em;
	padding: 1em 1.3em;
	border: none;
	text-shadow: 1px 1px #ffffff;
	border-bottom: solid 1px #808080;
	border-top: solid 1px #ffffff;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.type3 button:hover {
	/*-webkit-transform: translateY(1px);
	transform: translateY(1px);*/
	box-shadow: 1px 3px 4px rgba(0,0,0,0.5);
  color: #808080;
	box-shadow: 2px 2px 2px rgba(128,128,128,0.9);
}

.type3 .pri {
	background-color: #ffffff;
	background: -webkit-linear-gradient(#ffffff,#e6e6e6);
	background: linear-gradient(#ffffff,#e6e6e6);
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	box-shadow: 1px 3px 4px rgba(0,0,0,0.5);
}

.type3 .sec {
	background-color: #ffffff;
	color: #999999;
	background: -webkit-linear-gradient(#ffffff,#e6e6e6);
	background: linear-gradient(#ffffff,#e6e6e6);
	box-shadow: 1px 1px 2px rgba(128,128,128,0.9);
}

/* Footer
--------------------------------------------- */
#menu-second-1 {
  background-color: #fff;
} /* No idea what this is doing*/
.footer-sitemap {
  background-color: #fff;
}

.footer-sitemap .callus , .footer-sitemap .no-display-footer {
  display: none;
} /*Hide Items in footer*/


.footer {
  padding: 25px;
  min-height: 200px !important;
  font-size: 0.89em;
}

.footer h2 {
  font-size: 22px;
  line-height: .8;
  text-align: center;
} /*make header fit in footer*/

/* New Custom Footer Tweaks
--------------------------------------------- */
/*Social Icons - This whole area tweaks the footer icons*/
/*Circle Icons*/
.circle-text {
  max-width: 117px !important;
}

.circle-text:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.circle-text div {
  float: left;
  width: 100%;
  padding-top: 40%;
  line-height: 1em;
  margin-top: -0.5em;
  text-align: center;
  color: white;
}

.content-sidebar-wrap .footer .biglink {width: 127px ;}
.page-template-page_feedback .entry-content .biglink {width: 109px ;}

.footer .biglink .dashicons, .dashicons-before:before {
  font-size: 61px;
  width: 100%;
}

.footer .biglink div {
  padding-top: 27%;
}

.little {
  width: 30px;
  float: left;
  margin-right: 5px;
}

.little span {
  font-size: 16px !important;
}

.little-links {
  line-height: 2.1;
  height: 28px;
  clear: both;
  margin-bottom: 3px;
}

.circle-text.little div {
  padding-top: 36% !important;
}

.circle-text.little div span {
  font-size: 22px !important;
}

/* Misc
--------------------------------------------- */
/*START GT MAP STYLES - woody 2.2.3 -GT*/
.map {
    width: 100%;
    height: 450px;
}

.map-wrap {
    position: relative;
}

.overlay {
    width: 100%;
    min-height: 450px;
    position: absolute;
    top: 0;
}
/*END GT MAP STYLES*/

/*START Search tweaks - Woody 2.3.7  -Gera*/
.search-results  h2 > span > sup {
	font-size: 103% !important;
	top: 0em !important;
}

.search-results > div.site-container > div > div > header {
	display: none !important;
}

.search-results  h2  {
	font-size: 22px !important;
}

.page-template-page-sitemap  input , .error404  input {
	width: 91% !important;
}

/*adding extra property to bootstrap's ready class (.center-block) to help with responsivley centering content inside a row - woody 2.2.3 -ms
see - http://stackoverflow.com/questions/19758967/twitter-bootstrap-3-how-to-center-a-block*/
.center-block {
	float: none;
}

/*facnyboxfix - This allows the landing pages that have video to have the right size BG and allow it to follow video*/
.fancybox-overlay-fixed {height: 100% !important;}

/*Remove the copy under the fancy box player -gera*/
.fancybox-title-float-wrap {
	display: none;
}

/*clear floats*/
.clearboth {
  clear: both;
}

/*CTA*/
.sidebarcta {
  min-height: 200px;
}

.nocta .cta-footer {
  display: none;
}
/* make header slimer */
.site-header .wrap {
  padding: 0px 0 0px !important;
}

.site-header {
  min-height: 84px !important;
}
/* Remove spaceing for breadcrub */
.breadcrumb {
  margin-bottom: 0px !important;
  padding-bottom: 10px;
}
/* Content section tweak */
.content-sidebar .content , .entry {
  background-color: #fff !important;
  box-shadow: 0 0px !important;
}
/* tweak sidebar */
.sidebar .widget {
  box-shadow: 0 0px !important;
  border: 0px !important;
}
/*Fix bootstrap grid*/
.row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
/*Shades*/
.shade30 {
  background: url(images/opas_30.png);
}

.shade45 {
  background: url(images/opas_45.png);
}

.shade15 {
  background: url(images/opas_15.png);
}
/*Share Buttons*/
.sharedaddy-box {
  text-align: center;
}

/*fix height issue on sidebars across the site*/
.content-sidebar-wrap {
  overflow: hidden;
}

/*add space at the bottom of menu*/
.widget-wrap .menu {padding-bottom: 15px; }

.tiled-gallery .tiled-gallery-item img, .tiled-gallery .tiled-gallery-item img:hover {
  height: inherit !important;
  width: inherit !important;
}



/*Fix the white background in the content area to drop it all the way down*/
main.content, .sidebar-primary {
  background-color: #fff;
  padding-bottom: 20000px;
  margin-bottom: -20000px;
  border: 0px solid #000;
  overflow: auto;
}


/*Play button*/
#playhover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: url(/wp-content/themes/nuvo-express/images/play_overlay.png) no-repeat center center;
}
.main_header #playhover {
	-webkit-box-shadow: inset -19px -8px 188px -19px rgba(0,0,0,0.33);
  -moz-box-shadow: inset -19px -8px 188px -19px rgba(0,0,0,0.33);
  box-shadow: inset -19px -8px 188px -19px rgba(0,0,0,0.33);
}

/*Added some logic that fixed the play button having color on the realted thumbs when the page did not have a main header image / Now the play button in realted testimonals stays white*/
#playhover ~ #playhover {
		background: url(/wp-content/themes/nuvo-express/images/play_overlay.png) no-repeat center center !important;
	}

  /*Gera - Create some Hover effect that softly brings it back to blue*/
  a #playhover   {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition:    all 0.5s ease-in-out;
  -ms-transition:     all 0.5s ease-in-out;
  -o-transition:      all 0.5s ease-in-out;
  transition:         all 0.5s ease-in-out;
  }

/*Gera - Create some Hover effects for play button*/
a:hover #playhover   {
	opacity: .5 !important;
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
	display: block !important;
}

/*This makes the play button the right size in mobile and tablet*/
body #playhover.feedperson {
    min-height: inherit !important;
}

 #playhover sub {
	bottom: 1.1em !important;
}

/*setting main play button (from youtube_main.php) slightly transparent on smaller screens - woody 2.2.3 -ms
could be achieved more effecitently with an id selector for this area and/or adding a playhover class (we now use playhover more than once on a page)*/
@media only screen and (max-width: 999px) {
	.content #playhover,
	.page-template-hero-max-landing-fullpage > .row > .col-md-12 a #playhover,
	.main-home #playhover,
	.page-template-hero-min-landing #playhover,
	.page-template-hero-max-landing > div.row.no-gutters > div > a > #playhover,
	.single-procedure > div.site-container > div > div > div:nth-child(3) > div > a > #playhover {
		opacity: .5;
	}
}

/*Images Related - make it strech and fill the space*/
.attachment-full {
  width: 100%;
}

/*This is a tweak that fixes pc version of chrome*/
.fancybox-inner {
  overflow: hidden !important;
}
/* Iphone Landscape
--------------------------------------------- */
@media only screen  and (min-device-width : 300px)  and (max-device-width : 850px)  and (orientation : landscape) {
  .fancybox-wrap:before {
    display: none !important; /*Remove the logo in landscape*/
  }
}

/* iPad Landscape and Portrait
--------------------------------------------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
  /*Misc fix for responsive youtube thumb in mobile mode*/
  .responsive-fix {
    width: 100%; height: 100%; display: block;
  }
}

/* Make some mobile Tweaks just for the play buttons to work right in all the differnt size screens
--------------------------------------------- */
@media only screen and (min-width: 990px) {

	.feedperson #playhover {
		background-size: contain ;
	} /*Make play button the right size so it does not get cut off in mobile*/

	#playhover ~ #playhover  {
		background-size: contain !important;
	} /* Makes the play button not get cut off in mobile*/

}

/* This @media targets just smaller screens and makes the play button not get up off on the first 2 videos on the homepage
--------------------------------------------- */
@media only screen and (max-width: 450px) {

		#playhover > div > .feedperson > #playhover {
		background-size: contain !important;
	} /*Make play button the right size so it does not get cut off in mobile*/

}

/* Make some mobile Tweaks
--------------------------------------------- */
@media only screen and (max-width: 1143px) {

  /*Misc fix for responsive youtube thumb in mobile mode*/
  .responsive-fix {
    width: 100%; height: 100%; display: block;
  }

  /*fixed the team page to look better on mobile*/
  .gallery-columns-3 .gallery-item {
  width: 100% !important;
  }

  .home .quote {
    min-height: 100% !important;
  }

  .sidebar , .entry-header , .breadcrumb , .thedoc {
    background: url(images/opas_15.png);
  }

  .video_thumb {
    height: 300px !important;
    background-position: center center;
  }

  .entry-header {
    padding: 20px 5px 20px 5px !important;
  }

  .cta-footer {
    display: none;
  } /*Remove CTA in footer on all pages in mobile*/
  .mobile-cta {
    display: block !important;
    font-size: 1.3em;
  } /*Show Mobile CTA on mobile*/
  .nuvo-phone:before , .nuvo-directions:before {
    font-family: "dashicons";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 15px/1;
    margin-right: 7px;
  } /*Show Mobile CTA on mobile*/

  .nuvo-phone:before {
    content: "\f525";
  } /*Display phone icons*/

  .nuvo-directions:before {
    content: "\f231";
  } /*Display map icon*/


  .callus {
    display: none !important;
  } /*Hide mobile number in menu on mobile*/
  .quote blockquote {
    padding: 20px 0px 0px 0px;
  }

  .archive .entry-header a {
    font-size: .9em !important;
  }

  #fancybox-overlay , .fancybox-lock .fancybox-overlay {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
  }

  main.content, .sidebar-primary {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
  } /*Fix issue on mobile that was caused when you using the trick from = fix height issue on sidebars across the site - search to find =*/

	/*Archive Pages*/
  .archive .wp-post-image {
    margin-top: 15px;
  }

  /*Misc fix for responsive youtube thumb in mobile mode*/
  .responsive-fix {
    width: 100%; height: 100%; display: block;
  }

}
/* Make some Tablet Tweaks
--------------------------------------------- */
/* This tweaks only Small devices (tablets, 768px to 567px) */
@media (max-width: 991px) and (min-width: 467px)  {
.home .fancybox-youtube > .feedperson {
   background-position: 0px -127px !important;
 }

.archive  article:nth-child(even) {
    clear: both; /*Clear the right space for quary pages on tablet*/
  }

}

/*Mobile Styles that are always active vs just when screen is small*/
.mobile-cta {
  display: none;
}

/* Remove Gutter
--------------------------------------------- */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* Some Spacing For the Grid
--------------------------------------------- */
.spacer5 {
  height: 5px;
  width: 100%;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

.spacer10 {
  height: 10px;
  width: 100%;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

.spacer15 {
  height: 15px;
  width: 100%;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

.spacer20 {
  height: 20px;
  width: 100%;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

.spacer25 {
  height: 25px;
  width: 100%;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

.spacer30 {
  height: 30px;
  width: 100%;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

.spacer35 {
  height: 35px;
  width: 100%;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

.spacer40 {
  height: 40px;
  width: 100%;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

.spacer45 {
  height: 45px;
  width: 100%;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

.spacer50 {
  height: 50px;
  width: 100%;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

.spacer100 {
  height: 100px;
  width: 100%;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

.spacer200 {
  height: 200px;
  width: 100%;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

/* Add center classes to bootstrap / Example --> http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-centered-columns
--------------------------------------------- */
/* centered columns styles */
.row-centered {
    text-align:center !important;
}
.col-centered {
    display:inline-block!important;
    float:none !important;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.col-fixed {
    /* custom width */
    width:320px !important;
}
.col-min {
    /* custom min width */
    min-width:320px !important;
}
.col-max {
    /* custom max width */
    max-width:320px !important;
}


/* Key Parts - brought over from main styles */
/* Site Containers
--------------------------------------------- */

.wrap {
  margin: 0 auto;
  max-width: 1144px;
}

.enterprise-pro-landing .wrap {
  max-width: 800px;
}

.site-inner {
  background-color: #f5f5f5;
  border-top: px solid #ececec;
  clear: both;
  padding-top: 0px;
}

/* Column Widths and Positions
--------------------------------------------- */

/* Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
  width: 920px;
}

.content-sidebar-sidebar .content-sidebar-wrap {
  float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
  float: right;
}

/* Content */

.content {
  float: right;
  width: 858px;
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
  float: left;
}

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
  width: 520px;
}

.full-width-content .content {
  width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
  float: right;
  width: 286px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
  float: left;
}

/* Secondary Sidebar */

.sidebar-secondary {
  float: left;
  width: 180px;
}

.content-sidebar-sidebar .sidebar-secondary {
  float: right;
}


/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 0px;
}

.nav-secondary .genesis-nav-menu a {
  padding: 6px 20px;
}

.site-footer .nav-secondary .genesis-nav-menu a {
  color: #aaa;
}

.nav-secondary .genesis-nav-menu a:hover {
  color: #31b2ed;
}

/*
Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar .widget {
  border: 1px solid #ececec;
  box-shadow: 0 1px #ececec;
  padding: 18px;
}


/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
  background-color: #fff;
  border-top: 1px solid #ececec;
  clear: both;
  padding-top: 25px;
}

.footer-widgets input {
  border: 1px solid #333;
}

.footer-widgets li {
  border-bottom: 1px dotted #ececec;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
  width: 340px;
}

.footer-widgets-1 {
  margin-right: 60px;
}

.footer-widgets-1,
.footer-widgets-2 {
  float: left;
}

.footer-widgets-3 {
  float: right;
}

/*
Video Landing Pages
---------------------------------------------------------------------------------------------------- */

.home-hero {
  position: relative;
  background-position: top;
}

#big-video-wrap {
  display: none;
 /* Hide background video (will be faded in after it's completely loaded via JS) */
	position: absolute !important;
	text-align: left;
	top: 0;
}

#big-video-vid {
	opacity: 0.35;
	/*background: url('/wp-content/themes/nuvo-express/images/opas_45.png') 50% 50% fixed no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: top;
}

#home-hero-content {
	padding-top: 200px;
	padding-bottom: 150px;
	text-align: center;
	z-index: 50;
	position: relative;
}

.home .site-header {
	min-height: 0;
	z-index: 100;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background: transparent;
	color: #fff;
}

.home .site-header .site-title a,
.home .site-header .site-title a:hover,
.site-description {
	color: #fff;
}

.home .site-header .wrap {
	padding: 5px 0;
}

#home-hero-content .wrap {
	color: #fff;
	font-size: 30px;
	letter-spacing: -1px;
}

#home-hero-content strong {
	font-size: 36px;
	font-weight: 800;
	letter-spacing: -2px;
}

#home-hero-content .btn-play {
	display: inline-block;
	text-indent: -9999px;
	vertical-align: middle;
	overflow: hidden;
	width: 117px;
	height: 117px;
	margin: 0 50px;
	background: url(/wp-content/themes/nuvo-express/images/play_overlay.png) no-repeat;
}

#home-hero-content span {
	font-weight: 300;
}

.mask {
	z-index: 1000;
	background-color: #000;
	opacity: 90;
	filter: alpha(opacity=9000);
	opacity: 0.9;
	filter: alpha(opacity=90);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	display: none;
}
.popup-video {
	z-index: 1000;
	margin: 0 10%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	position: absolute;
	overflow: hidden;
}
.popup-video.shown {
	position: fixed;
	width: 80%;
	height: 100%;
	overflow: visible;
	display: none;
}
.popup-video > * {
	width: 100%;
	height: 100%;
}

.home .site-container {
	position: relative;
	z-index: 2;
	overflow: visible;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}

@media only screen and (max-width: 1024px) {

	.home .home-hero {
		background: url(/wp-content/themes/nuvo-express/videos/img-mobile.jpg) 50% 50% fixed no-repeat !important;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		position: relative;
		background-size: cover !important;
background-attachment: scroll !important;
	}
	.home-hero:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		pointer-events: none;
	}

}

@media only screen and (max-width: 800px) {

	#home-hero-content .btn-play {
		display: block;
		margin: 20px auto;
	}

}

@media only screen and (max-width: 736px) {

	.home-hero {
		background-attachment: scroll;
	}

}

/* Landing Pages Page Specific
--------------------------------------------- */

/*Lines for all landing pages*/
.landing-lines {
  border-bottom: 1px solid #e2e2e2;
  -webkit-box-shadow: 0px 14px 59px 13px rgba(0,0,0,0.27);
  -moz-box-shadow: 0px 14px 59px 13px rgba(0,0,0,0.27);
  box-shadow: 0px 14px 59px 13px rgba(0,0,0,0.27);
}
.mobile-line{border-top: 1px dashed #eeeeee;} /*This line shows up on mobile when we have lots of icons*/

/*Alinement for landing pages*/
/*Min Video Homepage - Large desktops and laptops */
@media (max-width: 800px) {
  .landing-mobile-text {text-align: center;}
  .landing-mobile-text [class^="icon-"], .landing-mobile-text [class*=" icon-"] {font-size: 120px;}
}

/*Bring Shadow Down to the main window box just on slim landing page*/
@media (min-width: 1146px) {
  .page-template-page-home > div.site-container.main-home {
    box-shadow: 12px 8px 15px -4px rgba(0, 0, 0, 0.1), -12px 8px 8px -4px rgba(0, 0, 0, 0.1);
  }
}

/*FullPage Max Header - Strech the header across the whole screen on fullpage landing page*/
.page-template-hero-max-landing-fullpage .site-header .wrap , {
  max-width: 100%;
}

.page-template-hero-max-landing-fullpage > .row > .col-md-12 a img {
  width: 100%;
}

/*Make background in header transparent*/
.page-template-hero-max-landing .site-header .wrap ,
.page-template-hero-max-landing .nav-primary ,
 {background-color: transparent !important;}

/*Min Video Homepage - hide stuff*/
/*.page-template-video-min-landing  div.content-sidebar-wrap.row ,
.page-template-video-min-landing .footer-sitemap ,
.page-template-video-min-landing .site-footer {
  display: none;
}*/


/*Min Video Homepage - Large desktops and laptops */
@media (min-width: 1200px) {
  /*Apply centering to middle div*/
  /*.page-template-video-min-landing  div.content-sidebar-wrap.row ,
  .page-template-video-min-landing .footer-sitemap ,
  .page-template-video-min-landing .site-footer {
    display: none;
  }
  .page-template-video-min-landing {
    position: relative;
    height: 14rem;
    height: 100% !important;
  }

  .page-template-video-min-landing  .site-container {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 1200px;
  }*/


}

/*Min Video Homepage - Just phones */
@media (max-width: 600px) {
  .page-template-video-min-landing #home-hero-content , .page-template-video-max-landing-fullwidth #home-hero-content  {
      padding-top: 15% !important;
  }
}

/*Max Video Homepage */
.page-template-video-max-landing #home-hero-content , .page-template-video-max-landing-fullwidth #home-hero-content  {
	padding-top: 20%;
  padding-bottom: 15%;
}
/*Max Video Homepage - add the padding at the bottom of image only on big screens */
@media (min-width: 1200px) {

  .page-template-hero-max-landing .site-container {
  	min-height: inherit ;
  	margin-top: 10px;
  }

  /*Homepage - Max Width HeroCard and full page content - change line under image*/
.page-template-hero-max-landing-fullpage > .row > .col-md-12 a img ,
.page-template-hero-max-landing > .row > .col-md-12 a img {margin-bottom: 25px;}

}

.page-template-hero-max-landing > a:hover > img {
	color: inherit !important;
}

/*Hero Card Min - hide stuff / Center styles are just not working so I am commenting them out*/
.page-template-hero-min-landing  div.content-sidebar-wrap.row , .page-template-hero-min-landing .footer-sitemap , .page-template-hero-min-landing .site-footer {display: none !important;}

/*Hero Card Min / Center styles are just not working so I am commenting them out*/
@media (min-width: 1200px) {
/*Apply centering to middle div*/
  /*.page-template-hero-min-landing {
    position: relative;
    height: 14rem;
    height: 100% !important;
  }

  .page-template-hero-min-landing  .site-container {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 1200px;
  }*/
}


/*Only apply this class when we are in desktop mode - This class fills out the video block on the landing pages*/
@media (min-width: 1143px) {
  .fill {
    min-height: 100%;
    height: 100%;
  }

  /*Homepage - Max Width Video - Only add spacing in desktop from footer*/
  .page-template-video-max-landing .site-container {
  min-height: inherit ;
  margin-top: 60px;
  }
}

/*remove odd line home homepage menu*/
.site-header {background-color: transparent !important;}

/* Player Styles
--------------------------------------------- */
.playericon::after {
    content: "\f508";
    display: block;
    font: normal 44px/1 'dashicons';
    margin: 0px auto;
    margin-right: 12px;
    color: #fff;
    float: right !important;
}


/* Animations
--------------------------------------------- */

/* Animation for webkit */
@-webkit-keyframes bounce {
    0%{
      -moz-transform: translateY(0px);
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
    100%{
      -moz-transform: translateY(250px);
      -webkit-transform: translateY(250px);
      transform: translateY(250px);
    }
  }

  @keyframes bounce {
    0%{
      -moz-transform: translateY(0px);
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
    100%{
      -moz-transform: translateY(250px);
      -webkit-transform: translateY(250px);
      transform: translateY(250px);
    }
  }

/*adjust the extra links in the footer*/
.page-template-hero-max-landing .sitemap {
	margin-top: -175px;
}

/*Added styles for sitemap link in footer of homepage 04.28.16 - woody 2.2.3 -GT*/
.sitemap {
	text-align: center;
	margin-top: 20px;
}

/*changing footer links to white on full width pages (dark background) - woody 2.2.3 -ms */
.full-width-content.custom-background p.sitemap a {
	color: #fff;
}

/*Dont animate the mobile ipad horizontal version*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){
  .animated-home {
      top: 0 !important;
      animation-iteration-count: 0 !important;
  }
}

/*Only do animate on desktop*/
@media (min-width: 980px) {
  /*Only on pages with full screen*/
  .animated-home {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: 1 ;
    -webkit-animation-iteration-count: 1 ;
    top: -450px;
  }

	.animatestudy:hover div .feedperson {opacity: 0.2;
	transform: translate(-220px, 0px);}

  /* Adding the animation to our element */
  .bounce {
      -webkit-animation-name: bounce;
      animation-name: bounce;
      animation-delay: 3s;
      position: relative;
  }

  /*Animate Play button on homepage*/
  .animated {
    animation-duration: 2.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
  }

  @keyframes pulse {
    0% {transform: scale(1);}
    50% {transform: scale(1.1);}
    100% {transform: scale(1);}
  }

  .pulse {
    animation-name: pulse;
    animation-duration: 3s;
  }

  /*Just pulse for landing page*/
  .pulse_main {
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: 1;
/*    overflow: hidden;*/
  }
}

/* Forms Styles
--------------------------------------------- */
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select:focus {
	border: 1px solid #00f;
/*	background-color: #F0E986;*/
	color: #000;
}

/*Hot fix 7.10.2015 fixes Gravity columns in mobile -GT*/
@media screen and (max-width: 767px) {
	.gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third {
		margin-bottom: .5em;
		margin-left: 0 !important;
	}

	div.gform_wrapper li, div.gform_wrapper form li {
		margin: 0 !important;
		width: 100% !important;
	}
}

.gform_wrapper .top_label .gfield_label {
	padding-right: 10px;
}

/*adding top margin to all gravity form fields for extra spacing (requested by QA) - woody 2.2.3 -ms*/
.gform_wrapper .top_label .gfield_label {
    margin: .625em 0 .5em;
}

/*Hot fix 6.30.2015 fixes Gravity alignment -GT*/
div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 0 !important;
}

.gform_wrapper .gfield_radio li label {
	padding: 0 10px 0 3px;
}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio] {
	margin-left: .263em;
}

.gform_wrapper .ginput_container_date .datepicker {
	width: 7.75em !important;
}

/*correcting spacing of radio buttons on forms, most likely due to gravity forms css update - woody 2.2.3 -ms*/
.gform_wrapper li.gf_list_inline ul.gfield_radio li {
    margin-left: 10px !important;
}

/* Teeth Form 11.24.2015 */
li#field_3_18 label, li#field_3_22 label {
    margin: 0 !important;
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
    position: absolute;
    top: 20px;
}

li#field_3_18 li, li#field_3_22 li, li#field_3_21 li, li#field_3_23 li {
    height: 150px;
    width: 44px !important;
}

li#field_3_18 .ginput_container, li#field_3_21 .ginput_container, li#field_3_22 .ginput_container, li#field_3_23 .ginput_container {
    text-align: center;
}

li#field_3_21 label, li#field_3_23 label {
    margin: 0 !important;
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
    position: absolute;
    top: 20px;
}

.gform_wrapper ul#input_3_18.gfield_checkbox li input[type=checkbox]:checked+label,.gform_wrapper ul#input_3_18.gfield_radio li input[type=radio]:checked+label,.gform_wrapper ul#input_3_21.gfield_checkbox li input[type=checkbox]:checked+label, .page-id-498 .gform_wrapper ul#input_3_21.gfield_radio li input[type=radio]:checked+label,.gform_wrapper ul#input_3_22.gfield_checkbox li input[type=checkbox]:checked+label, .page-id-498 .gform_wrapper ul#input_3_22.gfield_radio li input[type=radio]:checked+label,.gform_wrapper ul#input_3_23.gfield_checkbox li input[type=checkbox]:checked+label, .page-id-498 .gform_wrapper ul#input_3_23.gfield_radio li input[type=radio]:checked+label {
    color: red;
    border: 1px solid;
}

#input_3_21 input, #input_3_18 input, #input_3_22 input, #input_3_23 input {
    left: 12px;
    position: relative;
}
/* END Teeth Form 11.24.2015 */

/*changing gravity form referral form input placeholder color for teeth-for-extraction field (requsted by QA) - woody 2.2.3 -ms */
#gform_wrapper_3 li.teeth-for-extraction input#input_3_24::-webkit-input-placeholder, /* Chrome/Opera/Safari */
#gform_wrapper_3 li.teeth-for-extraction input#input_3_24:- woody 2.2.3 -ms-input-placeholder, /* IE 10+ */
#gform_wrapper_3 li.teeth-for-extraction input#input_3_24:-moz-placeholder, /* Firefox 18- */
#gform_wrapper_3 li.teeth-for-extraction input#input_3_24::-moz-placeholder { /* Firefox 19+ */
  color: #d2d2d2;
}

/*removing gravity form referral form teeth checkbox - woody 2.2.3 -ms */
#gform_wrapper_3 .teeth .gfield_checkbox li input[type=checkbox] {
	display: none;
}

/* Case Study Banner
--------------------------------------------- */
.image-holder {
	display: inline-block;
	position: relative;
	max-height: 400px;
	overflow: hidden;
}

.image-holder:after {
	content: '';
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	transition: background-color .5s ease;
}

.image-holder:hover:after {
	background: rgba(0,0,0,0.4) !important;
}

/*animate the text inside the case study box*/
.animatestudy:hover div .feedperson {opacity: 0.2;
transform: translate(-220px, 0px);}

/* ## Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sf-hover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

/* ## Screen reader text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus  {
	clip: auto !important;
	height: auto;
	width: auto;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 15px 23px 14px;
	color: #333;
	background: #fff;
	z-index: 100000; /* Above WP toolbar. */
	text-decoration: none;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}

.more-link {
    position: relative;
}

/* Skip Links
---------------------------------------------------------------------------------------------------- */
.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	width: 0;
	list-style: none;
}

/* Display outline on focus */
:focus {
	color: #333;
	outline: #ccc solid 0px;
}