/* Theme Name: Good Look Ink 2013
Description: Good Look Ink SMP - summer 2013
Author: Wizzy Wig Design
Author URI: http://www.wizzywigdesign.com 
*/
/* ------------------------------- Variables and .less stuff -------------------------------------------*/
/* slate blue */
/*dk grey */
/* red*/
.ltgrey {
  background: #e0e0e0;
}
.blue {
  color: #436e80;
}
.grey {
  color: #e0e0e0;
}
.dkgrey {
  color: #4c4c4c;
}
.beige {
  color: #a52b00;
}
.white {
  color: #ffffff;
}
.red {
  color: #a52b00;
}
.last {
  margin-right: 0px !important;
}
.borderbox {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

}
header,
footer,
aside,
div,
input {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

}
.webfont {
  font-family: 'Muli', sans-serif;
}
.webfont2 {
  font-family: 'Montserrat', sans-serif;
  /*used for bold text */
}
/* ------------------------------- LAYOUT -------------------------------------------*/
body {
  background: #fff ;
  color: #323232;
  margin: 0;
  padding: 0;
}
div.page-wrap {
  width: 1000px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  position: relative;
}
div.page-width {
  width: 1000px;
}
header {
  width: 1000px;
  height: 160px;
  padding-top: 10px;
  text-align: center;
  font-family: 'Muli', sans-serif;
  color: #323232;
  position: relative;
  margin: 0 auto;
}
header h1 {
  margin: 0px 0 0 0;
  padding: 0;
}
header h3 {
  padding: 0;
  margin: 0 0 5px 0;
}
header a {
  color: black;
}
header a:hover {
  text-decoration: none;
}
header span.phone {
  color: #4c4c4c;
  position: absolute;
  right: 0;
  top: 40px;
  text-align: center;
  width: 220px;
}
header span.phone a {
  color: #a52b00;
}
header span.phone a.button {
  color: white !important;
}
header span.phone i.fa-phone {
  font-size: 22px;
  position: relative;
  top: 3px;
}
header div.medialogos {
  text-align: center;
  padding-top: 10px;
}
header div.medialogos span {
  position: relative;
  top: -10px;
}
header div.medialogos img {
  float: none;
  display: inline-block;
}
header div.header_ad {
  position: absolute;
  width: 24%;
  top: 30px;
  font-size: 12px;
}
header div.header_ad img {
  width: 100px;
  height: auto;
}
section.pagecontent {
  padding: 30px 20px  0 0;
  clear: both;
  width: 700px;
  float: left;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

  background: white;
  min-height: 700px;
  position: relative;
}
body.page-template-full-width-page-php section.pagecontent {
  width: 100%;
}
body.page-template-page-thank-you-php section.pagecontent {
  width: 100%;
}
section.bgcolor {
  background: #e0e0e0;
}
footer {
  background: #4c4c4c;
  font-size: 12px;
  text-align: center;
  padding: 3px;
  color: #aaa;
  clear: both;
}
footer .page-wrap {
  font-size: 12px;
}
footer a {
  color: #d5d5d5;
}
footer a:hover {
  color: #ffffff;
}
div.credit {
  font: 11px Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 7px 0 5px 0;
}
div.credit a {
  color: black;
  font: 11px Arial, Helvetica, sans-serif;
  text-decoration: none;
}
/* ---------------------------------- SIDEBAR --------------------------------------*/
aside.sidebar {
  width: 300px;
  float: left;
  font-size: 14px;
  margin: 0;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

  text-align: center;
  padding: 0 0 50px 0;
  background: #e0e0e0 url(images/sidebar-bg-bottom-grad.png) repeat-x bottom;
}
aside.sidebar .gallerybox {
  float: none;
  margin: 0;
  height: auto;
}
aside.sidebar ul,
aside.sidebar li,
aside.sidebar h3,
aside.sidebar h4 {
  padding: 0;
  margin: 0;
}
aside.sidebar ul.widgets {
  list-style: none;
  padding: 0;
  margin: 0;
}
aside.sidebar ul.widgets a {
  color: #a52b00;
}
aside.sidebar ul.widgets a:hover {
  color: #4c4c4c;
  text-decoration: none;
}
aside.sidebar ul.widgets a.button {
  color: white;
  width: 100%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

}
aside.sidebar ul.widgets li.widget-container {
  padding: 10px;
  margin: 0 0 20px;
  display: block;
  font-family: 'Muli', sans-serif;
}
aside.sidebar ul.widgets li.widget-container h3 {
  color: #4c4c4c;
  text-align: center;
}
aside.sidebar ul.widgets li.widget-container p {
  margin: 0;
}
aside.sidebar ul.widgets li.widget-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
aside.sidebar ul.widgets li.widget-container ul li {
  position: relative;
}
aside.sidebar ul.widgets li.widget-container ul li a {
  display: block;
  margin: 0;
  padding: 10px 5px 10px 0;
  border-top: 1px #b3b3b3 solid;
}
aside.sidebar ul.widgets li.widget-container ul li:first-child a {
  border-top: none;
}
aside.sidebar ul.widgets li.widget-container:first-child h3 {
  padding-top: 20px;
}
/* ---------------------------------- MISC --------------------------------------*/
.clear {
  display: block;
  clear: both;
}
.clearfix {
  display: block;
  clear: both;
  height: 0px;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}
