/*
    This is the stylesheet for the main content area and for the visual editor in the backend (a.k.a. TinyMCE). It has been designated so, because "editor-style.css" is the file WordPress looks for to find theme styles to apply to the editor (Visual mode only) making the backend look and feel more like the frontend. As the main content area is the only section of a page that the visual editor affects, this stylesheet is reserved also for that area. Therefore, rules that are to be applied to the main content area belong in this stylesheet, but only so long as they can be applied in the visual editor. In other words, styles that are not to be applied to visual editor, belong outside of this stylesheet, but if they can be, then they should. Therefore, objects generated by non-core shortcodes (not part of the core WordPress package) should not be included in this stylesheet, as WordPress doesn't render them in the visual editor.
    
    In practice, it is sometimes found that a parent element must be selected in order to make your rule specific enough to avoid being overwritten by another. Hence, in this stylesheet it is sometimes necessary to preface a selector with something like "body#tinymce.mceContentBody" (for the visual editor) and another with ".content" (for the frontend content area) in order to apply the rule to both the element in the main content area as well as its corresponding element in the visual editor.
    
    @package addfunc
    @since addfunc 0.1
*/



/*
    T i n y M C E   O V E R R I D E S
    =================================
    This section is for customizing the backend so the editor (in Visual mode) to mimic
    the frontend more closely. Only add rules here that won't effect the frontend.
*/
body#tinymce.mceContentBody {
  max-width: 690px;
  /* Match theme's content area. */
}



/*
    B A S I C S
    ===========
    These are standard rules we use often, but that don't really fit in any other
    category.
*/
.alert {
  color: #f00;
  font-weight: bold;
}
.screen-reader-text {
  display: none;
}
iframe {
  border: none;
}
a.button,
label.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: #3F87C7;
  color: #fff !important;
  font: 700 14px/1.45 "Open Sans",Arial,sans-serif;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.4px;
  vertical-align: top;
  padding: 8px 18px;
  margin: 0 16px 0 0;
  border: none;
  border-radius: 5px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  display: inline-block;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
}
a.button:hover,
a.button:focus,
label.button:hover,
label.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  background: #015B80;
}
.a {
  cursor: pointer;
}
.required {
  color: #c00;
  font-weight: bold;
}
.alert {
  color: #f00;
  font-weight: bold;
}
ul.post-info {
  list-style: none;
  padding: 0;
  margin: 0 -10px 1em;
}
ul.post-info li {
  list-style: none;
  padding: 0 10px;
  margin: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.6);
  display: inline-block;
}
ul.post-info li:last-child {
  border-right: none;
}

/*  ====================
      ____      _     _ 
     / ___|_ __(_) __| |
    | |  _| '__| |/ _` |
    | |_| | |  | | (_| |
     \____|_|  |_|\__,_|.CSS
  
  Grid.css is an independant stylesheet that has been added to this one
  (editor-style.css). It's purpose is to provide a framework for creating commonly needed
  grids. For more information and a demo, please see: http://joerhoney.com/test/grid/
  
*/
/*
    G R I D S
    =========
*/

