/*
 Theme Name:   Phlebolymphology
 Description:  Theme built especially for Phlebolymphology.
 Author:       Licorn Publishing
 Author URI:   http://licornpublishing.com
 Template:     Interstellar
 Version:      1.0.0
 Text Domain:  phlebolymphology
*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

/* =Theme customization starts here
-------------------------------------------------------------- */
table.tableBoard {
  max-width: 90%;
}
table.tableBoard tr:nth-child(even) {
  background: #eee;
}
table.tableBoard tr:nth-child(odd) {
  background: #fff;
}
table.tableBoard td {
  padding: 10px 5px;
}
table.tableBoard td:nth-child(1) {
  font-weight: bold;
}

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

hr {
  border: none;
  border-bottom: 1px solid #ccc;
}

/* === rcts === */

.rcts_classification {
  padding-top: 10px;
}

.rcts_classification > h3 {
  cursor: pointer;
  font-size: 14pt !important;
  color: #527eb0;
}

.rcts_classification h4 {
  font-size: 13pt !important;
  margin-left: 30px;
  font-weight: bold;
  color: #3c6a9b;
}

.rcts_classification h5 {
  font-size: 12pt !important;
  margin-left: 50px;
  color: #3c6a9b;
}

.rcts_classification .rcts-list {
  margin-left: 40px;
}

.rcts_classification .rcts-item {
  color: #527eb0;
  font-size: 0.9em;
  padding-top: 2px;
  padding-bottom: 2px;
}

.rcts_classification .rcts-item > a,
.rcts_classification .rcts-item > span {
  display: inline-block;
  width: 120px;
}

.rcts-pdf {
  background: transparent url(images/pdf-icon.png) center left no-repeat;
  padding-left: 20px;
  height: 16px;
}

.rcts-doc {
  background: transparent url(images/doc-icon.png) center left no-repeat;
  padding-left: 20px;
  height: 16px;
}

.rcts-err {
  background: transparent url(images/err-icon.png) center left no-repeat;
  padding-left: 20px;
  height: 16px;
}

.rcts-list {
  padding-bottom: 15px;
}
.rcts-title {
  display: block;
  font-weight: bold;
}
.rcts-title em {
  font-weight: bold !important;
}
.rcts-author {
  color: #527eb0;
  font-weight: bold;
}
.rcts-link {
  display: inline-block;
  font-size: 0.9em;
  margin-right: 5px;
}
.rcts-link-ncbi {
  display: inline-block;
  font-size: 0.9em;
}
.rcts-link-pdf {
  display: inline-block;
  background: transparent url(images/pdf-icon.png) center left no-repeat;
  height: 16px;
  margin-right: 5px;
  padding-left: 20px;
  font-size: 0.9em;
}

.rcts-button {
  border: medium none;
  border-radius: 5px;
  cursor: pointer;
  margin: 0 2px;
}
.rcts-button:hover,
.rcts-button-selected {
  color: #fff;
  background-color: #527eb0;
}
#tablepress-3 {
  font-size: 10pt;
}

/* === prevait=== */

.prevait-list {
  padding-bottom: 15px;
}
.prevait-title {
  display: block;
  font-weight: bold;
}
.prevait-title em {
  font-weight: bold !important;
}
.prevait-author,
.prevait-topic {
  color: #527eb0;
  font-weight: bold;
}
.prevait-link {
  font-size: 0.9em;
}
.prevait-link-ncbi {
  display: inline-block;
  font-size: 1em;
}
.prevait-link-pdf {
  display: inline-block;
  background: transparent url(images/pdf-icon.png) center left no-repeat;
  height: 16px;
  margin-right: 5px;
  padding-left: 20px;
  font-size: 0.9em;
}

.prevait-button {
  border: medium none;
  border-radius: 5px;
  cursor: pointer;
  margin: 0 2px;
}
.prevait-button:hover,
.prevait-button-selected {
  color: #fff;
  background-color: #527eb0;
}

/* === other styles === */

.linkOverWhite {
  color: #68bbbb;
}
.linkOverWhite:hover {
  color: #dfc08c;
}

span.special-issue {
  display: block;
  padding-left: 15px;
  color: #666;
  font-size: 0.8em;
}

div.veinews {
  background: #0061a9 url(images/veinews.png) top left no-repeat;
  min-width: 300px;
  width: 100%;
  height: 79px;
}

