/*
    Theme Name: Dr. Gee
    Author: Robin @ LCDC
    Author URI: https://www.lcdc.co/
    Description: Custom WordPress Theme for Dr. Gee

*/

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{font-family: 'Source Sans Pro', sans-serif;color:#3c3c3b;}
h1,h2,h3,h4,h5,h6{font-family: 'Varela Round', sans-serif;font-weight: normal;padding: 0;margin: 0;}
h1{color: #3d6293;}
h2{font-size: 30px;line-height:44px;color: #5a8bb3;}
a{color:#3c3c3b;text-decoration: none;transition: all 0.5s ease;}
a:hover{color:#5a8bb3;}
p,li{font-size: 16px;line-height: 25px;}
p,ul,ol{display: block;padding: 0;margin: 0 0 27px;}
img{max-width: 100%;height: auto;}
.align-center{text-align: center;}

.padding-effect{padding-left: 60px;padding-right: 60px;}
.padding-effect-adjusted{padding-left: 30px;padding-right: 60px;}
.section-padding{padding: 70px 0;}
.section-padding.adjusted{padding-bottom: 0;}
.cta-link a{background: #f2948c;padding: 11px 30px;border-radius: 30px;color: #fff;font-size: 18px;float: left;margin:  0;}
.cta-link h2{margin-bottom: 15px;line-height: 45px;}
h2.sm-padding{line-height:35px;}
.adjusted-h2 h2{margin-top: 40px;}
.float-right{float: right !important;}
.dotted-list ul{padding: 0;margin: 0;}
.dotted-list li{display: block;margin: 0 0 11px;padding: 0 0 0 25px;background: url(images/list.png) no-repeat;background-size:15px auto;background-position: 0px 6px;}
.no-right-padding{padding-right: 0;}

.full-width{float: left;width: 100%;margin: 0;padding: 0;}
.section{position: relative;margin: 0 auto;width: 1200px;clear: both;}
.inner-padding{padding-right: 10px;padding-left: 10px;}
.clear{clear: both;}

.one-half{float: left;width: 50%;position: relative;}
.one-third{float: left;width: 33.33%;position: relative;}
.two-third{float: left;width: 66.66%;position: relative;}

.header{padding: 30px 0 35px;}
.logo{float: left;}
.logo img{width: 240px;height: auto;}
.navigation{float: right;}
.navigation ul{float: left;padding:0;margin: 16px 0 0;}
.navigation li{display: block;float: left;margin: 0 0 0 30px;position: relative;cursor: pointer;}
.navigation a{color: #3c3c3b;padding-bottom: 10px;}
ul.sub-menu{position: absolute;background: #f1f2f3;z-index: 111;left: 0;top: 15px;width: 190px;display: none;padding-bottom: 15px;}

.navigation li:hover .sub-menu{display: block;}

.sub-menu li{width: 100%;margin: 0;}
.sub-menu a{padding: 5px 0;display: block;text-indent: 10px;font-size: 14px;padding-bottom: 0;}

.home-intro{float: right;background: url(images/hero-top.png) no-repeat;height:455px;width:460px;margin-bottom:50px;position:relative;background-size: contain;z-index: 11;position: relative;}
.home-intro.left{float: left;}
.home-hero-bg.inner{left: auto;right: 0;}
.home-intro h1{font-size: 60px;line-height:67px;position: absolute;width: 550px;top:146px;left: -70px;}
.home-hero-bg{position: absolute;left: 0;top:0;/*width: 870px;*/width:100%;height: 500px;background: url(images/home-hero.jpg) no-repeat;background-size: cover;}


.home .home-hero-bg{width:100%;}
.home-intro-main p{margin-bottom: 20px;}
.home-intro-main ul{margin-top: -6px;}

.home-location{background: #f4e9e0;}
.hl-bublle{}
.hl-bubble img{position:absolute;max-width: 440px;height: auto;margin-top: -96px;margin-left: 30px;}
.hl-bubble.wider img{/*max-width: 87%;*/max-width:80%;margin-top: -83px;}

.page-id-111 .hl-bubble.wider img{max-width:82%;}

.page-id-11 .hl-bubble.wider img{max-width: 88%;}

.location-right-b{background-size:50px auto;background-position: 100% 0;min-height: 200px; }

.he-bubble{/*background: url(images/exp-bubble.png) no-repeat;*/background-size: 135px auto;background-position: 57px 50px;width: 100%;min-height: 500px;}
.he-bubble img{position:absolute;max-width: 80%;height: auto;left: 80px;}

.footer{background: #f4e9df;margin-top: 90px;}
.footer section{margin-top: -110px;}


.footer-address{float: left;width: 33.34%;background: #fff url(images/form-bubble.png) no-repeat;background-position:bottom left;background-position: 60px 87%;background-size: 55px auto;height: 580px;}
.footer-form{float: right;width: 66.66%;background: #faf5f0;height: 580px;}
.footer-padding{padding: 65px 70px;}

.footer-address-details,
.footer-phone{float: left;width: 100%;}

.footer-logo img{max-width: 210px !important;height: auto;}
.footer-logo img,
.footer-address-details{max-width: 100%;height: auto;margin-bottom: 30px;}

.footer-phone ul{padding: 0;margin:0;}
.footer-phone li{display: block;}

.footer-form h3{font-size: 30px;line-height: 40px;color: #5a8bb3;padding: 0 10px;}
.footer-form h3 span{color: #f2948c;}

.form-wrapper{margin-top: 35px;}
.form-half{float: left;width: 48%;}
.form-row{float: left;width: 100%;margin-bottom: 15px;}
.form-row label{display: block;margin-bottom: 6px;}
.form-row input[type="text"],
.form-row input[type="email"]{width: 96%;padding: 10px 2px;height: 15px;background: #fff;border: 0;}

.form-row textarea{width: 96%;padding: 10px 2px;height: 173px;background: #fff;border: 0;resize: none;}
.form-row input[type="submit"]{background: #f2948c;cursor:pointer;padding: 15px 30px;border-radius: 30px;color: #fff;font-size: 18px;border: 0;width: 200px;position: relative;margin: 40px auto 0;display: block;}

.footer-left{font-size: 12px;}
.footer-right{text-align: right;}
.footer-bottom-links{padding: 35px 0;}
.footer-left a{font-weight: 700;text-decoration: underline;}

.bubble-loc{position: absolute;bottom: -10px;right: 50px;width: 44px;height: auto;}

.footer-right ul{padding: 0;margin: -5px 0 0;}
.footer-right li{display: inline-block;margin-left: 20px;}
.footer-right a{font-size: 15px;font-weight: 500;}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{clear: both;display: none !important;}
span.wpcf7-not-valid-tip{font-size: 11px;line-height: 12px;}

div.wpcf7-mail-sent-ok {clear: both;border: 0 !important;text-align: center;margin: -26px 0 0 !important;padding: 0;float: left;width: 100%;}


.orange-cta{background:#f2948c;color: #fff;margin-bottom: 100px;padding: 60px 0 48px;}
.bottom-cta-text p{font-weight: 400;font-size: 30px;line-height: 42px;color: #fff;font-family: 'Varela Round', sans-serif;}

.header-top-h2{margin-bottom: 47px;margin-top:-47px;}
.adj-image{max-width: 80%;position: relative;margin: 0 auto;display: block;margin-top: -45px;margin-bottom: -45px;}

h1.about-h1{left: 0;margin-left: 60px;}
#nav-toggle{background:url(images/ham.png) no-repeat;display:none;width: 42px;height: 42px;position: absolute;right: 10px;top: 33px;background-size: contain;z-index: 111;cursor: pointer;}

.padding-beige{padding-right: 40px;}


.page-template-landing .home-intro h1{top: 160px;}
.page-template-landing .home-intro-main{margin-top: -25px;}

.page-id-104 h1.about-h1{width: 700px;}

.page-id-104  .hl-bubble.wider img{width: 74%;}

.page-id-99 .hl-bubble.wider img{width: 78%;}

.page-id-78 .hl-bubble.wider img{width: 78%;}

.contact-margin{margin-bottom: 65px;}

.left-reference p:first-of-type{margin-bottom: 50px;}

.section-padding.adjusted-p{padding: 70px 0 40px;}

.page-template-fertility .home-intro h1{top:109px;}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  body{overflow-x: hidden;}
  .section{width: 100%;}
  .hl-bubble img{width: 100%;max-width: 100%;}
  .home-hero-bg.inner{right: -90px;}
}

@media only screen and (max-width: 480px){
  .page-template-about .home-hero-bg{background-position:-100px 0 !important;}
  .logo img{width: 230px;}
  .page-id-111 .home-hero-bg{background-position: -80px 0;}
  .page-id-104 .home-hero-bg{background-position: -85px 0;}
  .page-id-78 .home-hero-bg{background-position: -85px 0;}

  .page-id-104 h1.about-h1{top: 65px !important;}
  .page-template-fertility .home-hero-bg{background-position: -115px 0;}
}

@media only screen and (max-width: 420px){
   .page-id-104 .home-hero-bg{background-position: -120px 0;}
}

@media only screen and (max-width: 767px){
  body,html{overflow-x: hidden;}
  .section,
  .one-half,
  .footer-form,
  .footer-address,
  .form-half{width: 100%;}
  .navigation a{display: block;}
  .navigation li{margin-left: 0;}

  .home-intro h1{top: 55px;left: }
  .section-padding{padding: 25px 0;}


  .page-template-fertility .home-intro h1{top:85px;}


  .home-intro{max-width: 380px;float: left;}
  .home  .home-intro h1{top: 66px;}
  .home  .home-intro h1 br{display: none;}

  .page-id-104 h1.about-h1{width: 100%;}

  .section .one-half:nth-of-type(2){margin-top: 30px;}

  .inner-padding{padding-right: 15px;padding-left: 15px;}

  #nav-toggle{display: block;}

  .cta-link{padding-bottom: 15px;}

  h2{font-size: 20px;line-height: 25px;}

  .one-half{text-align: center;}
  .one-half h2,
  .one-half p{text-align: left;}
  .one-half .cta-link a{float: none;}

  .home-intro h1,
  .footer-right li{width: 100%;}

  .home-hero-bg{height: 220px;width: 100%;position: relative;}

  .hl-bubble img{width: 100%;max-width: 100%;position: relative;margin-top: -40px;}
  .he-bubble img{max-width: 100%;}

  .home-intro{width: 100%;height: 210px;background-position: top right;margin-top: -30px;}

  .home-intro h1{font-size: 30px;line-height: 35px;left: 0;}
  .padding-effect,
  .padding-effect-adjusted{padding-left: 0;padding-right: 0;}

  .hl-bubble img{margin-left: 0;}

  .he-bubble{min-height: auto;margin-bottom: -40px;}
  .he-bubble img{position: relative;left: 0;width: 100%;}

  .footer-form{height: auto;}
  .footer-padding{padding: 40px 0;}
  .form-wrapper{padding: 0 10px;}

  .footer-address .footer-padding{padding: 30px 10px;}
  .footer-address{height: auto;padding-bottom: 80px;}
  .footer-bottom-links{padding: 35px 10px;}
  .footer-bottom-links .one-third,
  .footer-bottom-links .two-third{width: 50%;}

  .footer-right li,
  .dotted-list li{/*width: 100%;*/text-align: left;}

  .navigation{display: none;}

  .footer{margin-top: 140px;}


  .navigation{width: 100%;position: absolute;top: 76px;left: 0;z-index: 111;background:#f1f2f3;}
  .navigation ul{width: 100%;}
  .navigation li{width: 100%;margin-bottom: 14px;border-bottom:1px solid #dedede}
   .navigation li:last-child{border: 0;margin-bottom: 0;}
  .navigation a{text-indent: 20px;}
  .menu-item-has-children{background:url(images/drop.png) no-repeat;background-size: 30px auto;background-position: 100% 7px;}

  .menu-item-has-children:hover ul.sub-menu{display: none;}
  .toggleMenu{display: block !important;}

  .toggleMenu li{margin: 0;}

  .sub-menu.toggleMenu{position: relative;background:#fff;padding:10px 0 6px;margin: 0;top: 0;}

  .toggleMenu a{padding-top: 5px;padding-bottom: 10px;}

  /*About Page*/
  .page-template-about .home-intro,
  .page-template-landing .home-intro{margin-top: -35px !important;margin-bottom: 45px;}
  .page-template-about .header-top-h2{margin-bottom: 0;}
  .cta-link h2{line-height: 25px;}
  .adj-image{margin: 0 0 10px;max-width: 100%;}
  .bottom-cta-text p{font-size: 20px;line-height: 25px;}
  .orange-cta{margin-bottom: 10px;}
  .orange-cta p{margin-bottom: 0;}

  .about-h1{margin-left: 0 !important;}
  .about-h1 br{display: none;}
  .page-template-about h1.about-h1,
  .page-template-landing h1.about-h1{top:90px;}

  .hl-bubble.wider img{margin-top: -36px;max-width: 100%;}

  .page-template-contact .home-intro,
  .acf-map {height: 170px !important;}

  .page-template-contact .home-intro{margin-top: -35px !important;}
  .contact-margin{margin-bottom: 5px;}

  .footer-address{background-position: 90% 90%; }

  .page-template-contact h1.about-h1{top: 68px;}

  .footer-left span{display: block;padding-top: 10px;}
  .footer{padding-bottom: 30px;}
}

@media only screen and (min-width: 768px)  and (max-width: 1199px){
  .section{width: 100%;}
  h2{font-size: 20px;line-height: 30px !important;}
  .hl-bubble.wider img,
  .hl-bubble img{margin-top: 0;}

  .hl-bubble img{max-width: 85%;}

  .footer-padding{padding: 70px 40px;}
  .adj-footer-padding{padding: 0 10px;}

  .footer-right li{margin-left: 10px;}
  .footer-right a{font-size: 14px;}
  .footer-left{font-size: 10px;}
  .page-template-homepage .home-hero-bg{right: 0px !important;left: auto;}
  .page-template-homepage .hl-bubble img{margin-top: -55px;}

  .home-intro{margin-bottom: 30px;}

  .home-intro h1{left: 50px;font-size: 45px;line-height: 60px;}
}

@media only screen and (min-width: 768px)  and (max-width: 899px){
  .home-intro{height: 375px;width: 370px;}
  .home-hero-bg{height: 360px;}
  .home-hero-bg.inner{right: -220px;}

  .page-template-landing .home-intro h1,
  .home-intro h1{top:113px;}

  .page-id-99 .home-intro h1{top:140px !important;}
  .page-template-landing .home-intro h1{top: 120px;}
  .footer-form h3{font-size: 25px;line-height: 33px;}

  .page-template-homepage .home-intro h1{left: 32px;}

  .home-intro h1{font-size: 40px;line-height: 50px;}

  .page-template-homepage .home-hero-bg,
  .home-hero-bg.inner{right: 0 !important;}

  .page-template-about .home-intro.left{margin-top: 7px !important;}
  .page-template-landing .home-intro.left{margin-top: 0px !important;}
}

@media only screen and (min-width: 900px)  and (max-width: 1199px){
  .hl-bubble img{max-width: 300px;position: relative;margin: 0 auto;margin-top: 0px;display: block;}
  .adj-image{max-width: 400px;}
  h2{font-size: 30px;line-height: 44px !important;color: #5a8bb3;}
  .home-hero-bg.inner{right: 0 !important;}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}