ul.grid,
ol.grid {
  list-style: none;
  padding: 0;
}
ul.grid li,
ol.grid li {
  list-style: none;
}
.grid:after {
  content: "";
  display: table;
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid > * {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid.cols-1 > * { width: 100% !important; }
.grid.cols-2 > * { width: 50% !important; }
.grid.cols-2 .col-2 { width: 100% !important; }
.grid.cols-3 > * { width: 33.33% !important; }
.grid.cols-3 .col-2 { width: 66.66% !important; }
.grid.cols-3 .col-3 { width: 100% !important; }
.grid.cols-4 > * { width: 25% !important; }
.grid.cols-4 .col-2 { width: 50% !important; }
.grid.cols-4 .col-3 { width: 75% !important; }
.grid.cols-4 .col-4 { width: 100% !important; }
.grid.cols-5 > * { width: 20% !important; }
.grid.cols-5 .col-2 { width: 40% !important; }
.grid.cols-5 .col-3 { width: 60% !important; }
.grid.cols-5 .col-4 { width: 80% !important; }
.grid.cols-5 .col-5 { width: 100% !important; }
.grid.cols-6 > * { width: 16.665% !important; }
.grid.cols-6 .col-2 { width: 33.33% !important; }
.grid.cols-6 .col-3 { width: 50% !important; }
.grid.cols-6 .col-4 { width: 66.66% !important; }
.grid.cols-6 .col-5 { width: 83.325% !important; }
.grid.cols-8 > * { width: 12.5% !important; }
.grid.cols-8 .col-2 { width: 25% !important; }
.grid.cols-8 .col-3 { width: 37.5% !important; }
.grid.cols-8 .col-4 { width: 50% !important; }
.grid.cols-8 .col-5 { width: 62.5% !important; }
.grid.cols-10 > * { width: 10% !important; }
.grid.cols-10 .col-2 { width: 20% !important; }
.grid.cols-10 .col-3 { width: 30% !important; }
.grid.cols-10 .col-4 { width: 40% !important; }
.grid.cols-10 .col-5 { width: 50% !important; }



/*
    G R I D   R A T I O S
    =====================
*/

.grid.ratios > * {
  width: 100%;
  position: relative;
}
.grid.ratios > *:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.grid.ratios > * > * {
  /*
  A wapper (any wrapper) is required
  within each .col- if .ratios is applied.
  */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid.ratios.cols-1 > *:before { padding-top: 100% !important; }
.grid.ratios.cols-2 > *:before { padding-top: 100% !important; }
.grid.ratios.cols-2 .col-2:before { padding-top: 50% !important; }
.grid.ratios.cols-3 > *:before { padding-top: 100% !important; }
.grid.ratios.cols-3 .col-2:before { padding-top: 50% !important; }
.grid.ratios.cols-3 .col-3:before { padding-top: 33.33% !important; }
.grid.ratios.cols-4 > *:before { padding-top: 100% !important; }
.grid.ratios.cols-4 .col-2:before { padding-top: 50% !important; }
.grid.ratios.cols-4 .col-3:before { padding-top: 33.33% !important; }
.grid.ratios.cols-4 .col-4:before { padding-top: 25% !important; }
.grid.ratios.cols-5 > *:before { padding-top: 100% !important; }
.grid.ratios.cols-5 .col-2:before { padding-top: 50% !important; }
.grid.ratios.cols-5 .col-3:before { padding-top: 33.33% !important; }
.grid.ratios.cols-5 .col-4:before { padding-top: 25% !important; }
.grid.ratios.cols-5 .col-5:before { padding-top: 20% !important; }
.grid.ratios.cols-6 > *:before { padding-top: 100% !important; }
.grid.ratios.cols-6 .col-2:before { padding-top: 50% !important; }
.grid.ratios.cols-6 .col-3:before { padding-top: 33.33% !important; }
.grid.ratios.cols-6 .col-4:before { padding-top: 25% !important; }
.grid.ratios.cols-6 .col-5:before { padding-top: 20% !important; }
.grid.ratios.cols-8 > *:before { padding-top: 100% !important; }
.grid.ratios.cols-8 .col-2:before { padding-top: 50% !important; }
.grid.ratios.cols-8 .col-3:before { padding-top: 33.33% !important; }
.grid.ratios.cols-8 .col-4:before { padding-top: 25% !important; }
.grid.ratios.cols-8 .col-5:before { padding-top: 20% !important; }
.grid.ratios.cols-10 > *:before { padding-top: 100% !important; }
.grid.ratios.cols-10 .col-2:before { padding-top: 50% !important; }
.grid.ratios.cols-10 .col-3:before { padding-top: 33.33% !important; }
.grid.ratios.cols-10 .col-4:before { padding-top: 25% !important; }
.grid.ratios.cols-10 .col-5:before { padding-top: 20% !important; }



/*
    G R I D   B R E A K P O I N T S
    ===============================
*/

@media (max-width: 500px) {
  .responsive .grid.breakpoints.cols-2 > * {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-3 > * {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-4 > * {
    width: 50% !important;
  }
  .responsive .grid.breakpoints.cols-4 .col-2 {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-5 > * {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-6 > * {
    width: 33.33% !important;
  }
  .responsive .grid.breakpoints.cols-6 .col-2 {
    width: 66.66% !important;
  }
  .responsive .grid.breakpoints.cols-6 .col-3 {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-6 .col-4 {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-6 .col-5 {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-8 > * {
    width: 25% !important;
  }
  .responsive .grid.breakpoints.cols-8 .col-2 {
    width: 25% !important;
  }
  .responsive .grid.breakpoints.cols-8 .col-3 {
    width: 50% !important;
  }
  .responsive .grid.breakpoints.cols-8 .col-4 {
    width: 50% !important;
  }
  .responsive .grid.breakpoints.cols-8 .col-5 {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-8 .col-6 {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-8 .col-7 {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-10 > * {
    width: 20% !important;
  }
  .responsive .grid.breakpoints.cols-10 .col-2 {
    width: 40% !important;
  }
  .responsive .grid.breakpoints.cols-10 .col-3 {
    width: 60% !important;
  }
  .responsive .grid.breakpoints.cols-10 .col-4 {
    width: 80% !important;
  }
  .responsive .grid.breakpoints.cols-10 .col-5 {
    width: 100% !important;
  }
}
@media (max-width: 300px) {
  .responsive .grid.breakpoints.cols-2 > * {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-3 > * {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-4 > * {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-5 > * {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-6 > * {
    width: 50% !important;
  }
  .responsive .grid.breakpoints.cols-6 .col-2 {
    width: 50% !important;
  }
  .responsive .grid.breakpoints.cols-6 .col-3 {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-6 .col-4 {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-6 .col-5 {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-8 > * {
    width: 25% !important;
  }
  .responsive .grid.breakpoints.cols-8 .col-2 {
    width: 50% !important;
  }
  .responsive .grid.breakpoints.cols-8 .col-3 {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-8 .col-4 {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-8 .col-5 {
    width: 100% !important;
  }
  .responsive .grid.breakpoints.cols-10 > * {
    width: 10% !important;
  }
  .responsive .grid.breakpoints.cols-10 .col-2 {
    width: 20% !important;
  }
  .responsive .grid.breakpoints.cols-10 .col-3 {
    width: 30% !important;
  }
  .responsive .grid.breakpoints.cols-10 .col-4 {
    width: 40% !important;
  }
  .responsive .grid.breakpoints.cols-10 .col-5 {
    width: 50% !important;
  }
}
/*
    G R I D   G U T T E R
    =====================
    (20px)
*/
.grid.gutter > * {
  padding-right: 20px;
  padding-bottom: 20px;
}
.grid.gutter {
  padding: 0 0 0 20px;
  margin-top: 20px;
  margin-bottom: -20px;
}
.grid.gutter.ratios > * {
  padding-right: 0;
  padding-bottom: 0;
}
.grid.gutter.ratios > * > * {
  right: 20px;
  bottom: 20px;
}



/*
    G R I D   G A P S
    =================
    (20px)
*/
.gaps-grid {
  overflow: hidden;
}
.gaps-grid .grid.gutter {
  margin: 0 -20px;
  overflow: hidden;
}
.gaps-grid .grid.gutter:last-child {
  margin-bottom: -20px;
}
/*
     ___         _    ___     _    _ 
    | __|_ _  __| |  / __|_ _(_)__| |
    | _|| ' \/ _` | | (_ | '_| / _` |
    |___|_||_\__,_|  \___|_| |_\__,_|.CSS
                                 
    =================================  */



/*
    T Y P O G R A P H Y
    ===================
*/

body, input, textarea {
  font-size: 100%;
  color: #444;
  font: 14px/1.65 "Open Sans", Arial, sans-serif;
}
@media (max-width: 500px) {
  body,
  input,
  textarea {
    font-size: 16px;
  }
}
.aligncenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.content img {
  max-width: 100%;
  height: auto;
  margin-bottom: 6px;
  border: none;
}
.content .content-header img {
  margin-bottom: 0;
}
.content .wp-caption {
  text-align: left;
  max-width: 100%;
  height: auto;
  padding: 0;
  margin: 0 0 16px;
}
.content .wp-caption.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.content .wp-caption.alignleft {
  margin-right: 30px;
}
.content .wp-caption.alignright {
  margin-left: 30px;
}
.content .video p,
.content .wp-caption p.wp-caption-text,
.content .wp-caption .wp-caption-dd {
  color: #226fc2;
  font-size: 13px;
  line-height: 1.4;
  padding: 4px 0 0;
  margin: 0 0 6px;
  clear: both;
}
.content .caption img,
.content .wp-caption img {
  margin-bottom: 0;
}
@media (max-width: 640px) {
  .responsive .content .wp-caption.alignleft {
    margin-right: 0;
    margin-bottom: 6px;
  }
  .responsive .content .wp-caption.alignright {
    margin-left: 0;
    margin-bottom: 6px;
  }
  .responsive .content .wp-caption p.wp-caption-text {
    display: none;
  }
  .responsive .content .slide .wp-caption p.wp-caption-text {
    display: block;
  }
}
.content .aligncenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.content .alignleft {
  margin-right: 30px;
  clear: left;
  float: left;
}
.content .alignright {
  margin-left: 30px;
  clear: right;
  float: right;
}
.responsive .content .alignleft,
.responsive .content .alignright {
  max-width: 50%;
}
@media (max-width: 640px) and (min-width: 281px) {
  .responsive .content .alignleft {
    width: auto;
    height: auto;
    max-width: 100%;
    margin-right: 0;
    clear: none;
    float: none;
    display: block;
  }
  .responsive .content .alignright {
    width: auto;
    height: auto;
    max-width: 100%;
    margin-left: 0;
    clear: none;
    float: none;
    display: block;
  }
  .responsive .content .size-thumbnail.alignleft,
  .responsive .content .size-thumbnail.alignright {
    max-width: 34%;
    height: auto;
  }
}
@media (max-width: 280px) {
  .responsive .content .alignleft,
  .responsive .content .alignright {
    float: none;
    max-width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }
  .responsive .content .size-thumbnail.alignleft,
  .responsive .content .size-thumbnail.alignright {
    max-width: 50%;
    height: auto;
  }
  .responsive .content .size-thumbnail.alignleft {
    margin-right: 5px;
    clear: left;
    float: left;
  }
  .responsive .content .size-thumbnail.alignright {
    margin-left: 5px;
    clear: right;
    float: right;
  }
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans",Arial,sans-serif;
  font-weight: 400;
  line-height: 100%;
}
h1 {
  color: #015B80;
  font-size: 38px;
  font-weight: bold;
  line-height: 1.15;
  margin: 0 0 15px;
}
h2 {
  color: #015B80;
  font-size: 30px;
  line-height: 1.2;
  padding: 70px 0 0;
  margin: -50px 0 .25em;
}
h3 {
  color: #015B80;
  font-size: 24px;
  line-height: 1.25;
  padding: 70px 0 0;
  margin: -50px 0 .3em;
}
h4 {
  color: #015B80;
  font-size: 20px;
  line-height: 1.3;
  padding: 70px 0 0;
  margin: -50px 0 .3em;
}
h5 {
  color: #015B80;
  /* font-weight: bold; */
  font-size: 15px;
  line-height: 1.4;
  padding: 70px 0 0;
  margin: -50px 0 .3em;
}
body.responsive h2:not(.subsidiary) {
  padding-top: 3em;
  margin-top: -2.75em;
}
body.responsive h3:not(.subsidiary) {
  padding-top: 3em;
  margin-top: -2.75em;
}
body.responsive h4:not(.subsidiary) {
  padding-top: 3em;
  margin-top: -2.5em;
}
body.responsive h5:not(.subsidiary) {
  padding-top: 3em;
  margin-top: -2.25em;
}
@media (max-width: 500px) {
  h1 { font-size: 25px; }
  h2 { font-size: 22px; }
  h3 { font-size: 20px; }
  h4 { font-size: 17px; }
  h5 { font-size: 16px; }
}
h2.subsidiary {
  margin-top: -80px;
}
h3.subsidiary {
  margin-top: -70px;
}
h4.subsidiary {
  margin-top: -70px;
}
h5.subsidiary {
  margin-top: -70px;
}
h2.special {
  margin-top: 0;
}
h3.special {
  margin-top: 0;
}
h4.special {
  margin-top: 0;
}
h5.special {
  margin-top: 0;
}
sup, sub {
  font-size: .6em;
}
hr {
  border: none;
  border-top: 1px solid #666;
}
blockquote hr {
  border: none;
  border-top: 1px solid #fff;
}
.clear {
  clear: both;
}
hr.invisible {
  visibility: hidden;
  margin: -1px 0 1px;
}
.mceContentBody hr.invisible {
  visibility: visible;
  border: none;
  border-top: 1px dotted #9cf;
}
a:link,
a:visited {
  color: #326A9C;
}
a:active,
a:hover {
  color: #528FC6;
}
menu, ol, ul {
  padding: 0 0 0 18px;
}
.content p,
.content dl,
.content menu,
.content ol,
.content ul {
  margin: 0 0 20px;
}
.content dl.gallery-item {
  margin-bottom: 0;
}
.content .gallery-item img {
  margin-bottom: 3px;
  border: none;
}
.content ul {
  list-style: square;
}
.content ol li,
.content ul li {
  margin: 12px 0 0;
}
.content ol li p,
.content ul li p {
  margin: 0 0 12px !important;
}
.content table {
  margin: 0 0 20px;
}
label, input[type="submit"] {
  font-size: 16px;
  font-family: "Open Sans",Arial,sans-serif;
  font-weight: bold;
  margin-top: 12px;
  border: none;
  display: block;
}
ul.labeled {
  list-style: none;
  padding: 0;
  margin: 0 0 0 230px;
}
ul.labeled li {
  min-height: 16px;
  margin: 30px 0;
  display: block;
  clear: left;
}
ul.labeled li:after {
  content: "";
  padding-top: 1px;
  margin-bottom: 12px;
  display: block;
  clear: both;
}
ul.labeled li h3:first-of-type {
  padding-top: 0;
  margin: 0 0 .3em;
}
ul.labeled li h4:first-of-type {
  padding-top: 0px;
  margin: 0 0 .3em;
}
ul.labeled li img.item-label,
ul.labeled li span.item-label,
ul.labeled li strong.item-label {
  width: auto;
  max-width: 200px;
  margin: 0 0 0 -230px;
  display: block;
  float: left;
}
ul.labeled.special {
  margin: 0 0 0 170px;
}
ul.labeled.special li {
  /* margin: 30px 0; */
}
ul.labeled.special li img.item-label,
ul.labeled.special li span.item-label,
ul.labeled.special li strong.item-label {
  max-width: 140px;
  margin: 0 0 0 -170px;
}
@media (min-width: 501px) {
  .responsive ul.labeled li h2 ~ p img.item-label {
    margin-top: -32px;
  }
  .responsive ul.labeled li h3 ~ p img.item-label {
    margin-top: -28px;
  }
  .responsive ul.labeled li h4 ~ p img.item-label {
    margin-top: -30px;
  }
  .responsive ul.labeled li h5 ~ p img.item-label {
    margin-top: -19px;
  }
  .responsive ul.labeled li h2.special ~ p img.item-label {
    margin-top: -63px;
  }
  .responsive ul.labeled li h3.special ~ p img.item-label {
    margin-top: -61px;
  }
  .responsive ul.labeled li h4.special ~ p img.item-label {
    margin-top: -41px;
  }
  .responsive ul.labeled li h5.special ~ p img.item-label {
    margin-top: -37px;
  }
}
@media (min-width: 501px) and (max-width: 782px) {
  .responsive ul.labeled {
    margin: 0 0 0 34.25%;
  }
  .responsive ul.labeled li img.item-label,
  .responsive ul.labeled li span.item-label,
  .responsive ul.labeled li strong.item-label {
    width: auto;
    max-width: 52%;
    padding-left: 0px;
    padding-right: 20px;
    padding-bottom: 20px;
    margin: 4px 0 0 -52%;
  }
}
@media (max-width: 500px) {
  .responsive ul.labeled {
    margin: 0;
  }
  .responsive ul.labeled li img.item-label,
  .responsive ul.labeled li span.item-label,
  .responsive ul.labeled li strong.item-label {
    width: auto;
    max-width: 100%;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0;
    margin: 0 0 6px;
    display: block;
    float: none;
  }
  .responsive ul.labeled li h2 ~ p img.item-label,
  .responsive ul.labeled li h3 ~ p img.item-label,
  .responsive ul.labeled li h4 ~ p img.item-label,
  .responsive ul.labeled li h5 ~ p img.item-label {
    padding-top: 0;
    margin-bottom: 8px;
  }
}
body#tinymce.mceContentBody .pronounced,
.content-body .pronounced {
  font-size: 26px;
}
blockquote {
  background: #F4F0EB;
  padding: 15px 20px 1px;
  margin: 0 0 1em;
}
blockquote img {
  margin-bottom: 20px !important;
}
blockquote h2 {
  padding-top: 17px;
}
blockquote h3 {
  padding-top: 53px;
}

blockquote:after {
  content: "";
  clear: both;
  display: block;
  padding-bottom: 1px;
  margin-top: 1.5em;
}
.quotes p:last-child {
  margin-bottom: 0 !important;
}
.content ul.quick-links {
  list-style: none;
  margin: 0 -15px 1em;
  text-align: left;
  padding: 0;
  display: inline-block;
  overflow: hidden;
}
ul.quick-links li {
  padding: 0;
  margin: 0;
  display: inline-block;
}
ul.quick-links li a:link,
ul.quick-links li a:visited {
  color: #326A9C;
  font: 400 14px/1.25 "Open Sans",Arial,sans-serif;
  text-decoration: underline;
  padding: 10px 15px;
  display: inline-block;
  /* transition: all 0.3s; */
  /* -webkit-transition: all 0.3s; */
}
ul.quick-links li:last-child a {
  border-bottom: none;
}
ul.quick-links li a:hover,
ul.quick-links li a:focus {
  color: #3F87C7;
}
.content ul.quick-links.side-list {
  float: right;
  margin: 0 0 1em 1em;
  display: block;
}
ul.quick-links.side-list li {
  display: block;
}



/*
    F O R M S
    =========
*/

input[type="checkbox"],
input[type="radio"] {
  font-size: 1.5em;
  padding: 0 0 0 .5em;
}
textarea,
select,
input[type="text"],
input[type="tel"],
input[type="email"] {
  background: #fff;
  font-size: 1em;
  width: 100%;
  display: block;
  padding: .25rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-appearance: none;
}
select {
  height: 30px;
}
option {
  background: #fff;
}
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus {
  border: 1px solid #528FC6;
}



/*
    M I N I   L A Y O U T S
    =======================
*/

ul.columns-2,
ul.columns-3,
ol.columns-2,
ol.columns-3,
div.columns-2,
div.columns-3 {
  clear: both;
  padding: 0;
  margin: 0 -1.5% !important;
}
.columns-3:after,
.columns-2:after {
  content: "";
  clear: both;
  display: block;
}
div.columns-3 .column,
ol.columns-3 li,
ul.columns-3 li {
  width: 30.25%;
  margin: 0 1.5% !important;
}
.columns-2 .column,
ol.columns-2 li,
ul.columns-2 li {
  width: 47%;
  margin: 0 1.5% !important;
}
div.column,
ol.columns-2 li,
ol.columns-3 li,
ul.columns-2 li,
ul.columns-3 li {
  padding: 0;
  display: block;
  float: left;
}
@media (max-width: 480px) {
  .responsive .columns-3 {
    clear: both;
    padding: 0;
    margin: 0 -1.5% !important;
  }
  .responsive .columns-3 .column,
  .responsive ol.columns-3 li,
  .responsive ul.columns-3 li {
    width: auto;
    margin: 0 1.5% !important;
    float: none;
  }
  .responsive .columns-2 {
    clear: both;
    padding: 0;
    margin: 0 !important;
  }
  .responsive .columns-2 .column,
  .responsive ol.columns-2 li,
  .responsive ul.columns-2 li {
    width: auto;
    margin: 0 !important;
    float: none;
  }
  .responsive .column,
  .responsive ol.columns-2 li,
  .responsive ul.columns-2 li {
    padding: 0;
    display: block;
  }
}
/*
    R A T I O   B O X E S
    =====================
    A wrapper box that maintains a certain aspect ratio
*/
.ratio:before {
  content: "";
  display: block;
  padding-top: 75% !important;
}
.ratio > *:not(p),
.ratio p > *,
.mceContentBody .ratio img.mceItemMedia {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/*
2:1 (half) */
.ratio.is-half:before,
.ratio.is-2x1:before, .ratio.is-2-1:before,
.ratio.is-50:before {
  padding-top: 50% !important;
}
/*
4:3 (default) */
.ratio.is-4x3:before, .ratio.is-4-3:before,
.ratio.is-75:before {
  padding-top: 75% !important;
}
/*
16:9 (HD video standard) */
.ratio.is-hd:before, .ratio.is-HD:before,
.ratio.is-16x9:before, .ratio.is-16-9:before,
.ratio.is-56:before {
  padding-top: 56.25% !important;
}
/*
8:5 (1280x800, 1680x1050) */
.ratio.is-16x10:before, .ratio.is-16-10:before,
.ratio.is-8x5:before, .ratio.is-8-5:before,
.ratio.is-62:before {
  padding-top: 62.5% !important;
}
/*
3:2 (landscape photo) */
.ratio.is-6x4:before, .ratio.is-6-4:before,
.ratio.is-3x2:before, .ratio.is-3-2:before,
.ratio.is-66:before {
  padding-top: 66.66% !important;
}
/*
5:4 (1280x1024) */
.ratio.is-5x4:before, .ratio.is-5-4:before,
.ratio.is-80:before {
  padding-top: 80% !important;
}
/*
1:1 (square) */
.ratio.is-square:before,
.ratio.is-1x1:before, .ratio.is-1-1:before,
.ratio.is-100:before {
  padding-top: 100% !important;
}
/*
2:3 (portrait photo) */
.ratio.is-4x6:before, .ratio.is-4-6:before,
.ratio.is-2x3:before, .ratio.is-2-3:before,
.ratio.is-150:before {
  padding-top: 150% !important;
}
/*
4:7 (sideways HD - I think) */
.ratio.is-4x7:before, .ratio.is-4-7:before,
.ratio.is-175:before {
  padding-top: 177.5% !important;
}
/*
Wrapper */
.ratio {
  width: 100%;
  padding-top: inherit !important;
  position: relative;
}
.ratio.alignleft, .ratio.alignright {
  width: 50%;
}



/*
    V I D E O S
    ===========
*/

@media (max-width: 640px) {
  .responsive .video.arrow {
    padding: 0;
    margin: 0;
    /* position: relative; */
  }
  .responsive .video.arrow .x,
  .responsive .video.arrow img {
    display: none !important;
  }
  .responsive .video.arrow-a a:before,
  .responsive .video.arrow:before {
    content: none !important;
  }
  .responsive .video.arrow-a a:after,
  .responsive .video.arrow:after {
    content: none !important;
  }
}
.responsive .video .alignleft,
.responsive .video .alignright {
  max-width: 100%;
}
.video.arrow-a a,
.video.arrow {
  position: relative;
}
.video.arrow-a a img,
.video.arrow-a a:before,
.video.arrow-a a:after,
.video.arrow img,
.video.arrow:before,
.video.arrow:after {
  cursor: pointer;
}
.video.arrow-a a:before,
.video.arrow:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  width: 70px;
  height: 50px;
  margin: -25px -35px;
  border-radius: 8px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.video.arrow-a a:after,
.video.arrow:after {
  content: "";
  margin: -16px -15px;
  border: 16px solid transparent;
  border-left: 27px solid #fff;
  display: block;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: scale(0.72);
  -webkit-transform: scale(0.72);
  transform: scale(0.72);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.video.arrow-a a:hover:before,
.video.arrow:hover:before {
  background: #cc181e;
  -ms-transform: scale(1);
  /* IE 9 */
  -webkit-transform: scale(1);
  /* Chrome, Safari, Opera */
  transform: scale(1);
}
.video.arrow-a a:hover:after,
.video.arrow:hover:after {
  -ms-transform: scale(1) translateX(3px);
  /* IE 9 */
  -webkit-transform: scale(1) translateX(3px);
  /* Chrome, Safari, Opera */
  transform: scale(1) translateX(3px);
}
.no-pointerevents .video.arrow-a a:before,
.no-pointerevents .video.arrow:before {
  content: none;
}
.no-pointerevents .video.arrow-a a:after,
.no-pointerevents .video.arrow:after {
  content: "Click image to watch video.";
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  pointer-events: none;
  position: static;
  top: auto;
  left: auto;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.no-pointerevents .video.arrow-a a:hover:after,
.no-pointerevents .video.arrow:hover:after {
  -ms-transform: translateX(0);
  /* IE 9 */
  -webkit-transform: translateX(0);
  /* Chrome, Safari, Opera */
  transform: translateX(0);
}
/* Make it YouTubeish
.video:hover:before {
  background: rgba(204,24,30,1);
} */
.content .video.a h4,
.content .video.arrow h4 {
  padding-top: 0;
  margin-top: 0;
}
.pauseYouTubes {
  cursor: pointer;
}
.not-responsive .content .video.a.alignright,
.not-responsive .content .video.arrow.alignright {
  width: 350px;
}



/*
    S P E C I A L
    =============
*/

.x {
  background: #000;
  width: 32px;
  height: 0;
  padding: 24px 0 0;
  border: 4px solid #fff;
  border-radius: 100%;
  cursor: pointer;
  overflow: hidden;
  display: block;
  position: absolute;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.x:hover, .x:focus {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.x:before, .x:after {
  content: "";
  background: #fff;
  width: 36px;
  height: 0;
  margin: -2px -18px;
  border: 0px solid #fff;
  border-width: 2px 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.x:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.x:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}