/* newsletter widget */

fieldset.newsletter {
  margin: 0 auto;
  border: 1px solid #d82c00;
  border-radius: 8px;
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 25px;
  padding: 22px;
  width: 273px;
}

fieldset.newsletter div.newsletter-title {
  font-size: 16px;
  font-weight: bold;
  color: #d82c00;
  margin-bottom: 25px;
  background: transparent url('images/btn-alert.png') right center no-repeat;
  min-height: 36px;
  width: 100%;
}

/*************************************************************************/
/**   GENERAL
/*************************************************************************/
.new-menu {
  font-weight: bold;
  color: #eb2f00;
}

.container {
  width: 1280px;
}
#main,
.post-full,
article,
#header,
#wrap-inside,
#main-content,
#entry-full,
#index-full,
.post-content,
.entry-left,
.entry-right {
  float: none;
  width: auto;
}
#header {
  border-bottom: none;
  margin: 0 0.4em;
}
#wrap-inside {
  padding: 0;
  border-top: none;
  background: none;
}
#wrapper {
  margin-top: 0;
  border: none;
}
#main-content {
  background: #fff;
  margin-bottom: 0;
  padding-bottom: 30px;
  padding-top: 1px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

#main {
}
#entry-full,
#index-full {
  padding: 0 20px;
  margin: 30px 10px 0 10px;
}
#left {
  width: 70%;
  margin-top: 0;
}

body {
  /*    background-image: url("images/body-background.jpg");
    background-repeat: no-repeat;    
    background-attachment: fixed;    */
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: #333;
}

#breadcrumbs {
  text-align: right;
  font-size: 85%;
  color: #68bbbb;
  margin: 5px 0;
}
#breadcrumbs > span {
  display: inline-block;
}

/*************************************************************************/
/**   HEADER
/*************************************************************************/
h1.logo {
  margin-top: 0;
  margin-right: 25px;
  width: auto;
  font-size: 10px;
}
#header-top {
  padding-top: 40px;
  height: 69px;
  line-height: 69px;
  text-align: right;
}
#header-top .visit,
#header-top #searchbar {
}
#header-top .visit {
  font-style: italic;
  font-size: 15px;
  margin-top: 10px;
  background-color: #cc0000;
  color: #fff;
  padding: 9px 10px;
  padding-right: 45px;
  background-image: url('images/visit-bg.png');
  background-repeat: no-repeat;
  background-position: right;
  border-radius: 999px;
}
#header-top #searchbar {
  margin-top: 15px;
  margin-left: 25px;
}
#header-top #searchbar input[type='text'] {
  font-size: 16px;
  background: #fff;
  color: #005fa5;
  height: 26px;
}
#header-top #searchbar input[type='submit'] {
  background-color: #dfc08c;
  width: 29px;
  height: 29px;
  top: 0;
  right: 2px;
  background-position: 50%;
  background-image: url('images/search-icon.png');
}
#tagline {
  clear: none;
  width: 455px;
  height: 69px;
  background: url('images/tagline.png') no-repeat;
  padding-bottom: 0;
  margin-bottom: 0;
}

/*************************************************************************/
/**   MENU
/*************************************************************************/
#main-menu-wrap {
  width: auto;
  float: none;
  border-bottom: none;
  margin-bottom: 0;
}

#main-menu-wrap ul.nav {
  height: auto;
}

#main-menu-wrap li {
  border: none;
  padding-bottom: 16px;
  margin-right: 10px;
}

#main-menu-wrap li a {
  color: #fff;
  font-size: 18px;
  padding: 6px 20px;
  border-radius: 3px;
}

#main-menu-wrap li a:hover {
  background-color: #dfc08c;
}

#main-menu-wrap li.current-menu-item a,
#main-menu-wrap li.current-menu-parent a,
#main-menu-wrap ul.sub-menu li.current-menu-item a {
  color: #aaa;
}

#main-menu-wrap li.current-menu-item a:hover,
#main-menu-wrap ul.sub-menu li.current-menu-item a:hover {
  color: #aaa;
}

#main-menu-wrap ul.sub-menu li a {
  background-color: #fff;
  color: #333;
}

#main-menu-wrap ul.sub-menu li a:hover {
  background-color: #dfc08c;
}

