/* Repairs where OceanWP's stylesheet and the site's clash on the shared
   header and footer. Loaded last, and scoped to the chrome so the blog's own
   content keeps the styling it has always had. */

/* OceanWP sets .container{width:1200px;max-width:90%}. The 90% clamp shrinks
   the site header's container from 1350px to 1296px, which is just enough to
   push "Contact Us" onto a second row.
   100%, not none: dropping the clamp altogether would leave OceanWP's
   width:1200px unbounded and every phone would scroll sideways. Width is left
   alone so Bootstrap and the header's own inline rules still decide it. */
header.header .container,
header.header .container-fluid,
footer#footer .container,
#popup_modal .container {
    max-width: 100%;
}

/* style.css:8321 styles .tag as an inline-block pill. WordPress also puts
   "tag" in the body class on tag archives, so that rule lands on <body>, turns
   the whole document into a shrink-to-fit box 1200px wide and makes phones
   scroll sideways. Checked the rest: .tag is the only class in the site's
   stylesheets that collides with a WordPress body class. */
body.tag {
    display: block;
    margin: 0;
}

/* The WordPress customiser styles .float_whats for the buttons the theme used
   to draw. Those have been removed; the pair on the page now comes from
   footer.php and has to match the rest of the site. That customiser CSS is
   inline, so it sits later in the document than this file and only
   !important will beat it. */
a.float_whats {
    background: #25d366 !important;
    border-color: #25d366 !important;
    bottom: 80px !important;
}
a.float_whats.floatc12all {
    background: #eaab1c !important;
    border-color: #eaab1c !important;
    bottom: 20px !important;
}