.rightarrow {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #4c4c4c;
  display: inline-block;
  position: relative;
  top: 1px;
  left: 8px;
}
.leftarrow {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #4c4c4c;
  display: inline-block;
  position: relative;
  top: 1px;
  left: 0px;
}
h1,
h2,
h3 {
  color: #436e80;
  padding-top: 0;
  margin-top: 10px;
  font-family: 'Montserrat', sans-serif;
  /*used for bold text */
  line-height: 1.2em;
}
h3 {
  color: #4c4c4c;
}
h1 {
  color: #897f68;
}
strong {
  font-family: 'Montserrat', sans-serif;
  /*used for bold text */
}
.caption {
  color: #4c4c4c;
  font-style: italic;
  font-size: 13px;
}
.captionbox {
  position: relative;
  /*used on spans for black captions that appear just below an image */

}
.captionbox span {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 10px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.nopadding {
  margin: 0;
  padding: 0;
}
.alignleft {
  float: left;
  margin-right: 10px;
}
.alignright {
  float: right;
  margin-left: 10px;
}
.aligncenter {
  display: block;
  margin: 0 auto !important;
  text-align: center;
}
.caption,
.wp-caption p.wp-caption-text {
  font-size: 12px;
  color: #4c4c4c;
  font-style: italic;
  text-align: center;
}
a {
  color: #a52b00;
  text-decoration: none;
}
a:hover {
  color: #436e80;
  text-decoration: underline;
}
.small {
  font-size: 12px;
  font-style: italic;
  color: #4c4c4c;
}
.post-meta {
  font-size: 12px;
  color: #4c4c4c;
  color: #436e80;
  font-style: italic;
}
a .post-meta,
a:hover .post-meta {
  color: #a52b00;
  text-decoration: none;
}
hr {
  border-top: 3px #436e80 solid;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  clear: both;
}
a.button {
  background-color: #436e80;
  color: white;
  padding: 5px 9px;
  display: block;
  margin-top: 10px;
  cursor: pointer;
  width: 200px;
  text-align: center;
  border: 2px #a52b00 solid;
  position: relative;
  text-decoration: none;
  font-size: 18px;
}
a.button:hover {
  background-color: #4c4c4c;
  color: white;
  border-color: #436e80;
}
a.button.fixed {
  height: 80px;
  width: 190px;
}
/*used on process page where two buttons are together*/
form input.button,
input#submit {
  background: #436e80;
  color: white;
  padding: 5px 10px;
  cursor: pointer;
  border: none;
  font-size: 16px;
  display: block;
  margin: 0 auto;
}
form input.button:hover,
input#submit:hover {
  background: #4c4c4c;
}
input#submit {
  margin: 0;
}
/*don't center the submit button because it looks weird on the comments form */
a img {
  border: none;
}
.column2 {
  width: 48% !important;
  float: left;
  margin-right: 2%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

}
.column3 {
  width: 30% !important;
  float: left;
  margin-right: 2%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

}
/* ------------------------------- For specific pages -------------------------------------------*/
/* online review widget for reputation.com */
#reputation-reviews {
  width: 100%;
  height: 500px;
  border: solid 1px #e0e0e0;
}
/* for jquery fixed/scrolling nav */
body.stuck nav#top {
  position: fixed;
  top: -20px;
}
body.stuck section.pagecontent,
body.stuck aside.sidebar {
  margin-top: 90px;
}
body.home.stuck div.slider {
  margin-top: 85px;
}
body.admin-bar.stuck nav#top {
  top: 8px;
}
/* womens get a quote form */
#gform_wrapper_7 {
  /* ludwig scale */

  /* traction alopecia scale */

}
#gform_wrapper_7 ul li#field_7_11 ul li.gchoice_11_0 label:after {
  content: url(images/Ludwig-1.png);
  width: 62px;
  height: 81px;
  display: block;
}
#gform_wrapper_7 ul li#field_7_11 ul li.gchoice_11_1 label:after {
  content: url(images/Ludwig-2.png);
  width: 62px;
  height: 81px;
  display: block;
}
#gform_wrapper_7 ul li#field_7_11 ul li.gchoice_11_2 label:after {
  content: url(images/Ludwig-3.png);
  width: 62px;
  height: 81px;
  display: block;
}
#gform_wrapper_7 ul li#field_7_11 ul li.gchoice_11_3 label:after {
  content: url(images/Ludwig-4.png);
  width: 62px;
  height: 81px;
  display: block;
}
#gform_wrapper_7 ul li#field_7_11 ul li.gchoice_11_4 label:after {
  content: url(images/Ludwig-5.png);
  width: 62px;
  height: 81px;
  display: block;
}
#gform_wrapper_7 ul li#field_7_11 ul li.gchoice_11_5 label:after {
  content: url(images/Ludwig-6.png);
  width: 62px;
  height: 81px;
  display: block;
}
#gform_wrapper_7 ul li#field_7_11 ul li.gchoice_11_6 label:after {
  content: url(images/Ludwig-7.png);
  width: 62px;
  height: 81px;
  display: block;
}
#gform_wrapper_7 ul li#field_7_11 ul li.gchoice_11_7 label:after {
  content: url(images/Ludwig-8.png);
  width: 62px;
  height: 81px;
  display: block;
}
#gform_wrapper_7 ul li#field_7_12 ul li.gchoice_12_0 label:after {
  content: url(images/Traction_Alopecia-1.png);
  width: 122px;
  height: 63px;
  display: block;
}
#gform_wrapper_7 ul li#field_7_12 ul li.gchoice_12_1 label:after {
  content: url(images/Traction_Alopecia-2.png);
  width: 122px;
  height: 63px;
  display: block;
}
#gform_wrapper_7 ul li#field_7_12 ul li.gchoice_12_2 label:after {
  content: url(images/Traction_Alopecia-3.png);
  width: 122px;
  height: 63px;
  display: block;
}
#gform_wrapper_7 ul li#field_7_12 ul li.gchoice_12_3 label:after {
  content: url(images/Traction_Alopecia-4.png);
  width: 122px;
  height: 63px;
  display: block;
}
#gform_wrapper_7 ul li#field_7_12 ul li.gchoice_12_4 label:after {
  content: url(images/Traction_Alopecia-5.png);
  width: 122px;
  height: 63px;
  display: block;
}
#gform_wrapper_7 ul li#field_7_12 ul li.gchoice_12_5 label:after {
  content: url(images/Traction_Alopecia-6.png);
  width: 122px;
  height: 63px;
  display: block;
}
/* ------- home page----------- */
div.slider {
  background: black;
  overflow: hidden;
  font-family: 'Muli', sans-serif;
  font-weight: normal;
  /* div.img {background: url(images/home-slider-placeholder.jpg) no-repeat right center; height:500px; }*/

}
div.slider img.hero {
  width: 100%;
  height: auto;
}
/*body.home section {
  width: 100%;
  float: none;
  padding: 20px 0;
}*/
body.home section.homecontent {
  background: white;
}
body.home section.homecontent h2 {
  color: #436e80 !important;
}
body.home section.homecontent2 {
  background: #e0e0e0;
}
body.home section.homecontent2 h1,
body.home section.homecontent2 h2 {
  color: black;
  font-family: 'Montserrat', sans-serif;
  /*used for bold text */
}
/* ads */
body.home div.ads {
  background: black;
  padding: 20px 0;
}
body.home div.ads img a:hover {
  border: #436e80 2px solid;
}
body.home div.ads ul li h3.widget-title {
  display: none;
}
body.home div.ads ul {
  list-style: none;
  margin: none;
  padding-left: 0px;
  padding-right: 0px;
}
body.home div.ads ul li {
  list-style: none;
  padding: none;
  margin: 0 10px;
  float: left;
}
body.home div.ads ul li.widget-container {
  float: left;
  margin-right: 37px;
  border: #000 2px solid;
}
body.home div.ads ul li.widget-container img {
  display: block;
}
/*social login */
.interfacecontainerdiv {
  border: 2px #436e80 solid;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  position: relative;
  padding-top: 20px;
}
/*womens page */
body.page-id-1785 table td {
  padding: 0 8px;
  vertical-align: top;
  border: 1px solid #CCCCCC;
}
/* video gallery */
div.blackbox {
  width: 920px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background: #000000;
  padding: 20px 0;
}
.gallerybox {
  width: 280px;
  height: 200px;
  overflow: hidden;
  float: left;
  margin: 0 20px 25px 0px;
  color: #fff;
  font: 12px Arial, Helvetica, sans-serif;
  text-align: center;
  position: relative;
  background: #000000;
}
.gallerybox a {
  color: #fff;
  text-decoration: none;
}
.gallerybox span.description {
  color: #ffffff;
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
  display: block;
  padding: 5px;
}
/*see sidebar for exceptions */
/*wish list table*/
table#grid td {
  background: #333333;
  border: #CCCCCC thin solid;
}
/*as seen on */
div.greybox table tbody tr td div.rtbutn textarea {
  font: 12px Arial, Helvetica, sans-serif;
}
ul.anchor_menus {
  list-style: none;
  padding: 0px;
  margin: 0px;
  clear: both;
  display: block;
  height: 70px;
}
ul.anchor_menus li {
  float: left;
  margin: 5px 1% 0 0;
  width: 19%;
  display: block;
  text-align: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

}
ul.anchor_menus li a {
  background: #e0e0e0;
  color: black;
  display: block;
  padding: 10px;
  height: 20px;
  text-decoration: none;
}
ul.anchor_menus li a:hover {
  background: #4c4c4c;
  color: white;
}
/* for lists in page content, spaces out the li's a littel to make it more readable */
ul.textlist li {
  padding: 10px 0;
}
/* center sharing buttons on home page */
body.home div#hupso_counters_0 {
  width: 60%;
  margin: 0 auto;
}
ul.processlist {
  list-style: none;
  width: 850px;
}
ul.processlist li {
  display: block;
  background: #404040;
  margin: 7px 0;
  padding: 8px;
}
/* forms */
div.form50 {
  width: 450px;
  float: left;
  margin-right: 8px;
}
div.gform_body ul.gform_fields li.alignleft,
div.gform_body ul.gform_fields li.alignleft input.medium {
  width: 300px;
}
.gform_wrapper ul li.gfield.alignleft {
  clear: none !important;
}
/* flash avatar -- give its own div class to hide on mobile */
div.flash {
  padding-left: 12px;
  float: right;
}
/* file upload form */
form#cforms2form.cform fieldset.cf-fs2 ol.cf-ol li {
  width: 600px;
  float: left;
}
form#cforms2form.cform fieldset.cf-fs1 ol.cf-ol li#li-2-4 label#label-2-4 {
  width: 300px;
}
form#cforms2form.cform fieldset.cf-fs1 ol.cf-ol li#li-2-4 textarea#cf2_field_4.area {
  width: 360px;
  height: 50px;
}
div#gform_wrapper_1.gform_wrapper form#gform_1 div.gform_body ul#gform_fields_1.gform_fields li#field_1_4 {
  height: 177px;
  background: url(http://www.goodlookink.com/GLI-SMP/wp-content/uploads/photoupload_front.jpg) no-repeat;
  background-position: 400px 0;
  margin-bottom: 10px;
}
/*front*/
div#gform_wrapper_1.gform_wrapper form#gform_1 div.gform_body ul#gform_fields_1.gform_fields li#field_1_5 {
  height: 177px;
  background: url(http://www.goodlookink.com/GLI-SMP/wp-content/uploads/photoupload_side.jpg) no-repeat;
  background-position: 400px 0;
  margin-bottom: 10px;
}
/*side*/
div#gform_wrapper_1.gform_wrapper form#gform_1 div.gform_body ul#gform_fields_1.gform_fields li#field_1_6 {
  height: 177px;
  background: url(http://www.goodlookink.com/GLI-SMP/wp-content/uploads/photoupload_back.jpg) no-repeat;
  background-position: 400px 0;
}
/*side*/
/*contact page*/
div#maps {
  width: 550px;
  float: left;
}
div#maps table.gadget tbody tr td span.title a {
  color: #f6ab57;
  font-size: 18px;
  padding: 3px;
}
div#maps a {
  color: #f6ab57;
}
table.gadget span.title {
  border: none;
}
/*directions*/
form.w2llead {
  color: #FFFFFF;
  margin-top: 100px;
  font: 14px Arial, Helvetica, sans-serif;
}
p#requiredfieldsmsg {
  color: #FFFF00;
}
div#salesforce small {
  display: none;
}
/*sliders */
.advanced-slider .thumbnail-scroller {
  /* undo earlier declaration making everythign border-box. this makes the thumb arrows position correctly */

  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.advanced-slider .layer.guarantee img {
  width: 100%;
}
/*main image gallery */
.minimal-dark .caption-container .caption {
  color: #eee !important;
  font-size: 14px !important;
}
.minimal-dark .caption-container .caption a {
  color: white !important;
  background: #a52b00;
  padding: 4px;
}
.minimal-dark .caption-container .caption h3 {
  color: white;
}
.minimal-dark .caption-container .caption h3,
.minimal-dark .caption-container .caption p {
  color: white;
  padding: 5px 0;
}
.orangedivider {
  background: #436e80;
  display: block;
  color: white;
  padding: 3px 10px;
  font-weight: bold;
  margin-top: 40px;
}
.collapseomatic {
  background: #436e80;
  color: white;
  border: #a52b00 2px solid;
  padding: 5px 10px 5px 16px !important;
  font-size: 22px;
  background-position-y: 6px;
  display: block;
  text-align: center;
}
i.fa-sort-asc {
  position: relative;
  bottom: 4px;
}
i.fa-check-circle-o {
  color: #248d24;
}
/*check marks on the process page */
i.fa-info-circle {
  color: #ffe26d;
}
/* the consumer alert nav item */
/* i.fa-exclamation-triangle {color:red;} */
.orange,
.color-emphasis {
  color: #436e80;
}
.larger {
  font-size: 1.2em;
  font-weight: bold;
}
.greybox,
blockquote {
  background: #e0e0e0;
  padding: 5px 10px;
  -border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  clear: both;
  border: #436e80 2px solid;
  margin: 10px auto;
  /*removes annoying extra space at top of box */

}
.greybox h1,
blockquote h1,
.greybox h2,
blockquote h2 {
  margin-top: 0;
  padding-top: 0px;
}
/* page titles */
.title {
  clear: both;
}
h1.blog-title {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* make sure that full size images do not extend past content area */
img.size-full {
  max-width: 100%;
  height: auto;
}
div.inset {
  width: 35%;
  float: right;
  margin-left: 10px;
}
/* request a quote page */
span.wait {
  color: #a52b00;
  font-weight: bold;
}
a.consultbutton {
  margin: 10px auto 0;
  width: 30%;
  display: block;
}
/* -------------------------------COMMENTS -------------------------------------------*/
div#respond {
  padding: 8px;
}
div#respond form#commentform p.comment-form-comment label {
  display: block;
  clear: both;
}
div#respond form#commentform p.form-allowed-tags {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333;
  margin-top: 50px;
}
div#respond form#commentform p.logged-in-as {
  font-size: 12px;
  font-style: italic;
  color: #666;
  margin: 0;
  padding: 0;
}
h3#comments-title {
  border-top: #666 2px solid;
}
ol > li.comment {
  background: #eeeeee;
  padding: 5px 10px;
  font-size: 13px;
}
ol li.comment a {
  color: #333;
}
ol {
  list-style: none;
}
ol li.comment ul.children {
  list-style: none;
  padding: 5px 10px;
  margin-left: 25px;
  border: #436e80 1px solid;
}
div#comments.comments-area ol.comment-list li.comment div.comment-body div.comment-author img.avatar {
  float: left;
  margin-right: 10px;
}
/* ------------------------------- Menu -------------------------------------------*/
* html nav ul li a {
  /*IE6 hack to get sub menu links to behave correctly*/

  display: inline-block;
}
#right ul li:last-child ul {
  left: -7.5em;
}
nav {
  width: 100%;
  background: #000;
  height: 50px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  letter-spacing: normal;
  position: relative;
  margin-top: 20px;
  padding-top: 10px;
  font-weight: normal;
  z-index: 999;
  /*splits the menu into the two halves */

}
nav ul {
  /*float:left;*/
  list-style: none;
  padding: 0;
  margin: 0;
  /*position:relative;*/
}
nav #right {
  position: absolute;
  left: 550px;
  width: 440px;
  /* the right side menu */

}
nav #right ul {
  float: right;
}
nav #right > ul > li {
  float: right;
}
nav #right ul li ul {
  left: auto;
  width: 13em;
  text-align: left;
}
nav li.break {
  margin-right: 210px;
}
nav ul li {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  display: inline;
  /*height:25px*/

}
nav ul li a {
  padding: 5px 6px;
  text-decoration: none;
  color: #fff;
  display: block;
}
nav ul li ul li {
  /*left:auto;  resets the left:50% on the parent li */

  margin: 0;
  /* Reset the 1px margin from the top menu */

  display: list-item;
  float: none;
  width: 13em;
  /* width of the drop-down menus */

}
nav ul li ul li ul {
  top: 0;
}
nav ul li a.selected,
nav ul li a:hover {
  color: #a1b7c0;
}
nav ul li ul {
  display: none;
  /* Sub menus are hidden by default */

  position: absolute;
  left: 0;
  text-align: left;
  float: left;
  width: 13em;
  /* width of the drop-down menus */

}
nav ul ul li a,
nav ul li.active li a,
nav ul li:hover ul li a,
nav ul li.hover ul li a {
  /* This line is required for IE 6 and below */

  font-size: 14px;
  font-weight: normal;
  /* resets the bold set for the top level menu items */

  background: #000;
}
nav div.logo {
  position: absolute;
  left: 435px;
  top: -40px;
  z-index: 100;
}
nav div.logo a {
  border: none;
}
.videocol {
  float: right;
  width: 30%;
}
/* Make the sub menus appear on hover */
nav ul > li:hover > ul,
nav ul > li.hover > ul {
  /* This line is required for IE 6 and below */

  display: block;
  /* Show the sub menus */

}
/*make little white arrow next to has-dropdown items */
nav ul > li.has-dropdown > a {
  padding-right: 20px;
}
nav ul > li.has-dropdown > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: white transparent transparent transparent;
  position: absolute;
  right: 10px;
  top: 11px;
}
nav ul > li.has-dropdown > a:hover:after,
nav ul > li.has-dropdown.current-menu-parent > a:after,
nav ul > li.has-dropdown:hover > a:after {
  border-color: white transparent transparent transparent;
}
footer nav {
  background: none;
  font-size: 12px;
  height: 160px;
}
footer nav li.has-dropdown {
  padding-right: 0;
  width: 120px;
  /*the width is to make room for sub-menu*/

}
footer nav li.has-dropdown a:after {
  border: none;
}
footer nav li.break {
  margin-right: 0;
}
footer nav ul ul li a,
footer nav ul li.active li a,
footer nav ul li:hover ul li a,
footer nav ul li.hover ul li a {
  background: none;
  font-size: 12px;
}
footer nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer nav ul li {
  padding: 0 15px 0 0;
  margin: 0;
  float: left;
  text-align: left;
  width: 130px;
}
footer nav ul li a {
  color: white;
  padding: 0 10px;
  text-align: left;
}
footer nav ul li a:hover {
  color: #a52b00;
  font-size: 12px;
}
footer nav ul li ul {
  display: block !important;
}
footer nav ul li ul li {
  float: none;
  width: 130px;
  text-align: left;
}
footer nav ul li ul li a {
  background: none;
  text-align: left;
  font-size: 12px;
}
footer nav ul li a:hover {
  color: #cccccc;
}
/* =========================== Media Queries ===============================*/
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 700px) {
  /* Styles */
  * {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
  
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
  
    box-sizing: border-box;
    /* Opera/IE 8+ */
  
    /*everything uses box-model for mobile */
  }
  body,
  html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
  body,
  html,
  nav,
  section,
  header,
  footer,
  aside,
  div,
  li,
  ul,
  section.pagecontent,
  .alignleft,
  .alignright,
  div.page-wrap,
  div.headerwidth,
  section.content,
  div.credit {
    float: none;
    width: 100%;
    display: block;
    clear: both;
  }
  aside.sidebar {
    width: 100%;
  }
  aside.sidebar ul,
  aside.sidebar li {
    margin-left: 0;
    padding-left: 0;
  }
  aside.sidebar img {
    max-width: 100%;
    height: auto;
  }
  /* undo jquery fixed/scrolling nav */
  body.stuck nav#top {
    position: relative;
    top: auto;
  }
  body.stuck div.page-wrap {
    margin-top: 0;
  }
  body.home.stuck div.slider {
    margin-top: 0px;
  }
  body.stuck section.pagecontent {
    margin-top: 0;
  }
  header {
    height: auto;
  }
  header h1 {
    margin-top: 0;
  }
  header span.phone {
    top: auto;
    text-align: center;
    width: 100%;
    position: relative;
  }
  header span.phone a.button {
    margin: 0 auto;
  }
  header div.medialogos,
  header div.header_ad {
    display: none;
  }
  /* get a quote */
  div#calc_wrapper,
  div#calc_wrapper div.form,
  div#fc_canvas img {
    width: 100% !important;
    height: auto;
  }
  div#fc_canvas {
    width: 240px;
    /*just show first head */
    overflow: hidden;
  }
  div.calc_content div.density_labels,
  div.calc_content #density_slider,
  div.calc_content #scar_slider,
  div.calc_content #density_markers,
  div.calc_content div.select_wrapper {
    width: 100%;
  }
  div.norwood label.norwood,
  body.page-template-page-thank-you-php div.videocol {
    width: 100%;
    float: none;
    display: block;
  }
  a.consultbutton {
    width: 100%;
  }
  section,
  section.pagecontent {
    padding: 30px 20px 0;
    min-height: 50px;
  }
  section.pagecontent img,
  section.pagecontent iframe {
    max-width: 100%;
    height: auto;
  }
  div.ads li {
    padding-bottom: 10px;
    text-align: center;
  }
  div.inset,
  ul.anchor_menus li {
    width: 100%;
    float: none;
    margin-left: 0px;
  }
  ul.anchor_menus {
    height: auto;
  }
  nav {
    clear: both;
    margin-top: 10px;
    padding: 20px 10px 0;
    height: auto;
  }
  nav div.logo {
    display: none;
  }
  nav ul ul li a,
  nav ul li.active li a,
  nav ul li:hover ul li a,
  nav ul li.hover ul li a {
    padding-top: 12px;
    cursor: pointer;
  }
  div.flash {
    display: none;
  }
  nav ul > li.has-dropdown > a {
    padding-right: 10px;
  }
  nav ul > li:hover > ul,
  nav ul > li.hover > ul {
    /* This line is required for IE 6 and below */
  
    display: block;
    /* Don't wshow the sub menus by default */
  
  }
  div.slider {
    height: auto;
  }
  div.slider .advanced-slider h2 {
    font-size: 12px;
  }
  div.slider .layer.guarantee {
    bottom: 20% !important;
  }
  .advanced-slider {
    padding-top: 20px;
    /* .caption-container {display: none;} */
  
    /*make home page layer captions vertically centered */
  
  }
  .advanced-slider .timer-animation,
  .advanced-slider div.layer a.casestudylink,
  .advanced-slider a.button,
  .advanced-slider div.caption-container {
    display: none;
  }
  .advanced-slider .layer.text {
    top: 15% !important;
    left: 10% !important;
  }
  .minimal-dark {
    /*make image slider more basic for mobile view */
  
  }
  .minimal-dark .slide-arrows a.previous {
    left: -50px !important;
  }
  .minimal-dark .slide-arrows a.next {
    right: -50px !important;
  }
  .minimal-dark .thumbnail-scroller.horizontal .scrollbar {
    display: none;
  }
  .minimal-dark .thumbnail-scroller.horizontal {
    display: none;
  }
  .gallerybox {
    margin-left: 0px;
    width: 100%;
    height: auto;
  }
  div#wpadminbar {
    display: none;
  }
}
/*end of media query */
/* ---------------------- iPad -------------------------*/
@media only screen and (max-width: 940px) and (min-width: 700px) {
  /*middle tier */
  * {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
  
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
  
    box-sizing: border-box;
    /* Opera/IE 8+ */
  
  }
  body,
  html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
  div.slider {
    width: 100%;
  }
  div.page-wrap,
  header,
  footer,
  nav {
    width: 100%;
  }
  section {
    padding: 0 20px;
  }
  aside.sidebar ul.widgets li img {
    max-width: 100%;
    height: auto;
  }
  section.pagecontent {
    width: 75%;
    padding: 20px;
  }
  aside.sidebar {
    width: 25%;
    padding: 0px 5px;
  }
  aside.sidebar ul.widgets li.widget-container {
    padding: 0;
  }
  div.ads {
    position: relative;
  }
  div.ads li {
    width: 30%;
  }
  div.ads img {
    width: 100%;
    height: auto;
  }
  header h1 {
    margin-top: 0;
    clear: both;
  }
  header span.phone {
    top: auto;
    text-align: center;
    width: 100%;
    position: relative;
  }
  header span.phone a.button {
    margin: 0 auto;
  }
  header div.medialogos {
    display: none;
  }
  header div.header_ad {
    width: 100%;
    position: relative;
    top: auto;
    margin-top: 10px;
  }
  header div.header_ad img {
    display: none;
  }
  nav {
    clear: both;
    margin-top: 50px;
    padding: 0 10px;
    height: auto;
    font-size: 13px;
  }
  nav ul {
    position: relative;
    padding-top: 95px;
    font-size: 14px;
  }
  nav ul li ul {
    padding-top: 0px;
  }
  nav ul li.break {
    margin-right: 0px;
  }
  nav div.logo {
    width: 133px;
    top: -40px;
    left: 40%;
  }
  nav ul ul {
    position: relative;
    top: 20px;
    width: 100%;
  }
  nav ul ul li {
    float: none;
    position: relative;
  }
  nav ul ul li ul {
    left: 20px;
  }
  nav ul ul li ul li {
    width: 95% !important;
  }
  nav ul ul li a,
  nav ul li.active li a,
  nav ul li:hover ul li a,
  nav ul li.hover ul li a {
    padding-top: 12px;
    cursor: pointer;
  }
  footer nav ul ul {
    top: auto;
    position: relative;
  }
  footer nav ul li {
    padding: 0;
  }
  footer nav ul li.has-dropdown {
    width: 14%;
  }
  footer nav ul li.has-dropdown ul {
    width: 100%;
  }
  footer nav ul li.has-dropdown ul li {
    width: 100%;
  }
  footer nav ul li.has-dropdown ul li a {
    font-size: 12px;
  }
}
/*end of media query */
iframe[id^="oauth2relay"] { position: fixed !important; }