#main-menu-wrap span.sf-sub-indicator {
  font-weight: bold;
  color: #fff;
}

/*************************************************************************/
/**   HOMEPAGE
/*************************************************************************/
body.home #main {
  /* background: url("images/home-drawing.png") no-repeat right top;*/
}
body.home #main-content {
  padding: 0;
}
body.home section.home-header {
  /*background: url("images/header-background.jpg") no-repeat left top;*/
  background-color: #68bbbb;
  height: 270px;
}

body.home section.home-header table {
  margin-left: 100px;
  text-align: left;
}

body.home section.home-header table td {
  vertical-align: top;
}

body.home section.home-header table td:last-child {
  vertical-align: top;
  padding-top: 10px;
  padding-left: 150px;
}

body.home #main-content section.home-header h2 {
  font-size: 40px;
  margin-bottom: 0;
  color: #fff;
  border-bottom: none;
}

body.home section.home-header em {
  font-style: italic;
  font-size: 30px;
  color: #fff;
  line-height: 1.2em;
}
body.home section.home-header a.phlebo-btn.latest {
  background-color: #fff;
  margin-bottom: 15px;
  display: block;
  margin: 20px 0;
  width: 220px;
}
body.home section.home-header a.phlebo-btn.latest:hover {
  background-color: #d82c00;
  color: #fff;
  font-weight: normal;
}

/* home info */

body.home section.home-info {
  background-color: #fff;
  color: #fff;
  padding-bottom: 65px;
  margin-top: 105px;
}

body.home section.home-info .wrapper-header,
body.home section.home-info .wrapper-shortcodes {
  margin: auto;
  text-align: center;
}
body.home section.home-info .wrapper-header {
  width: 665px;
  margin-top: 20px;
  padding-top: 20px;
}
body.home section.home-info .wrapper-shortcodes {
  width: 850px;
}
body.home section.home-info h3 {
  color: #68bbbb;
  font-size: 28px;
}
body.home section.home-info p.intro {
  color: #005579;
  font-style: italic;
  font-size: 18px;
  font-weight: bold;
}
body.home section.home-info h4 {
  color: #dfc08c;
  font-style: italic;
  font-weight: bold;
  font-size: 22px;
}
body.home section.home-info .ufo-shortcode p {
  color: #333;
}
body.home section.home-info .ufo-shortcode.fourth {
  margin-right: 1%;
  padding-right: 1%;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}

/* home links */

body.home section.home-links {
  width: 820px;
  margin: auto;
}

body.home section.home-links a[class^='phlebo-btn'] {
  margin-right: 30px;
}

body.home section.home-links a[class^='phlebo-btn']:last-of-type {
  margin-right: 0;
}

/*************************************************************************/
/**   FOOTER
/*************************************************************************/
#copyright {
  width: auto;
  background: #fff;
  border-top: none;
  height: auto;
  line-height: 20px;
  margin-bottom: 30px;
  padding-bottom: 15px;
  padding-top: 8px;
}
#copyright,
#copyright a {
  color: #73c5eb;
  font-size: 14px;
}
#copyright a:hover {
  color: #0a7bc6;
}
/*************************************************************************/
/**   SIDEBAR
/*************************************************************************/
#entry-full #sidebar {
  margin-top: 0;
}
#sidebar {
  width: 28%;
  text-align: center;
}
#sidebar a.phlebo-btn.latest:before,
article a.phlebo-btn.latest:before {
  display: block;
  content: '';
  background-image: url('images/btn-download-latest.png');
  background-repeat: no-repeat;
  border-radius: 999px;
  width: 100px;
  height: 100px;
  margin: auto;
  background-position: 50%;
  border: solid 1px #d82c00;
  margin-bottom: 8px;

  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
#sidebar a.phlebo-btn.latest:hover:before,
article a.phlebo-btn.latest:hover:before {
  background-image: url('images/btn-download-latest-hover.png');
  background-color: #d82c00;
}
#sidebar a.phlebo-btn.latest,
article a.phlebo-btn.latest {
  background-image: none;
  padding-right: 0;
  border: none;
  padding: 0 20px;
  margin-top: 0;
}
#sidebar a.phlebo-btn.latest,
article a.phlebo-btn.latest {
  background-color: transparent;
  color: #d82c00;
}
/*************************************************************************/
/**   PAGES
/*************************************************************************/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: #333;
}
#main-content h2 span {
  display: block;
  font-size: 22px;
  color: #333;
}
#main-content h2,
.phlebo-blue h2 {
  color: #527eb0;
  font-size: 30px;
  border-bottom: solid 1px #ccc;
  font-weight: normal;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-top: 20px;
}
#entry-full h3 {
  color: #527eb0;
  font-size: 25px;
  margin-top: 20px;
}
#entry-full em {
  font-weight: normal;
}
#entry-full ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#entry-full li {
  margin-bottom: 10px;
  margin-left: 0;
}
#entry-full li:before {
  content: '\002022';
  padding-right: 6px;
  color: #d82c00;
}
#entry-full .phlebo-board p {
  padding-bottom: 0;
}
#entry-full .phlebo-board strong {
  margin-top: 20px;
  display: block;
}
#entry-full .phlebo-small h3 {
  text-align: left;
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 2px;
}
#entry-full .phlebo-small {
  font-size: 12px;
}

.phlebo-blue {
  background: #75c6eb;
}
#main-content .phlebo-blue h2 {
  color: #fff;
  border-bottom: inset 1px rgba(0, 153, 204, 0.5);
}
.phlebo-blue.correspondance {
  padding: 30px;
  padding-top: 2px;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 50px;
  position: relative;
  right: 30px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}
.phlebo-blue.correspondance p {
  padding-bottom: 0;
}

/* websites of interest */
article.web-sites-of-interest .wp-caption-text {
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  color: #333;
  margin-top: 10px;
}
article.web-sites-of-interest .clearboth {
  margin-bottom: 10px;
}
article.web-sites-of-interest .wp-caption {
  background-color: transparent;
  border: none;
}
article.web-sites-of-interest .wp-caption img {
  border: solid #ccc 1px;
}

/* email alert page and widget */
article.e-mail-alert input,
article.contact input,
article.e-mail-alert textarea,
article.contact textarea {
  width: 580px;
}

.e-mail-alert input,
.contact input,
.e-mail-alert textarea,
.contact textarea {
  background-color: #eee;
  font-style: italic;
  font-weight: bold;
  padding: 5px 10px;
  border: none;
  font-size: 16px;
  color: #999;
}
.e-mail-alert textarea,
.contact textarea {
  height: 250px;
}
.e-mail-alert input[type='submit'],
.contact input[type='submit'] {
  background-color: #75c6eb;
  width: auto;
  font-style: italic;
  padding: 6px;
  border: none;
  border-radius: 5px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}

/*************************************************************************/
/**   ARTICLES
/*************************************************************************/
article.post div[align='right'] {
  margin-bottom: 20px;
}
article.post div[align='right'] a[target='blank'] {
  font-size: 22px;
  text-align: center;
  display: block;
  color: #d82c00;
  margin: auto;
  width: 220px;
}
article.post div[align='right'] img {
  display: block;
  margin: auto;
  margin-bottom: 10px;
}
a.download-btn {
  background-image: url('images/download-issue.png');
  background-repeat: no-repeat;
  background-position: 50% 0;
  width: 195px;
  display: block;
  padding: 160px 0 20px 0;
  color: #d82c00;
  margin: auto;
  font-size: 22px;
  text-align: center;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
a.download-btn:hover {
  background-image: url('images/download-issue-hover.png');
}
.single article {
  position: relative;
}
a.back-summary {
  position: absolute;
  top: 0;
  right: 0;
}
article.post h4 {
  font-size: 22px;
  color: #d82c00;
  font-weight: normal;
  font-style: italic;
  margin-top: 30px;
  text-transform: uppercase;
}

/*************************************************************************/
/**   SEARCH
/*************************************************************************/
#index-full article {
  border-bottom: solid 1px #ccc;
  margin-bottom: 15px;
}
#index-full .post-content h2 {
  border-bottom: none;
  font-size: 25px;
  padding-bottom: 0;
  margin-bottom: 10px;
}
#index-full .post-content h2 a {
  color: #527eb0;
}
#index-full .readmore,
body.search .pagination a {
  background: none;
  font-style: italic;
  font-size: 18px;
  border: solid 1px #527eb0;
  color: #527eb0;
  border-radius: 7px;
  padding: 7px 9px;
  text-transform: none;
  display: inline-block;
  float: none;
}

/*************************************************************************/
/**   MISC
/*************************************************************************/
.accessibility {
  visibility: hidden;
}
a.phlebo-btn {
  font-weight: bold;
  min-width: 240px;
  color: #d82c00;
  font-size: 16px;
  border: solid 1px #d82c00;
  border-radius: 8px;
  display: inline-block;
  padding: 10px 20px;
  padding-right: 70px;
  margin-bottom: 25px;
  background-repeat: no-repeat;
  background-position: 92% 50%;
  background-size: 25px 32px;
  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+ */

  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
a.phlebo-btn:hover {
  background-color: #d82c00;
  color: #fff;
}

a.phlebo-btn.latest {
  font-size: 14px;
  background-image: url('images/btn-download-latest.png');
}
a.phlebo-btn.alert {
  background-image: url('images/btn-alert.png');
}
a.phlebo-btn.publish {
  background-image: url('images/btn-publish.png');
}
a.phlebo-btn.websites {
  background-image: url('images/btn-websites.png');
}
a.phlebo-btn.veinacademy {
  background-image: url('images/btn-veinacademy.png');
}
a.phlebo-btn.latest:hover {
  background-image: url('images/btn-download-latest-hover.png');
}
a.phlebo-btn.alert:hover {
  background-image: url('images/btn-alert-hover.png');
}
a.phlebo-btn.publish:hover {
  background-image: url('images/btn-publish-hover.png');
}
a.phlebo-btn.websites:hover {
  background-image: url('images/btn-websites-hover.png');
}
a.phlebo-btn.veinacademy:hover {
  background-image: url('images/btn-veinacademy-hover.png');
}

/*************************************************************************/
/**   MEDIA QUERIES
/*************************************************************************/
@media (max-width: 1300px) {
  .container {
    width: auto;
  }
  #main-menu-wrap li a {
    padding: 6px;
  }
}

@media (max-width: 1065px) {
  #tagline {
    float: none;
    margin-left: 190px;
  }
  #header-top {
    height: auto;
    line-height: normal;
    text-align: center;
  }
  #header-top #searchbar {
    margin-top: 2px;
    float: left;
  }
  #header-top .visit {
    float: left;
  }
  #main-menu-wrap {
    text-align: center;
    height: 59px;
  }
  #main-menu-wrap ul.nav {
    display: inline-block;
    float: none;
    margin: 0 auto;
  }

  /* home */
  body.home section.home-header {
    margin-left: 0;
  }
}

@media (max-width: 940px) {
  #main-menu-wrap li a {
    color: #fff;
    font-size: 16px;
    padding: 6px 0;
  }
  body.home #main {
    background-image: none;
  }
  body.home section.home-header {
    background-image: none;
    padding-left: 0;
  }
  body.home section.home-header {
    width: auto;
    /*background: url("images/header-background.jpg") no-repeat left top;*/
    background-color: #68bbbb;
    text-align: left;
    padding: 10px;
  }
  body.home section.home-header table {
    margin-left: 0;
  }
  body.home section.home-header table td:last-child {
    padding-left: 10px;
  }

  /* sidebar */
  #sidebar,
  #left {
    width: auto;
    float: none;
  }
  #sidebar {
    width: 265px;
    margin: auto;
  }
  article.e-mail-alert input,
  article.contact input,
  article.e-mail-alert textarea,
  article.contact textarea {
    width: 100%;
  }
}

@media (max-width: 880px) {
  body.home section.home-links a.phlebo-btn {
    display: block;
    margin: auto;
    margin-bottom: 30px;
  }
  body.home section.home-links a[class^='phlebo-btn'] {
    margin-right: auto;
    width: 260px;
  }
  body.home section.home-links a[class^='phlebo-btn']:last-of-type {
    margin: 0 auto;
  }
  body.home section.home-links {
    width: auto;
    padding-bottom: 30px;
  }
  body.home section.home-info .wrapper-header,
  body.home section.home-info .wrapper-shortcodes {
    width: auto;
  }
  body.home section.home-info .ufo-shortcode.fourth,
  body.home section.home-info .ufo-shortcode.fourth-last {
    margin-right: 0;
    border-right: none;
    float: none;
    width: auto;
  }
  body.home section.home-info {
    padding: 10px;
    margin-top: 0;
  }
}

/* version mobile */
@media (max-width: 767px) {
  article.web-sites-of-interest .wp-caption {
    width: 100% !important;
  }
  #main-menu-wrap ul.nav {
    display: none;
  }
  #mobile_nav {
    padding-right: 0;
    position: static;
    text-align: center;
    background: #75c6eb;
    color: #fff;
    font-weight: normal;
    font-size: 24px;
    padding: 6px 0;
  }
  #mobile_nav:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 6.5px 0 6.5px;
    border-color: #ffffff transparent transparent transparent;
    display: inline-block;
    margin-left: 10px;
    transition: all 500ms;
  }
  #mobile_nav.opened:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  #mobile_menu {
    left: 0;
    width: 100%;
    border: none;
    top: 50px;
    box-shadow: 4px 3px 3px #949ca9;
  }
  #main-menu-wrap li {
    margin-right: 0;
  }
  #main-menu-wrap li a,
  #main-menu-wrap ul.sub-menu li a,
  #main-menu-wrap li.current-menu-item a,
  #main-menu-wrap li.current-menu-parent a,
  #main-menu-wrap ul.sub-menu li.current-menu-item a {
    background-color: #eee;
    color: #333;
    border-bottom: 1px solid #a58787;
  }
  #main-menu-wrap li.current-menu-item,
  #main-menu-wrap li.current-menu-item:hover,
  #main-menu-wrap li:hover {
    border-bottom: none;
  }
  #main-menu-wrap {
    margin-top: 25px;
  }

  h1.logo {
    padding: 30px;
    width: 111px;
    margin-right: 0;
    padding-right: 25px;
  }
  #tagline {
    background-image: url('images/tagline.png');
    background-size: 400px auto;
    width: 400px;
    margin: auto;
  }

  .phlebo-blue.correspondance .ufo-shortcode.fourth,
  .phlebo-blue.correspondance .ufo-shortcode.fourth-last {
    text-align: center;
    margin-bottom: 20px;
  }

  #wrap-inside {
    padding: 10px;
  }

  #main-content h2,
  .phlebo-blue h2 {
    font-size: 30px;
  }
  body.home section.home-header table {
    margin-left: 0;
  }
  body.home section.home-header table td:last-child {
    padding-left: 10px;
  }
  body.home #main-content section.home-header h2 {
    font-size: 30px;
  }

  body.home section.home-header em {
    font-size: 20px;
  }
}

@media (max-width: 600px) {
  h1.logo {
    width: auto;
    float: none;
  }
  #tagline {
    margin: auto;
  }
  #header-top {
    padding-top: 0px;
  }
  #header-top .visit {
    float: none;
  }
  #header-top #searchbar {
    float: none;
    display: inline-block;
    top: 10px;
  }
}

@media (max-width: 480px) {
  #tagline {
    background-image: url('images/tagline.png');
    background-size: 290px auto;
    width: 290px;
    margin: auto;
  }
  body.home section.home-header {
    /*background: url("images/header-background.jpg") no-repeat left top;*/
    background-color: #68bbbb;
    text-align: center;
    padding: 10px;
  }

  body.home section.home-header table {
    margin-left: 0;
  }
  body.home section.home-header table td:first-child {
    display: none;
  }
  body.home section.home-header table td:last-child {
    padding-left: 10px;
  }

  body.home #main-content section.home-header h2 {
    font-size: 30px;
  }
  body.home section.home-header em {
    font-size: 20px;
  }
  body.home section.home-header h2:before,
  body.home section.home-header h2:after {
    width: 25px;
  }
  body.home section.home-header h2:before {
    margin-right: 10px;
  }
  body.home section.home-header h2:after {
    margin-left: 10px;
  }
  body.home section.home-info h3 {
    font-size: 20px;
  }
  body.home section.home-info p.intro {
    font-size: 16px;
  }
  body.home section.home-info h4 {
    font-size: 18px;
  }
  body.home section.home-info p {
    font-size: 14px;
  }
  #main-content h2,
  .phlebo-blue h2 {
    font-size: 24px;
  }
  body.home section.home-header a.phlebo-btn.latest {
    margin: 20px auto;
  }
}

@media (max-width: 380px) {
  #header-top #searchbar {
    margin-left: 0;
  }
  #mobile_nav {
    font-size: 22px;
  }
}