@charset "UTF-8";
/******************************************************************
Site Name: Riverside Rentals
Author: Rebecca Rumble

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/*! 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;
}

.clearfix, .cf {
  zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
  display: table;
  content: "";
}
.clearfix:after, .cf:after {
  clear: both;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-replacement,
.ir {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/******************************************************************
Site Name: Riverside Rentals
Author: Rebecca Rumble

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/* Riverside Rentals Colours */
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
 * Site Name: Riverside Rentals                *
 * Author: Rebecca Rumble
 * 
 S *tylesheet: Typography

 ******************************************************************/
/*
 " *Web design is 95% typography" - Oliver Reichenstein

 When that quote was made in 2006 it was before web fonts, auto-play video,
 and animated pop-ups so even if it is 65 or 75% today that is still *most* 
 of any web site's design. Understanding some of the basics of typography
 (and web typography) will go a long way.

 There are lots of web typographic systems out there however many are
 overly complex and not intuitive. Thus, we've tried to set some good
 defaults that aren't based on confounding mixins here but you may want
 to explore web typography further:

 https://www.smashingmagazine.com/2009/08/typographic-design-survey-best-practices-from-the-best-blogs/
 https://www.smashingmagazine.com/2012/12/css-baseline-the-good-the-bad-and-the-ugly/
 http://www.newnet-soft.com/blog/csstypography
 http://typecast.com/blog/4-simple-steps-to-vertical-rhythm
 https://github.com/StudioThick/megatype
 https://sassline.com
 http://matejlatin.github.io/Gutenberg/
 https://zellwk.com/blog/responsive-typography/
 https://github.com/zellwk/typi

 Note that most of the typography styles are set in base.scss with
 the html, body, and h1-h6 tags so adjust as needed. Set a good baseline
 and consider your vertical rhythm.

 */
/**********************
 * Font Sizes
 **********************/
/*********************
 F *ONT FACE (IN YOUR FACE)
 *********************/
/* To embed your own fonts, use this syntax
 * and place your fonts inside the
 * library/fonts folder. For more information
 * on embedding fonts, go to:
 * http://www.fontsquirrel.com/
 * Be sure to remove the comment brackets.
 * 
 * Also, you don't have to include a separate name for 
 * each font style...just use the same name and
 * declare each style separately. See here:
 * http://www.newnet-soft.com/blog/csstypography
 */
/*  @font-face {
 *     font-family: 'Font Name';
 *     src: url('riversiderentals/library/css/library/fonts/font-name.eot');
 *     src: url('riversiderentals/library/css/library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
 *            url('riversiderentals/library/css/library/fonts/font-name.woff') format('woff'),
 *            url('riversiderentals/library/css/library/fonts/font-name.ttf') format('truetype'),
 *            url('riversiderentals/library/css/library/fonts/font-name.svg#font-name') format('svg');
 *     font-weight: normal;
 *     font-style: normal;
 * }
 */
/*********************
 F *ONT STACKS
 *********************/
/*$sans: 'Montserrat',-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 * 
 $ *serif: 'Montserrat',"Georgia", Cambria, Times New Roman, Times, serif; */
/*
 * Commented out since WP uses system fonts now but if you can't let go I won't be upset. 
 */
/*
 s *ome nice typographical defaults
 more here: http://www.newnet-soft.com/blog/csstypography
 */
p {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  /*-webkit-font-feature-settings: "liga", "dlig";
   *  -moz-font-feature-settings: "liga=1, dlig=1";
   *     -ms-font-feature-settings: "liga", "dlig";
   *      -o-font-feature-settings: "liga", "dlig";
   *         font-feature-settings: "liga", "dlig"; */
}

@font-face {
  font-family: "icomoon";
  src: url("riversiderentals/library/fonts/icomoon.eot?5msoi2");
  src: url("riversiderentals/library/fonts/icomoon.eot?5msoi2#iefix") format("embedded-opentype"), url("riversiderentals/library/fonts/icomoon.woff2?5msoi2") format("woff2"), url("riversiderentals/library/fonts/icomoon.ttf?5msoi2") format("truetype"), url("riversiderentals/library/fonts/icomoon.woff?5msoi2") format("woff"), url("riversiderentals/library/fonts/icomoon.svg?5msoi2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sailing-boat:before {
  content: "\e900";
}

.icon-waves:before {
  content: "\e901";
}

.icon-waves1:before {
  content: "\e902";
}

.icon-asterisk:before {
  content: "\f069";
}

.icon-plus:before {
  content: "\f067";
}

.icon-question:before {
  content: "\f128";
}

.icon-minus:before {
  content: "\f068";
}

.icon-glass:before {
  content: "\f000";
}

.icon-music:before {
  content: "\f001";
}

.icon-search:before {
  content: "\f002";
}

.icon-envelope-o:before {
  content: "\f003";
}

.icon-heart:before {
  content: "\f004";
}

.icon-star:before {
  content: "\f005";
}

.icon-star-o:before {
  content: "\f006";
}

.icon-user:before {
  content: "\f007";
}

.icon-film:before {
  content: "\f008";
}

.icon-th-large:before {
  content: "\f009";
}

.icon-th:before {
  content: "\f00a";
}

.icon-th-list:before {
  content: "\f00b";
}

.icon-check:before {
  content: "\f00c";
}

.icon-close:before {
  content: "\f00d";
}

.icon-remove:before {
  content: "\f00d";
}

.icon-times:before {
  content: "\f00d";
}

.icon-search-plus:before {
  content: "\f00e";
}

.icon-search-minus:before {
  content: "\f010";
}

.icon-power-off:before {
  content: "\f011";
}

.icon-signal:before {
  content: "\f012";
}

.icon-cog:before {
  content: "\f013";
}

.icon-gear:before {
  content: "\f013";
}

.icon-trash-o:before {
  content: "\f014";
}

.icon-home:before {
  content: "\f015";
}

.icon-file-o:before {
  content: "\f016";
}

.icon-clock-o:before {
  content: "\f017";
}

.icon-road:before {
  content: "\f018";
}

.icon-download:before {
  content: "\f019";
}

.icon-arrow-circle-o-down:before {
  content: "\f01a";
}

.icon-arrow-circle-o-up:before {
  content: "\f01b";
}

.icon-inbox:before {
  content: "\f01c";
}

.icon-play-circle-o:before {
  content: "\f01d";
}

.icon-repeat:before {
  content: "\f01e";
}

.icon-rotate-right:before {
  content: "\f01e";
}

.icon-refresh:before {
  content: "\f021";
}

.icon-list-alt:before {
  content: "\f022";
}

.icon-lock:before {
  content: "\f023";
}

.icon-flag:before {
  content: "\f024";
}

.icon-headphones:before {
  content: "\f025";
}

.icon-volume-off:before {
  content: "\f026";
}

.icon-volume-down:before {
  content: "\f027";
}

.icon-volume-up:before {
  content: "\f028";
}

.icon-qrcode:before {
  content: "\f029";
}

.icon-barcode:before {
  content: "\f02a";
}

.icon-tag:before {
  content: "\f02b";
}

.icon-tags:before {
  content: "\f02c";
}

.icon-book:before {
  content: "\f02d";
}

.icon-bookmark:before {
  content: "\f02e";
}

.icon-print:before {
  content: "\f02f";
}

.icon-camera:before {
  content: "\f030";
}

.icon-font:before {
  content: "\f031";
}

.icon-bold:before {
  content: "\f032";
}

.icon-italic:before {
  content: "\f033";
}

.icon-text-height:before {
  content: "\f034";
}

.icon-text-width:before {
  content: "\f035";
}

.icon-align-left:before {
  content: "\f036";
}

.icon-align-center:before {
  content: "\f037";
}

.icon-align-right:before {
  content: "\f038";
}

.icon-align-justify:before {
  content: "\f039";
}

.icon-list:before {
  content: "\f03a";
}

.icon-dedent:before {
  content: "\f03b";
}

.icon-outdent:before {
  content: "\f03b";
}

.icon-indent:before {
  content: "\f03c";
}

.icon-video-camera:before {
  content: "\f03d";
}

.icon-image:before {
  content: "\f03e";
}

.icon-photo:before {
  content: "\f03e";
}

.icon-picture-o:before {
  content: "\f03e";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-map-marker:before {
  content: "\f041";
}

.icon-adjust:before {
  content: "\f042";
}

.icon-tint:before {
  content: "\f043";
}

.icon-edit:before {
  content: "\f044";
}

.icon-pencil-square-o:before {
  content: "\f044";
}

.icon-share-square-o:before {
  content: "\f045";
}

.icon-check-square-o:before {
  content: "\f046";
}

.icon-arrows:before {
  content: "\f047";
}

.icon-step-backward:before {
  content: "\f048";
}

.icon-fast-backward:before {
  content: "\f049";
}

.icon-backward:before {
  content: "\f04a";
}

.icon-play:before {
  content: "\f04b";
}

.icon-pause:before {
  content: "\f04c";
}

.icon-stop:before {
  content: "\f04d";
}

.icon-forward:before {
  content: "\f04e";
}

.icon-fast-forward:before {
  content: "\f050";
}

.icon-step-forward:before {
  content: "\f051";
}

.icon-eject:before {
  content: "\f052";
}

.icon-chevron-left:before {
  content: "\f053";
}

.icon-chevron-right:before {
  content: "\f054";
}

.icon-plus-circle:before {
  content: "\f055";
}

.icon-minus-circle:before {
  content: "\f056";
}

.icon-times-circle:before {
  content: "\f057";
}

.icon-check-circle:before {
  content: "\f058";
}

.icon-question-circle:before {
  content: "\f059";
}

.icon-info-circle:before {
  content: "\f05a";
}

.icon-crosshairs:before {
  content: "\f05b";
}

.icon-times-circle-o:before {
  content: "\f05c";
}

.icon-check-circle-o:before {
  content: "\f05d";
}

.icon-ban:before {
  content: "\f05e";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-arrow-up:before {
  content: "\f062";
}

.icon-arrow-down:before {
  content: "\f063";
}

.icon-mail-forward:before {
  content: "\f064";
}

.icon-share:before {
  content: "\f064";
}

.icon-expand:before {
  content: "\f065";
}

.icon-compress:before {
  content: "\f066";
}

.icon-exclamation-circle:before {
  content: "\f06a";
}

.icon-gift:before {
  content: "\f06b";
}

.icon-leaf:before {
  content: "\f06c";
}

.icon-fire:before {
  content: "\f06d";
}

.icon-eye:before {
  content: "\f06e";
}

.icon-eye-slash:before {
  content: "\f070";
}

.icon-exclamation-triangle:before {
  content: "\f071";
}

.icon-warning:before {
  content: "\f071";
}

.icon-plane:before {
  content: "\f072";
}

.icon-calendar:before {
  content: "\f073";
}

.icon-random:before {
  content: "\f074";
}

.icon-comment:before {
  content: "\f075";
}

.icon-magnet:before {
  content: "\f076";
}

.icon-chevron-up:before {
  content: "\f077";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-retweet:before {
  content: "\f079";
}

.icon-shopping-cart:before {
  content: "\f07a";
}

.icon-folder:before {
  content: "\f07b";
}

.icon-folder-open:before {
  content: "\f07c";
}

.icon-arrows-v:before {
  content: "\f07d";
}

.icon-arrows-h:before {
  content: "\f07e";
}

.icon-bar-chart:before {
  content: "\f080";
}

.icon-bar-chart-o:before {
  content: "\f080";
}

.icon-twitter-square:before {
  content: "\f081";
}

.icon-facebook-square:before {
  content: "\f082";
}

.icon-camera-retro:before {
  content: "\f083";
}

.icon-key:before {
  content: "\f084";
}

.icon-cogs:before {
  content: "\f085";
}

.icon-gears:before {
  content: "\f085";
}

.icon-comments:before {
  content: "\f086";
}

.icon-thumbs-o-up:before {
  content: "\f087";
}

.icon-thumbs-o-down:before {
  content: "\f088";
}

.icon-star-half:before {
  content: "\f089";
}

.icon-heart-o:before {
  content: "\f08a";
}

.icon-sign-out:before {
  content: "\f08b";
}

.icon-linkedin-square:before {
  content: "\f08c";
}

.icon-thumb-tack:before {
  content: "\f08d";
}

.icon-external-link:before {
  content: "\f08e";
}

.icon-sign-in:before {
  content: "\f090";
}

.icon-trophy:before {
  content: "\f091";
}

.icon-github-square:before {
  content: "\f092";
}

.icon-upload:before {
  content: "\f093";
}

.icon-lemon-o:before {
  content: "\f094";
}

.icon-phone:before {
  content: "\f095";
}

.icon-square-o:before {
  content: "\f096";
}

.icon-bookmark-o:before {
  content: "\f097";
}

.icon-phone-square:before {
  content: "\f098";
}

.icon-twitter:before {
  content: "\f099";
}

.icon-facebook:before {
  content: "\f09a";
}

.icon-facebook-f:before {
  content: "\f09a";
}

.icon-github:before {
  content: "\f09b";
}

.icon-unlock:before {
  content: "\f09c";
}

.icon-credit-card:before {
  content: "\f09d";
}

.icon-feed:before {
  content: "\f09e";
}

.icon-rss:before {
  content: "\f09e";
}

.icon-hdd-o:before {
  content: "\f0a0";
}

.icon-bullhorn:before {
  content: "\f0a1";
}

.icon-bell-o:before {
  content: "\f0a2";
}

.icon-certificate:before {
  content: "\f0a3";
}

.icon-hand-o-right:before {
  content: "\f0a4";
}

.icon-hand-o-left:before {
  content: "\f0a5";
}

.icon-hand-o-up:before {
  content: "\f0a6";
}

.icon-hand-o-down:before {
  content: "\f0a7";
}

.icon-arrow-circle-left:before {
  content: "\f0a8";
}

.icon-arrow-circle-right:before {
  content: "\f0a9";
}

.icon-arrow-circle-up:before {
  content: "\f0aa";
}

.icon-arrow-circle-down:before {
  content: "\f0ab";
}

.icon-globe:before {
  content: "\f0ac";
}

.icon-wrench:before {
  content: "\f0ad";
}

.icon-tasks:before {
  content: "\f0ae";
}

.icon-filter:before {
  content: "\f0b0";
}

.icon-briefcase:before {
  content: "\f0b1";
}

.icon-arrows-alt:before {
  content: "\f0b2";
}

.icon-group:before {
  content: "\f0c0";
}

.icon-users:before {
  content: "\f0c0";
}

.icon-chain:before {
  content: "\f0c1";
}

.icon-link:before {
  content: "\f0c1";
}

.icon-cloud:before {
  content: "\f0c2";
}

.icon-flask:before {
  content: "\f0c3";
}

.icon-cut:before {
  content: "\f0c4";
}

.icon-scissors:before {
  content: "\f0c4";
}

.icon-copy:before {
  content: "\f0c5";
}

.icon-files-o:before {
  content: "\f0c5";
}

.icon-paperclip:before {
  content: "\f0c6";
}

.icon-floppy-o:before {
  content: "\f0c7";
}

.icon-save:before {
  content: "\f0c7";
}

.icon-square:before {
  content: "\f0c8";
}

.icon-bars:before {
  content: "\f0c9";
}

.icon-navicon:before {
  content: "\f0c9";
}

.icon-reorder:before {
  content: "\f0c9";
}

.icon-list-ul:before {
  content: "\f0ca";
}

.icon-list-ol:before {
  content: "\f0cb";
}

.icon-strikethrough:before {
  content: "\f0cc";
}

.icon-underline:before {
  content: "\f0cd";
}

.icon-table:before {
  content: "\f0ce";
}

.icon-magic:before {
  content: "\f0d0";
}

.icon-truck:before {
  content: "\f0d1";
}

.icon-pinterest:before {
  content: "\f0d2";
}

.icon-pinterest-square:before {
  content: "\f0d3";
}

.icon-google-plus-square:before {
  content: "\f0d4";
}

.icon-google-plus:before {
  content: "\f0d5";
}

.icon-money:before {
  content: "\f0d6";
}

.icon-caret-down:before {
  content: "\f0d7";
}

.icon-caret-up:before {
  content: "\f0d8";
}

.icon-caret-left:before {
  content: "\f0d9";
}

.icon-caret-right:before {
  content: "\f0da";
}

.icon-columns:before {
  content: "\f0db";
}

.icon-sort:before {
  content: "\f0dc";
}

.icon-unsorted:before {
  content: "\f0dc";
}

.icon-sort-desc:before {
  content: "\f0dd";
}

.icon-sort-down:before {
  content: "\f0dd";
}

.icon-sort-asc:before {
  content: "\f0de";
}

.icon-sort-up:before {
  content: "\f0de";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-linkedin:before {
  content: "\f0e1";
}

.icon-rotate-left:before {
  content: "\f0e2";
}

.icon-undo:before {
  content: "\f0e2";
}

.icon-gavel:before {
  content: "\f0e3";
}

.icon-legal:before {
  content: "\f0e3";
}

.icon-dashboard:before {
  content: "\f0e4";
}

.icon-tachometer:before {
  content: "\f0e4";
}

.icon-comment-o:before {
  content: "\f0e5";
}

.icon-comments-o:before {
  content: "\f0e6";
}

.icon-bolt:before {
  content: "\f0e7";
}

.icon-flash:before {
  content: "\f0e7";
}

.icon-sitemap:before {
  content: "\f0e8";
}

.icon-umbrella:before {
  content: "\f0e9";
}

.icon-clipboard:before {
  content: "\f0ea";
}

.icon-paste:before {
  content: "\f0ea";
}

.icon-lightbulb-o:before {
  content: "\f0eb";
}

.icon-exchange:before {
  content: "\f0ec";
}

.icon-cloud-download:before {
  content: "\f0ed";
}

.icon-cloud-upload:before {
  content: "\f0ee";
}

.icon-user-md:before {
  content: "\f0f0";
}

.icon-stethoscope:before {
  content: "\f0f1";
}

.icon-suitcase:before {
  content: "\f0f2";
}

.icon-bell:before {
  content: "\f0f3";
}

.icon-coffee:before {
  content: "\f0f4";
}

.icon-cutlery:before {
  content: "\f0f5";
}

.icon-file-text-o:before {
  content: "\f0f6";
}

.icon-building-o:before {
  content: "\f0f7";
}

.icon-hospital-o:before {
  content: "\f0f8";
}

.icon-ambulance:before {
  content: "\f0f9";
}

.icon-medkit:before {
  content: "\f0fa";
}

.icon-fighter-jet:before {
  content: "\f0fb";
}

.icon-beer:before {
  content: "\f0fc";
}

.icon-h-square:before {
  content: "\f0fd";
}

.icon-plus-square:before {
  content: "\f0fe";
}

.icon-angle-double-left:before {
  content: "\f100";
}

.icon-angle-double-right:before {
  content: "\f101";
}

.icon-angle-double-up:before {
  content: "\f102";
}

.icon-angle-double-down:before {
  content: "\f103";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-angle-up:before {
  content: "\f106";
}

.icon-angle-down:before {
  content: "\f107";
}

.icon-desktop:before {
  content: "\f108";
}

.icon-laptop:before {
  content: "\f109";
}

.icon-tablet:before {
  content: "\f10a";
}

.icon-mobile:before {
  content: "\f10b";
}

.icon-mobile-phone:before {
  content: "\f10b";
}

.icon-circle-o:before {
  content: "\f10c";
}

.icon-quote-left:before {
  content: "\f10d";
}

.icon-quote-right:before {
  content: "\f10e";
}

.icon-spinner:before {
  content: "\f110";
}

.icon-circle:before {
  content: "\f111";
}

.icon-mail-reply:before {
  content: "\f112";
}

.icon-reply:before {
  content: "\f112";
}

.icon-github-alt:before {
  content: "\f113";
}

.icon-folder-o:before {
  content: "\f114";
}

.icon-folder-open-o:before {
  content: "\f115";
}

.icon-smile-o:before {
  content: "\f118";
}

.icon-frown-o:before {
  content: "\f119";
}

.icon-meh-o:before {
  content: "\f11a";
}

.icon-gamepad:before {
  content: "\f11b";
}

.icon-keyboard-o:before {
  content: "\f11c";
}

.icon-flag-o:before {
  content: "\f11d";
}

.icon-flag-checkered:before {
  content: "\f11e";
}

.icon-terminal:before {
  content: "\f120";
}

.icon-code:before {
  content: "\f121";
}

.icon-mail-reply-all:before {
  content: "\f122";
}

.icon-reply-all:before {
  content: "\f122";
}

.icon-star-half-empty:before {
  content: "\f123";
}

.icon-star-half-full:before {
  content: "\f123";
}

.icon-star-half-o:before {
  content: "\f123";
}

.icon-location-arrow:before {
  content: "\f124";
}

.icon-crop:before {
  content: "\f125";
}

.icon-code-fork:before {
  content: "\f126";
}

.icon-chain-broken:before {
  content: "\f127";
}

.icon-unlink:before {
  content: "\f127";
}

.icon-info:before {
  content: "\f129";
}

.icon-exclamation:before {
  content: "\f12a";
}

.icon-superscript:before {
  content: "\f12b";
}

.icon-subscript:before {
  content: "\f12c";
}

.icon-eraser:before {
  content: "\f12d";
}

.icon-puzzle-piece:before {
  content: "\f12e";
}

.icon-microphone:before {
  content: "\f130";
}

.icon-microphone-slash:before {
  content: "\f131";
}

.icon-shield:before {
  content: "\f132";
}

.icon-calendar-o:before {
  content: "\f133";
}

.icon-fire-extinguisher:before {
  content: "\f134";
}

.icon-rocket:before {
  content: "\f135";
}

.icon-maxcdn:before {
  content: "\f136";
}

.icon-chevron-circle-left:before {
  content: "\f137";
}

.icon-chevron-circle-right:before {
  content: "\f138";
}

.icon-chevron-circle-up:before {
  content: "\f139";
}

.icon-chevron-circle-down:before {
  content: "\f13a";
}

.icon-html5:before {
  content: "\f13b";
}

.icon-css3:before {
  content: "\f13c";
}

.icon-anchor:before {
  content: "\f13d";
}

.icon-unlock-alt:before {
  content: "\f13e";
}

.icon-bullseye:before {
  content: "\f140";
}

.icon-ellipsis-h:before {
  content: "\f141";
}

.icon-ellipsis-v:before {
  content: "\f142";
}

.icon-rss-square:before {
  content: "\f143";
}

.icon-play-circle:before {
  content: "\f144";
}

.icon-ticket:before {
  content: "\f145";
}

.icon-minus-square:before {
  content: "\f146";
}

.icon-minus-square-o:before {
  content: "\f147";
}

.icon-level-up:before {
  content: "\f148";
}

.icon-level-down:before {
  content: "\f149";
}

.icon-check-square:before {
  content: "\f14a";
}

.icon-pencil-square:before {
  content: "\f14b";
}

.icon-external-link-square:before {
  content: "\f14c";
}

.icon-share-square:before {
  content: "\f14d";
}

.icon-compass:before {
  content: "\f14e";
}

.icon-caret-square-o-down:before {
  content: "\f150";
}

.icon-toggle-down:before {
  content: "\f150";
}

.icon-caret-square-o-up:before {
  content: "\f151";
}

.icon-toggle-up:before {
  content: "\f151";
}

.icon-caret-square-o-right:before {
  content: "\f152";
}

.icon-toggle-right:before {
  content: "\f152";
}

.icon-eur:before {
  content: "\f153";
}

.icon-euro:before {
  content: "\f153";
}

.icon-gbp:before {
  content: "\f154";
}

.icon-dollar:before {
  content: "\f155";
}

.icon-usd:before {
  content: "\f155";
}

.icon-inr:before {
  content: "\f156";
}

.icon-rupee:before {
  content: "\f156";
}

.icon-cny:before {
  content: "\f157";
}

.icon-jpy:before {
  content: "\f157";
}

.icon-rmb:before {
  content: "\f157";
}

.icon-yen:before {
  content: "\f157";
}

.icon-rouble:before {
  content: "\f158";
}

.icon-rub:before {
  content: "\f158";
}

.icon-ruble:before {
  content: "\f158";
}

.icon-krw:before {
  content: "\f159";
}

.icon-won:before {
  content: "\f159";
}

.icon-bitcoin:before {
  content: "\f15a";
}

.icon-btc:before {
  content: "\f15a";
}

.icon-file:before {
  content: "\f15b";
}

.icon-file-text:before {
  content: "\f15c";
}

.icon-sort-alpha-asc:before {
  content: "\f15d";
}

.icon-sort-alpha-desc:before {
  content: "\f15e";
}

.icon-sort-amount-asc:before {
  content: "\f160";
}

.icon-sort-amount-desc:before {
  content: "\f161";
}

.icon-sort-numeric-asc:before {
  content: "\f162";
}

.icon-sort-numeric-desc:before {
  content: "\f163";
}

.icon-thumbs-up:before {
  content: "\f164";
}

.icon-thumbs-down:before {
  content: "\f165";
}

.icon-youtube-square:before {
  content: "\f166";
}

.icon-youtube:before {
  content: "\f167";
}

.icon-xing:before {
  content: "\f168";
}

.icon-xing-square:before {
  content: "\f169";
}

.icon-youtube-play:before {
  content: "\f16a";
}

.icon-dropbox:before {
  content: "\f16b";
}

.icon-stack-overflow:before {
  content: "\f16c";
}

.icon-instagram:before {
  content: "\f16d";
}

.icon-flickr:before {
  content: "\f16e";
}

.icon-adn:before {
  content: "\f170";
}

.icon-bitbucket:before {
  content: "\f171";
}

.icon-bitbucket-square:before {
  content: "\f172";
}

.icon-tumblr:before {
  content: "\f173";
}

.icon-tumblr-square:before {
  content: "\f174";
}

.icon-long-arrow-down:before {
  content: "\f175";
}

.icon-long-arrow-up:before {
  content: "\f176";
}

.icon-long-arrow-left:before {
  content: "\f177";
}

.icon-long-arrow-right:before {
  content: "\f178";
}

.icon-apple:before {
  content: "\f179";
}

.icon-windows:before {
  content: "\f17a";
}

.icon-android:before {
  content: "\f17b";
}

.icon-linux:before {
  content: "\f17c";
}

.icon-dribbble:before {
  content: "\f17d";
}

.icon-skype:before {
  content: "\f17e";
}

.icon-foursquare:before {
  content: "\f180";
}

.icon-trello:before {
  content: "\f181";
}

.icon-female:before {
  content: "\f182";
}

.icon-male:before {
  content: "\f183";
}

.icon-gittip:before {
  content: "\f184";
}

.icon-gratipay:before {
  content: "\f184";
}

.icon-sun-o:before {
  content: "\f185";
}

.icon-moon-o:before {
  content: "\f186";
}

.icon-archive:before {
  content: "\f187";
}

.icon-bug:before {
  content: "\f188";
}

.icon-vk:before {
  content: "\f189";
}

.icon-weibo:before {
  content: "\f18a";
}

.icon-renren:before {
  content: "\f18b";
}

.icon-pagelines:before {
  content: "\f18c";
}

.icon-stack-exchange:before {
  content: "\f18d";
}

.icon-arrow-circle-o-right:before {
  content: "\f18e";
}

.icon-arrow-circle-o-left:before {
  content: "\f190";
}

.icon-caret-square-o-left:before {
  content: "\f191";
}

.icon-toggle-left:before {
  content: "\f191";
}

.icon-dot-circle-o:before {
  content: "\f192";
}

.icon-wheelchair:before {
  content: "\f193";
}

.icon-vimeo-square:before {
  content: "\f194";
}

.icon-try:before {
  content: "\f195";
}

.icon-turkish-lira:before {
  content: "\f195";
}

.icon-plus-square-o:before {
  content: "\f196";
}

.icon-space-shuttle:before {
  content: "\f197";
}

.icon-slack:before {
  content: "\f198";
}

.icon-envelope-square:before {
  content: "\f199";
}

.icon-wordpress:before {
  content: "\f19a";
}

.icon-openid:before {
  content: "\f19b";
}

.icon-bank:before {
  content: "\f19c";
}

.icon-institution:before {
  content: "\f19c";
}

.icon-university:before {
  content: "\f19c";
}

.icon-graduation-cap:before {
  content: "\f19d";
}

.icon-mortar-board:before {
  content: "\f19d";
}

.icon-yahoo:before {
  content: "\f19e";
}

.icon-google:before {
  content: "\f1a0";
}

.icon-reddit:before {
  content: "\f1a1";
}

.icon-reddit-square:before {
  content: "\f1a2";
}

.icon-stumbleupon-circle:before {
  content: "\f1a3";
}

.icon-stumbleupon:before {
  content: "\f1a4";
}

.icon-delicious:before {
  content: "\f1a5";
}

.icon-digg:before {
  content: "\f1a6";
}

.icon-pied-piper-pp:before {
  content: "\f1a7";
}

.icon-pied-piper-alt:before {
  content: "\f1a8";
}

.icon-drupal:before {
  content: "\f1a9";
}

.icon-joomla:before {
  content: "\f1aa";
}

.icon-language:before {
  content: "\f1ab";
}

.icon-fax:before {
  content: "\f1ac";
}

.icon-building:before {
  content: "\f1ad";
}

.icon-child:before {
  content: "\f1ae";
}

.icon-paw:before {
  content: "\f1b0";
}

.icon-spoon:before {
  content: "\f1b1";
}

.icon-cube:before {
  content: "\f1b2";
}

.icon-cubes:before {
  content: "\f1b3";
}

.icon-behance:before {
  content: "\f1b4";
}

.icon-behance-square:before {
  content: "\f1b5";
}

.icon-steam:before {
  content: "\f1b6";
}

.icon-steam-square:before {
  content: "\f1b7";
}

.icon-recycle:before {
  content: "\f1b8";
}

.icon-automobile:before {
  content: "\f1b9";
}

.icon-car:before {
  content: "\f1b9";
}

.icon-cab:before {
  content: "\f1ba";
}

.icon-taxi:before {
  content: "\f1ba";
}

.icon-tree:before {
  content: "\f1bb";
}

.icon-spotify:before {
  content: "\f1bc";
}

.icon-deviantart:before {
  content: "\f1bd";
}

.icon-soundcloud:before {
  content: "\f1be";
}

.icon-database:before {
  content: "\f1c0";
}

.icon-file-pdf-o:before {
  content: "\f1c1";
}

.icon-file-word-o:before {
  content: "\f1c2";
}

.icon-file-excel-o:before {
  content: "\f1c3";
}

.icon-file-powerpoint-o:before {
  content: "\f1c4";
}

.icon-file-image-o:before {
  content: "\f1c5";
}

.icon-file-photo-o:before {
  content: "\f1c5";
}

.icon-file-picture-o:before {
  content: "\f1c5";
}

.icon-file-archive-o:before {
  content: "\f1c6";
}

.icon-file-zip-o:before {
  content: "\f1c6";
}

.icon-file-audio-o:before {
  content: "\f1c7";
}

.icon-file-sound-o:before {
  content: "\f1c7";
}

.icon-file-movie-o:before {
  content: "\f1c8";
}

.icon-file-video-o:before {
  content: "\f1c8";
}

.icon-file-code-o:before {
  content: "\f1c9";
}

.icon-vine:before {
  content: "\f1ca";
}

.icon-codepen:before {
  content: "\f1cb";
}

.icon-jsfiddle:before {
  content: "\f1cc";
}

.icon-life-bouy:before {
  content: "\f1cd";
}

.icon-life-buoy:before {
  content: "\f1cd";
}

.icon-life-ring:before {
  content: "\f1cd";
}

.icon-life-saver:before {
  content: "\f1cd";
}

.icon-support:before {
  content: "\f1cd";
}

.icon-circle-o-notch:before {
  content: "\f1ce";
}

.icon-ra:before {
  content: "\f1d0";
}

.icon-rebel:before {
  content: "\f1d0";
}

.icon-resistance:before {
  content: "\f1d0";
}

.icon-empire:before {
  content: "\f1d1";
}

.icon-ge:before {
  content: "\f1d1";
}

.icon-git-square:before {
  content: "\f1d2";
}

.icon-git:before {
  content: "\f1d3";
}

.icon-hacker-news:before {
  content: "\f1d4";
}

.icon-y-combinator-square:before {
  content: "\f1d4";
}

.icon-yc-square:before {
  content: "\f1d4";
}

.icon-tencent-weibo:before {
  content: "\f1d5";
}

.icon-qq:before {
  content: "\f1d6";
}

.icon-wechat:before {
  content: "\f1d7";
}

.icon-weixin:before {
  content: "\f1d7";
}

.icon-paper-plane:before {
  content: "\f1d8";
}

.icon-send:before {
  content: "\f1d8";
}

.icon-paper-plane-o:before {
  content: "\f1d9";
}

.icon-send-o:before {
  content: "\f1d9";
}

.icon-history:before {
  content: "\f1da";
}

.icon-circle-thin:before {
  content: "\f1db";
}

.icon-header:before {
  content: "\f1dc";
}

.icon-paragraph:before {
  content: "\f1dd";
}

.icon-sliders:before {
  content: "\f1de";
}

.icon-share-alt:before {
  content: "\f1e0";
}

.icon-share-alt-square:before {
  content: "\f1e1";
}

.icon-bomb:before {
  content: "\f1e2";
}

.icon-futbol-o:before {
  content: "\f1e3";
}

.icon-soccer-ball-o:before {
  content: "\f1e3";
}

.icon-tty:before {
  content: "\f1e4";
}

.icon-binoculars:before {
  content: "\f1e5";
}

.icon-plug:before {
  content: "\f1e6";
}

.icon-slideshare:before {
  content: "\f1e7";
}

.icon-twitch:before {
  content: "\f1e8";
}

.icon-yelp:before {
  content: "\f1e9";
}

.icon-newspaper-o:before {
  content: "\f1ea";
}

.icon-wifi:before {
  content: "\f1eb";
}

.icon-calculator:before {
  content: "\f1ec";
}

.icon-paypal:before {
  content: "\f1ed";
}

.icon-google-wallet:before {
  content: "\f1ee";
}

.icon-cc-visa:before {
  content: "\f1f0";
}

.icon-cc-mastercard:before {
  content: "\f1f1";
}

.icon-cc-discover:before {
  content: "\f1f2";
}

.icon-cc-amex:before {
  content: "\f1f3";
}

.icon-cc-paypal:before {
  content: "\f1f4";
}

.icon-cc-stripe:before {
  content: "\f1f5";
}

.icon-bell-slash:before {
  content: "\f1f6";
}

.icon-bell-slash-o:before {
  content: "\f1f7";
}

.icon-trash:before {
  content: "\f1f8";
}

.icon-copyright:before {
  content: "\f1f9";
}

.icon-at:before {
  content: "\f1fa";
}

.icon-eyedropper:before {
  content: "\f1fb";
}

.icon-paint-brush:before {
  content: "\f1fc";
}

.icon-birthday-cake:before {
  content: "\f1fd";
}

.icon-area-chart:before {
  content: "\f1fe";
}

.icon-pie-chart:before {
  content: "\f200";
}

.icon-line-chart:before {
  content: "\f201";
}

.icon-lastfm:before {
  content: "\f202";
}

.icon-lastfm-square:before {
  content: "\f203";
}

.icon-toggle-off:before {
  content: "\f204";
}

.icon-toggle-on:before {
  content: "\f205";
}

.icon-bicycle:before {
  content: "\f206";
}

.icon-bus:before {
  content: "\f207";
}

.icon-ioxhost:before {
  content: "\f208";
}

.icon-angellist:before {
  content: "\f209";
}

.icon-cc:before {
  content: "\f20a";
}

.icon-ils:before {
  content: "\f20b";
}

.icon-shekel:before {
  content: "\f20b";
}

.icon-sheqel:before {
  content: "\f20b";
}

.icon-meanpath:before {
  content: "\f20c";
}

.icon-buysellads:before {
  content: "\f20d";
}

.icon-connectdevelop:before {
  content: "\f20e";
}

.icon-dashcube:before {
  content: "\f210";
}

.icon-forumbee:before {
  content: "\f211";
}

.icon-leanpub:before {
  content: "\f212";
}

.icon-sellsy:before {
  content: "\f213";
}

.icon-shirtsinbulk:before {
  content: "\f214";
}

.icon-simplybuilt:before {
  content: "\f215";
}

.icon-skyatlas:before {
  content: "\f216";
}

.icon-cart-plus:before {
  content: "\f217";
}

.icon-cart-arrow-down:before {
  content: "\f218";
}

.icon-diamond:before {
  content: "\f219";
}

.icon-ship:before {
  content: "\f21a";
}

.icon-user-secret:before {
  content: "\f21b";
}

.icon-motorcycle:before {
  content: "\f21c";
}

.icon-street-view:before {
  content: "\f21d";
}

.icon-heartbeat:before {
  content: "\f21e";
}

.icon-venus:before {
  content: "\f221";
}

.icon-mars:before {
  content: "\f222";
}

.icon-mercury:before {
  content: "\f223";
}

.icon-intersex:before {
  content: "\f224";
}

.icon-transgender:before {
  content: "\f224";
}

.icon-transgender-alt:before {
  content: "\f225";
}

.icon-venus-double:before {
  content: "\f226";
}

.icon-mars-double:before {
  content: "\f227";
}

.icon-venus-mars:before {
  content: "\f228";
}

.icon-mars-stroke:before {
  content: "\f229";
}

.icon-mars-stroke-v:before {
  content: "\f22a";
}

.icon-mars-stroke-h:before {
  content: "\f22b";
}

.icon-neuter:before {
  content: "\f22c";
}

.icon-genderless:before {
  content: "\f22d";
}

.icon-facebook-official:before {
  content: "\f230";
}

.icon-pinterest-p:before {
  content: "\f231";
}

.icon-whatsapp:before {
  content: "\f232";
}

.icon-server:before {
  content: "\f233";
}

.icon-user-plus:before {
  content: "\f234";
}

.icon-user-times:before {
  content: "\f235";
}

.icon-bed:before {
  content: "\f236";
}

.icon-hotel:before {
  content: "\f236";
}

.icon-viacoin:before {
  content: "\f237";
}

.icon-train:before {
  content: "\f238";
}

.icon-subway:before {
  content: "\f239";
}

.icon-medium:before {
  content: "\f23a";
}

.icon-y-combinator:before {
  content: "\f23b";
}

.icon-yc:before {
  content: "\f23b";
}

.icon-optin-monster:before {
  content: "\f23c";
}

.icon-opencart:before {
  content: "\f23d";
}

.icon-expeditedssl:before {
  content: "\f23e";
}

.icon-battery:before {
  content: "\f240";
}

.icon-battery-4:before {
  content: "\f240";
}

.icon-battery-full:before {
  content: "\f240";
}

.icon-battery-3:before {
  content: "\f241";
}

.icon-battery-three-quarters:before {
  content: "\f241";
}

.icon-battery-2:before {
  content: "\f242";
}

.icon-battery-half:before {
  content: "\f242";
}

.icon-battery-1:before {
  content: "\f243";
}

.icon-battery-quarter:before {
  content: "\f243";
}

.icon-battery-0:before {
  content: "\f244";
}

.icon-battery-empty:before {
  content: "\f244";
}

.icon-mouse-pointer:before {
  content: "\f245";
}

.icon-i-cursor:before {
  content: "\f246";
}

.icon-object-group:before {
  content: "\f247";
}

.icon-object-ungroup:before {
  content: "\f248";
}

.icon-sticky-note:before {
  content: "\f249";
}

.icon-sticky-note-o:before {
  content: "\f24a";
}

.icon-cc-jcb:before {
  content: "\f24b";
}

.icon-cc-diners-club:before {
  content: "\f24c";
}

.icon-clone:before {
  content: "\f24d";
}

.icon-balance-scale:before {
  content: "\f24e";
}

.icon-hourglass-o:before {
  content: "\f250";
}

.icon-hourglass-1:before {
  content: "\f251";
}

.icon-hourglass-start:before {
  content: "\f251";
}

.icon-hourglass-2:before {
  content: "\f252";
}

.icon-hourglass-half:before {
  content: "\f252";
}

.icon-hourglass-3:before {
  content: "\f253";
}

.icon-hourglass-end:before {
  content: "\f253";
}

.icon-hourglass:before {
  content: "\f254";
}

.icon-hand-grab-o:before {
  content: "\f255";
}

.icon-hand-rock-o:before {
  content: "\f255";
}

.icon-hand-paper-o:before {
  content: "\f256";
}

.icon-hand-stop-o:before {
  content: "\f256";
}

.icon-hand-scissors-o:before {
  content: "\f257";
}

.icon-hand-lizard-o:before {
  content: "\f258";
}

.icon-hand-spock-o:before {
  content: "\f259";
}

.icon-hand-pointer-o:before {
  content: "\f25a";
}

.icon-hand-peace-o:before {
  content: "\f25b";
}

.icon-trademark:before {
  content: "\f25c";
}

.icon-registered:before {
  content: "\f25d";
}

.icon-creative-commons:before {
  content: "\f25e";
}

.icon-gg:before {
  content: "\f260";
}

.icon-gg-circle:before {
  content: "\f261";
}

.icon-tripadvisor:before {
  content: "\f262";
}

.icon-odnoklassniki:before {
  content: "\f263";
}

.icon-odnoklassniki-square:before {
  content: "\f264";
}

.icon-get-pocket:before {
  content: "\f265";
}

.icon-wikipedia-w:before {
  content: "\f266";
}

.icon-safari:before {
  content: "\f267";
}

.icon-chrome:before {
  content: "\f268";
}

.icon-firefox:before {
  content: "\f269";
}

.icon-opera:before {
  content: "\f26a";
}

.icon-internet-explorer:before {
  content: "\f26b";
}

.icon-television:before {
  content: "\f26c";
}

.icon-tv:before {
  content: "\f26c";
}

.icon-contao:before {
  content: "\f26d";
}

.icon-500px:before {
  content: "\f26e";
}

.icon-amazon:before {
  content: "\f270";
}

.icon-calendar-plus-o:before {
  content: "\f271";
}

.icon-calendar-minus-o:before {
  content: "\f272";
}

.icon-calendar-times-o:before {
  content: "\f273";
}

.icon-calendar-check-o:before {
  content: "\f274";
}

.icon-industry:before {
  content: "\f275";
}

.icon-map-pin:before {
  content: "\f276";
}

.icon-map-signs:before {
  content: "\f277";
}

.icon-map-o:before {
  content: "\f278";
}

.icon-map:before {
  content: "\f279";
}

.icon-commenting:before {
  content: "\f27a";
}

.icon-commenting-o:before {
  content: "\f27b";
}

.icon-houzz:before {
  content: "\f27c";
}

.icon-vimeo:before {
  content: "\f27d";
}

.icon-black-tie:before {
  content: "\f27e";
}

.icon-fonticons:before {
  content: "\f280";
}

.icon-reddit-alien:before {
  content: "\f281";
}

.icon-edge:before {
  content: "\f282";
}

.icon-credit-card-alt:before {
  content: "\f283";
}

.icon-codiepie:before {
  content: "\f284";
}

.icon-modx:before {
  content: "\f285";
}

.icon-fort-awesome:before {
  content: "\f286";
}

.icon-usb:before {
  content: "\f287";
}

.icon-product-hunt:before {
  content: "\f288";
}

.icon-mixcloud:before {
  content: "\f289";
}

.icon-scribd:before {
  content: "\f28a";
}

.icon-pause-circle:before {
  content: "\f28b";
}

.icon-pause-circle-o:before {
  content: "\f28c";
}

.icon-stop-circle:before {
  content: "\f28d";
}

.icon-stop-circle-o:before {
  content: "\f28e";
}

.icon-shopping-bag:before {
  content: "\f290";
}

.icon-shopping-basket:before {
  content: "\f291";
}

.icon-hashtag:before {
  content: "\f292";
}

.icon-bluetooth:before {
  content: "\f293";
}

.icon-bluetooth-b:before {
  content: "\f294";
}

.icon-percent:before {
  content: "\f295";
}

.icon-gitlab:before {
  content: "\f296";
}

.icon-wpbeginner:before {
  content: "\f297";
}

.icon-wpforms:before {
  content: "\f298";
}

.icon-envira:before {
  content: "\f299";
}

.icon-universal-access:before {
  content: "\f29a";
}

.icon-wheelchair-alt:before {
  content: "\f29b";
}

.icon-question-circle-o:before {
  content: "\f29c";
}

.icon-blind:before {
  content: "\f29d";
}

.icon-audio-description:before {
  content: "\f29e";
}

.icon-volume-control-phone:before {
  content: "\f2a0";
}

.icon-braille:before {
  content: "\f2a1";
}

.icon-assistive-listening-systems:before {
  content: "\f2a2";
}

.icon-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.icon-asl-interpreting:before {
  content: "\f2a3";
}

.icon-deaf:before {
  content: "\f2a4";
}

.icon-deafness:before {
  content: "\f2a4";
}

.icon-hard-of-hearing:before {
  content: "\f2a4";
}

.icon-glide:before {
  content: "\f2a5";
}

.icon-glide-g:before {
  content: "\f2a6";
}

.icon-sign-language:before {
  content: "\f2a7";
}

.icon-signing:before {
  content: "\f2a7";
}

.icon-low-vision:before {
  content: "\f2a8";
}

.icon-viadeo:before {
  content: "\f2a9";
}

.icon-viadeo-square:before {
  content: "\f2aa";
}

.icon-snapchat:before {
  content: "\f2ab";
}

.icon-snapchat-ghost:before {
  content: "\f2ac";
}

.icon-snapchat-square:before {
  content: "\f2ad";
}

.icon-pied-piper:before {
  content: "\f2ae";
}

.icon-first-order:before {
  content: "\f2b0";
}

.icon-yoast:before {
  content: "\f2b1";
}

.icon-themeisle:before {
  content: "\f2b2";
}

.icon-google-plus-circle:before {
  content: "\f2b3";
}

.icon-google-plus-official:before {
  content: "\f2b3";
}

.icon-fa:before {
  content: "\f2b4";
}

.icon-font-awesome:before {
  content: "\f2b4";
}

.icon-handshake-o:before {
  content: "\f2b5";
}

.icon-envelope-open:before {
  content: "\f2b6";
}

.icon-envelope-open-o:before {
  content: "\f2b7";
}

.icon-linode:before {
  content: "\f2b8";
}

.icon-address-book:before {
  content: "\f2b9";
}

.icon-address-book-o:before {
  content: "\f2ba";
}

.icon-address-card:before {
  content: "\f2bb";
}

.icon-vcard:before {
  content: "\f2bb";
}

.icon-address-card-o:before {
  content: "\f2bc";
}

.icon-vcard-o:before {
  content: "\f2bc";
}

.icon-user-circle:before {
  content: "\f2bd";
}

.icon-user-circle-o:before {
  content: "\f2be";
}

.icon-user-o:before {
  content: "\f2c0";
}

.icon-id-badge:before {
  content: "\f2c1";
}

.icon-drivers-license:before {
  content: "\f2c2";
}

.icon-id-card:before {
  content: "\f2c2";
}

.icon-drivers-license-o:before {
  content: "\f2c3";
}

.icon-id-card-o:before {
  content: "\f2c3";
}

.icon-quora:before {
  content: "\f2c4";
}

.icon-free-code-camp:before {
  content: "\f2c5";
}

.icon-telegram:before {
  content: "\f2c6";
}

.icon-thermometer:before {
  content: "\f2c7";
}

.icon-thermometer-4:before {
  content: "\f2c7";
}

.icon-thermometer-full:before {
  content: "\f2c7";
}

.icon-thermometer-3:before {
  content: "\f2c8";
}

.icon-thermometer-three-quarters:before {
  content: "\f2c8";
}

.icon-thermometer-2:before {
  content: "\f2c9";
}

.icon-thermometer-half:before {
  content: "\f2c9";
}

.icon-thermometer-1:before {
  content: "\f2ca";
}

.icon-thermometer-quarter:before {
  content: "\f2ca";
}

.icon-thermometer-0:before {
  content: "\f2cb";
}

.icon-thermometer-empty:before {
  content: "\f2cb";
}

.icon-shower:before {
  content: "\f2cc";
}

.icon-bath:before {
  content: "\f2cd";
}

.icon-bathtub:before {
  content: "\f2cd";
}

.icon-s15:before {
  content: "\f2cd";
}

.icon-podcast:before {
  content: "\f2ce";
}

.icon-window-maximize:before {
  content: "\f2d0";
}

.icon-window-minimize:before {
  content: "\f2d1";
}

.icon-window-restore:before {
  content: "\f2d2";
}

.icon-times-rectangle:before {
  content: "\f2d3";
}

.icon-window-close:before {
  content: "\f2d3";
}

.icon-times-rectangle-o:before {
  content: "\f2d4";
}

.icon-window-close-o:before {
  content: "\f2d4";
}

.icon-bandcamp:before {
  content: "\f2d5";
}

.icon-grav:before {
  content: "\f2d6";
}

.icon-etsy:before {
  content: "\f2d7";
}

.icon-imdb:before {
  content: "\f2d8";
}

.icon-ravelry:before {
  content: "\f2d9";
}

.icon-eercast:before {
  content: "\f2da";
}

.icon-microchip:before {
  content: "\f2db";
}

.icon-snowflake-o:before {
  content: "\f2dc";
}

.icon-superpowers:before {
  content: "\f2dd";
}

.icon-wpexplorer:before {
  content: "\f2de";
}

.icon-meetup:before {
  content: "\f2e0";
}

/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

Some cool simple examples here:
https://vanseodesign.com/css/custom-sass-functions/

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/************************
MORE SASS FUNCTIONS
*************************/
/* Example:
$length: 42em;
$int: strip-unit($length); // 42
*/
/**
 * Calculate rems based on a base unit.
 */
/* Example:
$list: a b, c d, e f;
$value: match($list, e); // returns f
$value: match($list, b); // returns a
$value: match($list, z); // returns false
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
.foo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.foo-parent {
  position: relative;
}

/*********************
TINTS/SHADES
https://css-tricks.com/snippets/sass/tint-shade-functions/
*********************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*--------------------------------------------------
Flexbox SASS mixins
The spec: http://www.w3.org/TR/css3-flexbox
https://gist.github.com/richardtorres314/26b18e12958ba418bb37993fdcbfc1bd

Checkout this Flexbox guide for more info:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

2018: probably can remove these with autoprefixer(?)
---------------------------------------------------*/
/*@include flexbox(); */
/******************************************************************
Site Name: DigiSkillScotland Theme
Author: Rebecca Rumble @ Dumfries & Galloway College

Stylesheet: Grid Stylesheet

Now with CSS Grid! (scroll down for active styles)

CSS Grid is ready. And you should use it. It's time.

Watch this if you are not convinced:
https://www.youtube.com/watch?v=7kVeCqQCxlk&ab_channel=CodingTech

More CSS Grid stuffs:
https://gridbyexample.com (definitely go through this)
https://css-tricks.com/snippets/css/complete-guide-grid/
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
http://labs.jensimmons.com

We're going to use really simple defaults for Plate so there's a few
bits you need to know:

fr = fractional unit

So here's a simple example setup using fr:

.grid {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto 1fr auto;
    header, footer {
        grid-column: span 2;
    }
}

For columns we have:

grid-template-columns: 2fr 1fr;

we get two tracks (columns), one 2/3 and the other 1/3 (of a total of 1).

No floats, no calc, no need to calculate the percentages at all.
CSS Grid does all the work. It even accounts for your grid gap (gutters)
and fills the remaining space. 

For rows we have this:

grid-template-rows: auto 1fr auto;

which gives us 3 rows with 2 content columns:

header
content | aside (sidebar)
footer

The 'auto' property assigns the row height to the height of the content.
Thus, the middle row which contains our content + sidebar is set to 1fr
which means it will fill the container as 1fr of an entire row is the
container width.

Not only that, the header and footer are anchored to the top and bottom,
respectively, no matter what the height of the content/sidebar row. This
has long been considered the 'Holy Grail' layout in CSS and we did it with
just a few lines of code.

We set grid-column: span 2; on the header and footer to span the full
width of the two columns. 

This is just a really simple default setup and the possibilities are
endless so check some examples:

https://rachelandrew.co.uk/archives/2016/04/12/flexible-sized-grids-with-auto-fill-and-minmax
https://gridbyexample.com/examples/
https://medium.com/samsung-internet-dev/common-responsive-layouts-with-css-grid-and-some-without-245a862f48df
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout
https://www.smashingmagazine.com/2017/06/building-production-ready-css-grid-layout/

Soon we will be able to utilize subgrids to further layout items within the main
semantic layout sections. More on the subgrids property:

https://rachelandrew.co.uk/archives/2017/07/20/why-display-contents-is-not-css-grid-layout-subgrid/

Subgrids have been pushed to CSS Grid v2 so we can't use them yet but we 
can have nested grid layouts (e.g. grid within a grid).

There are many ways to set up your grid so there are a few options below.
Use one of those or develop your own - each project might need a different
setup. 

I've kept in the now unnecessary #content and #inner-content divs
for backwards compatibility but check out our Grate theme for a 
more pure CSS Grid interpretation: https://github.com/joshuaiz/grate

******************************************************************/
.container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

@supports (grid-area: auto) {
  /**
  * Grid defaults. 
  * If you don't want to use CSS Grid, remove the .grid class 
  * from #container in header.php
  * 
  */
  .grid {
    display: grid;
    margin: 0 auto;
    width: 100%;
    height: 100vh;
    /*aside {
      //  background-color: honeydew;
        min-height: 80px; // just to make sure it is visible on mobile; 
    } */
  }
  .grid #content {
    flex: 1;
    background-color: ghostwhite;
  }
  .grid-aside {
    grid-template-rows: auto 1fr auto;
  }
  @media only screen and (min-width: 768px) {
    .grid-aside {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      grid-template-rows: auto 1fr auto;
    }
    .grid-aside #header, .grid-aside #footer {
      grid-column: span 12;
    }
    .grid-aside #content {
      grid-column: 1/8;
    }
    .grid-aside aside {
      grid-column: 8/-1;
    }
    .grid-full {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      grid-template-rows: auto 1fr auto;
    }
    .grid-full #header, .grid-full #footer {
      grid-column: span 12;
    }
    .grid-full #content {
      grid-column: 1/-1;
    }
    .grid-full aside {
      display: none;
    }
  }
  @media only screen and (min-width: 1170px) {
    .grid-aside #content {
      grid-column: 2/8;
    }
    .grid-aside aside {
      grid-column: 8/12;
    }
    .grid-full #content {
      grid-column: 0/12;
    }
  }
  @media only screen and (min-width: 1600px) {
    .grid-aside #content {
      grid-column: 3/8;
    }
    .grid-aside aside {
      grid-column: 8/11;
    }
    .grid-full #content {
      grid-column: 0/12;
    }
  }
}
/**
 * 
 * Other CSS Grid examples
 * 
 * You can use these or come up with your own. Once CSS Grid clicks,
 * it's really easy and there's no limit to what you can do!
 * 
 * The main takeaway here is that you don't need a predefined system.
 * Just define a grid, add your columns and rows, and go.
 * 
 * Uncomment to use.
 * 
 * */
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
html.with-featherlight {
  /* disable global scrolling when featherlights are visible */
  overflow: hidden;
}

.featherlight {
  display: none;
  /* dimensions: spanning the background from edge to edge */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483647; /* z-index needs to be >= elements on the site. */
  /* position: centering content */
  text-align: center;
  /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
  white-space: nowrap;
  /* styling */
  cursor: pointer;
  background: #333;
  /* IE8 "hack" for nested featherlights */
  background: rgba(0, 0, 0, 0);
}

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.8);
}

.featherlight:before {
  /* position: trick to center content vertically */
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.featherlight .featherlight-content {
  /* make content container for positioned elements (close button) */
  position: relative;
  /* position: centering vertical and horizontal */
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  /* dimensions: cut off images */
  overflow: auto;
  padding: 25px 25px 0;
  border-bottom: 25px solid transparent;
  /* dimensions: handling large content */
  margin-left: 5%;
  margin-right: 5%;
  max-height: 95%;
  /* styling */
  background: #fff;
  cursor: auto;
  /* reset white-space wrapping */
  white-space: normal;
}

/* contains the content */
.featherlight .featherlight-inner {
  /* make sure its visible */
  display: block;
}

/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
  display: none;
}

.featherlight .featherlight-close-icon {
  /* position: centering vertical and horizontal */
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 0;
  /* dimensions: 25px x 25px */
  line-height: 25px;
  width: 25px;
  /* styling */
  cursor: pointer;
  text-align: center;
  font-family: Arial, sans-serif;
  background: #fff; /* Set the background in case it overlaps the content */
  background: rgba(255, 255, 255, 0.3);
  color: #000;
  border: none;
  padding: 0;
}

/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.featherlight .featherlight-image {
  /* styling */
  width: 100%;
}

.featherlight-iframe .featherlight-content {
  /* removed the border for image croping since iframe is edge to edge */
  border-bottom: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}

.featherlight iframe {
  /* styling */
  border: none;
}

.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 0;
    margin-right: 0;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
/* hide non featherlight items when printing */
@media print {
  html.with-featherlight > * > :not(.featherlight) {
    display: none;
  }
}
/* Ye Olde Bones Grid
* Hear Ye, hear ye!
* This is the old style grid, now commented out
* You *should* make the move to css grid now but
* if you need this or can't let go, it's still here
* so uncomment to use (and comment the cssgrid out).
* Just know that Rachel Andrew is watching.
*/
/**
* Gutenberg Styles.
*
* Now enqueued in a separate function in functions.php to
* keep styles out of the main stylesheet. Alternatively
* you can comment out the Gutenberg styles enqueue and 
* uncomment this below to have a single stylesheet.
* You do you.
*/
/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

If you want to use these alerts in your design, you can. If not,
you can just remove this stylesheet. Or roll your own.

******************************************************************/
.alert-success, .alert-error, .alert-info, .alert-help {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f;
}

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}

.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

See here on placeholder selectors and why you should
use @extend instead of @include:
http://thesassway.com/intermediate/understanding-placeholder-selectors

Also, don't use cursor: pointer; for buttons as they already should 
signify that they are clickable:

https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b

*********************/
.blue-button,
a.blue-button:visited,
a.blue-button, .red-button,
a.red-button:visited,
a.red-button, .green-button,
a.green-button:visited,
a.green-button, .button {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  margin-bottom: 0.5em;
  padding: 0.5em 1em;
  border: 0;
  border-radius: 2px;
  text-decoration: none;
}
.blue-button span,
a.blue-button:visited span, .red-button span,
a.red-button:visited span, .green-button span,
a.green-button:visited span, .button span {
  flex-grow: 1;
}
.blue-button:active,
a.blue-button:active:visited, .red-button:active,
a.red-button:active:visited, .green-button:active,
a.green-button:active:visited, .button:active {
  top: 1px;
}

.btn-block {
  width: 100%;
  text-align: center;
}

.green-button,
a.green-button:visited,
a.green-button {
  background: #528317;
  color: #fff;
}
.green-button:hover, .green-button:focus,
a.green-button:visited:hover,
a.green-button:visited:focus,
a.green-button:hover,
a.green-button:focus {
  color: #fff;
  background-color: #37580f;
}

.red-button,
a.red-button:visited,
a.red-button {
  background: #DB1A43;
  color: #fff;
}
.red-button:hover, .red-button:focus,
a.red-button:visited:hover,
a.red-button:visited:focus,
a.red-button:hover,
a.red-button:focus {
  color: #fff;
  background-color: #ad1535;
}

.blue-button,
a.blue-button:visited,
a.blue-button {
  background: #114B7A;
  color: #fff;
}
.blue-button:hover, .blue-button:focus,
a.blue-button:visited:hover,
a.blue-button:visited:focus,
a.blue-button:hover,
a.blue-button:focus {
  color: #fff;
  background-color: #0b2f4d;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

Here are a few defaults for forms and stuffs.

******************************************************************/
/*********************
INPUTS
*********************/
.form-check-label {
  white-space: nowrap;
}

input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea,
.field {
  border: 2px;
  border-style: solid;
  border-color: #fff;
  border-radius: 3px;
  min-height: 3rem;
  line-height: 2rem;
  padding: 0.75em 0.5em;
  color: #005C91;
}
input[type=text]:hover, input[type=text]:focus, input[type=text]:active,
input[type=password]:hover,
input[type=password]:focus,
input[type=password]:active,
input[type=datetime]:hover,
input[type=datetime]:focus,
input[type=datetime]:active,
input[type=datetime-local]:hover,
input[type=datetime-local]:focus,
input[type=datetime-local]:active,
input[type=date]:hover,
input[type=date]:focus,
input[type=date]:active,
input[type=month]:hover,
input[type=month]:focus,
input[type=month]:active,
input[type=time]:hover,
input[type=time]:focus,
input[type=time]:active,
input[type=week]:hover,
input[type=week]:focus,
input[type=week]:active,
input[type=number]:hover,
input[type=number]:focus,
input[type=number]:active,
input[type=email]:hover,
input[type=email]:focus,
input[type=email]:active,
input[type=url]:hover,
input[type=url]:focus,
input[type=url]:active,
input[type=search]:hover,
input[type=search]:focus,
input[type=search]:active,
input[type=tel]:hover,
input[type=tel]:focus,
input[type=tel]:active,
input[type=color]:hover,
input[type=color]:focus,
input[type=color]:active,
select:hover,
select:focus,
select:active,
textarea:hover,
textarea:focus,
textarea:active,
.field:hover,
.field:focus,
.field:active {
  border-color: #005C91;
}
input[type=text][disabled], input[type=text].is-disabled,
input[type=password][disabled],
input[type=password].is-disabled,
input[type=datetime][disabled],
input[type=datetime].is-disabled,
input[type=datetime-local][disabled],
input[type=datetime-local].is-disabled,
input[type=date][disabled],
input[type=date].is-disabled,
input[type=month][disabled],
input[type=month].is-disabled,
input[type=time][disabled],
input[type=time].is-disabled,
input[type=week][disabled],
input[type=week].is-disabled,
input[type=number][disabled],
input[type=number].is-disabled,
input[type=email][disabled],
input[type=email].is-disabled,
input[type=url][disabled],
input[type=url].is-disabled,
input[type=search][disabled],
input[type=search].is-disabled,
input[type=tel][disabled],
input[type=tel].is-disabled,
input[type=color][disabled],
input[type=color].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.select-wrap,
.select-month {
  position: relative;
}
.select-wrap select,
.select-month select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
}
.select-wrap select:hover, .select-wrap select:focus,
.select-month select:hover,
.select-month select:focus {
  border: 2px solid #005C91;
}
.select-wrap:after,
.select-month:after {
  content: " ";
  display: block;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  bottom: 0px;
  height: 1rem;
  width: 1rem;
  background-color: #005C91;
  -webkit-clip-path: polygon(0 0, 50% 50%, 100% 0);
  clip-path: polygon(0 0, 50% 50%, 100% 0);
}

input[type=password] {
  letter-spacing: 0.3em;
}

textarea {
  max-width: 100%;
  width: 100%;
}

fieldset {
  border: 1px solid #ccc;
}
fieldset label {
  font-weight: 600;
}
fieldset p {
  margin-bottom: 0;
}

legend {
  padding: 0 0.5em;
}

.radio-buttons {
  margin-top: 0;
}
.radio-buttons li {
  margin-left: 2px;
  list-style-type: none;
}
.radio-buttons label {
  font-weight: normal;
}

/*********************
BASE STYLESHEET
These are the base styles and it's loaded on every device. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Site Name: Riverside Rentals
Author: Rebecca Rumble

Stylesheet: Base Stylesheet

As the name implies, this is the base stylesheet. This will be
loaded by all devices and viewports so keep it as light as possible.

If you are using progressive enhancement, load styles that will be
only seen on tablets or desktops in the stylesheets targeted for 
those viewpoints. 

******************************************************************/
/*********************
GLOBAL STYLES
Use this section for
site-wide stuffs.
*********************/
html {
  font-size: 100%;
  scroll-behavior: smooth;
}

body {
  color: #5c5c5c;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

video::cue {
  background-color: #000000 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

video::cue(b) {
  color: #ffffff !important;
}

video::-webkit-media-text-track-display {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.ua-desktop-windows .mac-only,
.ua-desktop-windows .ios-only,
.ua-desktop-windows .android-only {
  display: none;
}
.ua-desktop-windows .windows-only {
  display: inline-block !important;
}

.ua-desktop-macintosh .windows-only,
.ua-desktop-macintosh .android-only,
.ua-desktop-macintosh .ios-only {
  display: none;
}
.ua-desktop-macintosh .mac-only {
  display: inline-block !important;
}

.ua-ios .windows-only,
.ua-ios .android-only,
.ua-ios .mac-only {
  display: none;
}
.ua-ios .ios-only {
  display: inline-block !important;
}

.ua-mobile-android .windows-only,
.ua-mobile-android .ios-only,
.ua-mobile-android .mac-only {
  display: none;
}
.ua-mobile-android .android-only {
  display: inline-block !important;
}

.ua-ios .coblocks-animate,
.ua-ios .slideInLeft,
.ua-mobile-android .coblocks-animate,
.ua-mobile-android .slideInLeft {
  opacity: 1;
  transform: translateX(0);
}

img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
}

/*pre {
    code {
        // if your code looks wonky, remove this
        white-space: pre-line;
    }
} */
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  max-width: 98vw;
  margin: 0 auto;
}

.container {
  max-width: 98vw;
}

.d-flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.xs-justify-content-center {
  justify-content: center;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 83.3333333333%;
}

.col-xs-12 {
  width: 100%;
}

.xs-none {
  display: none;
}

.g-6 {
  --bs-gutter-y: 5rem;
  --bs-gutter-x: 5rem;
}

.article-header {
  padding: 1.5em 0 0;
}

.article-image,
.post-thumbnail {
  max-width: calc(98vw - 3em);
  margin: 0 auto;
}

.archive .page-title {
  max-width: calc(98vw - 3rem);
  margin: 0 auto;
}

.pt-6 {
  padding-top: 6em !important;
}

.bg-lightblue {
  background-color: #106CD0 !important;
  color: #fff;
}

.lead p {
  font-size: 1.25rem;
  font-weight: 300;
}

/*********************
LINK STYLES
*********************/
a, a:visited {
  text-decoration: underline;
  text-decoration-line: underline;
  text-decoration-color: #05c0d9;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  color: #005C91;
  font-weight: 700;
  transition: all 0.2s linear;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
a:hover, a:focus, a:visited:hover, a:visited:focus {
  text-decoration: underline;
  color: #05c0d9;
  transition: all 0.2s linear;
}
a.notalink, a:visited.notalink {
  color: #5c5c5c;
  text-decoration: none;
}
a:link, a:visited:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
HEADING STYLES
******************************************************************/
/* 
While there are several frameworks for Sass web typography and
baselines like Sassline, Megatype and Gutenberg (not the new WP editor), 
those all seemed overly complex. What I wanted was simple defaults that 
looked good out of the box without a lot of calculations and segmented mixins.

After searching far and wide, I came across this:
http://type-scale.com which we used to get our base sizes.

You should use only one <h1> element per page (generally for the page title). 
Then, use <h2> for sub-headings and h3-h6 if you need to structure your text
further. Using correct headings helps with readability, SEO, and accessibility.
*/
/* Heading defaults */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin: 1.333rem 0 0.5em;
  color: #005C91;
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  line-height: 1.2;
  text-rendering: optimizelegibility;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* 
  Removing text decoration from all headline links.
  If you want it, then delete this. Do it your way.
  */
  /*a {
      text-decoration: none;
  } */
}

p {
  font-size: 1rem;
  line-height: 175%;
  margin-bottom: 1.5rem;
}

h1, .h1 {
  margin-top: 0;
  font-size: 2.625rem;
}

h2, .h2 {
  margin-top: 0.88em;
  font-size: 2.375rem;
  line-height: 100%;
}

h3, .h3 {
  font-size: 1.625rem;
}

h4, .h4 {
  font-size: 1.375rem;
  line-height: 1.25;
  margin-bottom: 1em;
}

h5, .h5 {
  font-size: 1.125rem;
}

h6, .h6 {
  font-size: 1rem;
  font-weight: 700;
}

.site-title {
  margin: 0;
  line-height: 100%;
}

.spacer {
  height: 1.25rem;
  width: 100%;
  display: block;
}

button {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
button:hover, button:focus {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* Color Options
--------------------------------------------- */
.has-white-color {
  color: #fff;
}

a.has-white-background-color,
button.has-white-background-color {
  background-color: #fff;
}
a.has-white-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-white-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-white-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-white-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #005C91;
}
a.has-white-background-color.wp-block-button__link,
button.has-white-background-color.wp-block-button__link {
  background-color: #fff;
  color: #005C91;
}
a.has-white-background-color.wp-block-button__link:hover, a.has-white-background-color.wp-block-button__link:focus,
button.has-white-background-color.wp-block-button__link:hover,
button.has-white-background-color.wp-block-button__link:focus {
  background-color: #05c0d9;
  opacity: 1;
}

.has-white-background-color {
  background-color: #fff;
  color: #5c5c5c;
}
.has-white-background-color.down-chevron:after {
  border-color: #fff transparent transparent;
}
.has-white-background-color a, .has-white-background-color a:visited {
  color: #005C91;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-black-color {
  color: #242422;
}

a.has-black-background-color,
button.has-black-background-color {
  background-color: #242422;
}
a.has-black-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-black-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-black-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-black-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #fff;
}
a.has-black-background-color.wp-block-button__link,
button.has-black-background-color.wp-block-button__link {
  background-color: #242422;
  color: #fff;
}
a.has-black-background-color.wp-block-button__link:hover, a.has-black-background-color.wp-block-button__link:focus,
button.has-black-background-color.wp-block-button__link:hover,
button.has-black-background-color.wp-block-button__link:focus {
  background-color: #05c0d9;
  opacity: 1;
}

.has-black-background-color {
  background-color: #242422;
  color: #fff;
}
.has-black-background-color.down-chevron:after {
  border-color: #242422 transparent transparent;
}
.has-black-background-color a, .has-black-background-color a:visited {
  color: #fff;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-rrblue-color {
  color: #005C91;
}

a.has-rrblue-background-color,
button.has-rrblue-background-color {
  background-color: #005C91;
}
a.has-rrblue-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-rrblue-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-rrblue-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-rrblue-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #fff;
}
a.has-rrblue-background-color.wp-block-button__link,
button.has-rrblue-background-color.wp-block-button__link {
  background-color: #005C91;
  color: #fff;
}
a.has-rrblue-background-color.wp-block-button__link:hover, a.has-rrblue-background-color.wp-block-button__link:focus,
button.has-rrblue-background-color.wp-block-button__link:hover,
button.has-rrblue-background-color.wp-block-button__link:focus {
  background-color: #05c0d9;
  opacity: 1;
}

.has-rrblue-background-color {
  background-color: #005C91;
  color: #fff;
}
.has-rrblue-background-color.down-chevron:after {
  border-color: #005C91 transparent transparent;
}
.has-rrblue-background-color a, .has-rrblue-background-color a:visited {
  color: #fff;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-rrteal-color {
  color: #05c0d9;
}

a.has-rrteal-background-color,
button.has-rrteal-background-color {
  background-color: #05c0d9;
}
a.has-rrteal-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-rrteal-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-rrteal-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-rrteal-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #fff;
}
a.has-rrteal-background-color.wp-block-button__link,
button.has-rrteal-background-color.wp-block-button__link {
  background-color: #05c0d9;
  color: #fff;
}
a.has-rrteal-background-color.wp-block-button__link:hover, a.has-rrteal-background-color.wp-block-button__link:focus,
button.has-rrteal-background-color.wp-block-button__link:hover,
button.has-rrteal-background-color.wp-block-button__link:focus {
  background-color: #05c0d9;
  opacity: 1;
}

.has-rrteal-background-color {
  background-color: #05c0d9;
  color: #fff;
}
.has-rrteal-background-color.down-chevron:after {
  border-color: #05c0d9 transparent transparent;
}
.has-rrteal-background-color a, .has-rrteal-background-color a:visited {
  color: #fff;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-rrbooked-color {
  color: #910043;
}

a.has-rrbooked-background-color,
button.has-rrbooked-background-color {
  background-color: #910043;
}
a.has-rrbooked-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-rrbooked-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-rrbooked-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-rrbooked-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #fff;
}
a.has-rrbooked-background-color.wp-block-button__link,
button.has-rrbooked-background-color.wp-block-button__link {
  background-color: #910043;
  color: #fff;
}
a.has-rrbooked-background-color.wp-block-button__link:hover, a.has-rrbooked-background-color.wp-block-button__link:focus,
button.has-rrbooked-background-color.wp-block-button__link:hover,
button.has-rrbooked-background-color.wp-block-button__link:focus {
  background-color: #05c0d9;
  opacity: 1;
}

.has-rrbooked-background-color {
  background-color: #910043;
  color: #fff;
}
.has-rrbooked-background-color.down-chevron:after {
  border-color: #910043 transparent transparent;
}
.has-rrbooked-background-color a, .has-rrbooked-background-color a:visited {
  color: #fff;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-rrfree-color {
  color: #009170;
}

a.has-rrfree-background-color,
button.has-rrfree-background-color {
  background-color: #009170;
}
a.has-rrfree-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-rrfree-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-rrfree-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-rrfree-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #fff;
}
a.has-rrfree-background-color.wp-block-button__link,
button.has-rrfree-background-color.wp-block-button__link {
  background-color: #009170;
  color: #fff;
}
a.has-rrfree-background-color.wp-block-button__link:hover, a.has-rrfree-background-color.wp-block-button__link:focus,
button.has-rrfree-background-color.wp-block-button__link:hover,
button.has-rrfree-background-color.wp-block-button__link:focus {
  background-color: #05c0d9;
  opacity: 1;
}

.has-rrfree-background-color {
  background-color: #009170;
  color: #fff;
}
.has-rrfree-background-color.down-chevron:after {
  border-color: #009170 transparent transparent;
}
.has-rrfree-background-color a, .has-rrfree-background-color a:visited {
  color: #fff;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-rrshort-color {
  color: #A0D905;
}

a.has-rrshort-background-color,
button.has-rrshort-background-color {
  background-color: #A0D905;
}
a.has-rrshort-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-rrshort-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-rrshort-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-rrshort-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #242422;
}
a.has-rrshort-background-color.wp-block-button__link,
button.has-rrshort-background-color.wp-block-button__link {
  background-color: #A0D905;
  color: #242422;
}
a.has-rrshort-background-color.wp-block-button__link:hover, a.has-rrshort-background-color.wp-block-button__link:focus,
button.has-rrshort-background-color.wp-block-button__link:hover,
button.has-rrshort-background-color.wp-block-button__link:focus {
  background-color: #005C91;
  opacity: 1;
}

.has-rrshort-background-color {
  background-color: #A0D905;
  color: #242422;
}
.has-rrshort-background-color.down-chevron:after {
  border-color: #A0D905 transparent transparent;
}
.has-rrshort-background-color a, .has-rrshort-background-color a:visited {
  color: #242422;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-covidblue-color {
  color: #106CD0;
}

a.has-covidblue-background-color,
button.has-covidblue-background-color {
  background-color: #106CD0;
}
a.has-covidblue-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-covidblue-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-covidblue-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-covidblue-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #fff;
}
a.has-covidblue-background-color.wp-block-button__link,
button.has-covidblue-background-color.wp-block-button__link {
  background-color: #106CD0;
  color: #fff;
}
a.has-covidblue-background-color.wp-block-button__link:hover, a.has-covidblue-background-color.wp-block-button__link:focus,
button.has-covidblue-background-color.wp-block-button__link:hover,
button.has-covidblue-background-color.wp-block-button__link:focus {
  background-color: #05c0d9;
  opacity: 1;
}

.has-covidblue-background-color {
  background-color: #106CD0;
  color: #fff;
}
.has-covidblue-background-color.down-chevron:after {
  border-color: #106CD0 transparent transparent;
}
.has-covidblue-background-color a, .has-covidblue-background-color a:visited {
  color: #fff;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-gray-color {
  color: #ededed;
}

a.has-gray-background-color,
button.has-gray-background-color {
  background-color: #ededed;
}
a.has-gray-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-gray-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-gray-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-gray-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #005C91;
}
a.has-gray-background-color.wp-block-button__link,
button.has-gray-background-color.wp-block-button__link {
  background-color: #ededed;
  color: #005C91;
}
a.has-gray-background-color.wp-block-button__link:hover, a.has-gray-background-color.wp-block-button__link:focus,
button.has-gray-background-color.wp-block-button__link:hover,
button.has-gray-background-color.wp-block-button__link:focus {
  background-color: #05c0d9;
  opacity: 1;
}

.has-gray-background-color {
  background-color: #ededed;
  color: #5c5c5c;
}
.has-gray-background-color.down-chevron:after {
  border-color: #ededed transparent transparent;
}
.has-gray-background-color a, .has-gray-background-color a:visited {
  color: #005C91;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-gray-50-color {
  color: #F6F6F6;
}

a.has-gray-50-background-color,
button.has-gray-50-background-color {
  background-color: #F6F6F6;
}
a.has-gray-50-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-gray-50-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-gray-50-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-gray-50-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #005C91;
}
a.has-gray-50-background-color.wp-block-button__link,
button.has-gray-50-background-color.wp-block-button__link {
  background-color: #F6F6F6;
  color: #005C91;
}
a.has-gray-50-background-color.wp-block-button__link:hover, a.has-gray-50-background-color.wp-block-button__link:focus,
button.has-gray-50-background-color.wp-block-button__link:hover,
button.has-gray-50-background-color.wp-block-button__link:focus {
  background-color: #05c0d9;
  opacity: 1;
}

.has-gray-50-background-color {
  background-color: #F6F6F6;
  color: #5c5c5c;
}
.has-gray-50-background-color.down-chevron:after {
  border-color: #F6F6F6 transparent transparent;
}
.has-gray-50-background-color a, .has-gray-50-background-color a:visited {
  color: #005C91;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-red-color {
  color: #B23543;
}

a.has-red-background-color,
button.has-red-background-color {
  background-color: #B23543;
}
a.has-red-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-red-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-red-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-red-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #fff;
}
a.has-red-background-color.wp-block-button__link,
button.has-red-background-color.wp-block-button__link {
  background-color: #B23543;
  color: #fff;
}
a.has-red-background-color.wp-block-button__link:hover, a.has-red-background-color.wp-block-button__link:focus,
button.has-red-background-color.wp-block-button__link:hover,
button.has-red-background-color.wp-block-button__link:focus {
  background-color: #05c0d9;
  opacity: 1;
}

.has-red-background-color {
  background-color: #B23543;
  color: #fff;
}
.has-red-background-color.down-chevron:after {
  border-color: #B23543 transparent transparent;
}
.has-red-background-color a, .has-red-background-color a:visited {
  color: #fff;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-orange-color {
  color: #ff9e1b;
}

a.has-orange-background-color,
button.has-orange-background-color {
  background-color: #ff9e1b;
}
a.has-orange-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-orange-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-orange-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-orange-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #005C91;
}
a.has-orange-background-color.wp-block-button__link,
button.has-orange-background-color.wp-block-button__link {
  background-color: #ff9e1b;
  color: #005C91;
}
a.has-orange-background-color.wp-block-button__link:hover, a.has-orange-background-color.wp-block-button__link:focus,
button.has-orange-background-color.wp-block-button__link:hover,
button.has-orange-background-color.wp-block-button__link:focus {
  background-color: #fff;
  opacity: 1;
}

.has-orange-background-color {
  background-color: #ff9e1b;
  color: #242422;
}
.has-orange-background-color.down-chevron:after {
  border-color: #ff9e1b transparent transparent;
}
.has-orange-background-color a, .has-orange-background-color a:visited {
  color: #005C91;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-green-color {
  color: #578014;
}

a.has-green-background-color,
button.has-green-background-color {
  background-color: #578014;
}
a.has-green-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-green-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-green-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-green-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #242422;
}
a.has-green-background-color.wp-block-button__link,
button.has-green-background-color.wp-block-button__link {
  background-color: #578014;
  color: #242422;
}
a.has-green-background-color.wp-block-button__link:hover, a.has-green-background-color.wp-block-button__link:focus,
button.has-green-background-color.wp-block-button__link:hover,
button.has-green-background-color.wp-block-button__link:focus {
  background-color: #005C91;
  opacity: 1;
}

.has-green-background-color {
  background-color: #578014;
  color: #242422;
}
.has-green-background-color.down-chevron:after {
  border-color: #578014 transparent transparent;
}
.has-green-background-color a, .has-green-background-color a:visited {
  color: #242422;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-teal-color {
  color: #199D79;
}

a.has-teal-background-color,
button.has-teal-background-color {
  background-color: #199D79;
}
a.has-teal-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-teal-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-teal-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-teal-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #fff;
}
a.has-teal-background-color.wp-block-button__link,
button.has-teal-background-color.wp-block-button__link {
  background-color: #199D79;
  color: #fff;
}
a.has-teal-background-color.wp-block-button__link:hover, a.has-teal-background-color.wp-block-button__link:focus,
button.has-teal-background-color.wp-block-button__link:hover,
button.has-teal-background-color.wp-block-button__link:focus {
  background-color: #05c0d9;
  opacity: 1;
}

.has-teal-background-color {
  background-color: #199D79;
  color: #fff;
}
.has-teal-background-color.down-chevron:after {
  border-color: #199D79 transparent transparent;
}
.has-teal-background-color a, .has-teal-background-color a:visited {
  color: #fff;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-skye-color {
  color: #19899D;
}

a.has-skye-background-color,
button.has-skye-background-color {
  background-color: #19899D;
}
a.has-skye-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-skye-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-skye-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-skye-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #fff;
}
a.has-skye-background-color.wp-block-button__link,
button.has-skye-background-color.wp-block-button__link {
  background-color: #19899D;
  color: #fff;
}
a.has-skye-background-color.wp-block-button__link:hover, a.has-skye-background-color.wp-block-button__link:focus,
button.has-skye-background-color.wp-block-button__link:hover,
button.has-skye-background-color.wp-block-button__link:focus {
  background-color: #05c0d9;
  opacity: 1;
}

.has-skye-background-color {
  background-color: #19899D;
  color: #fff;
}
.has-skye-background-color.down-chevron:after {
  border-color: #19899D transparent transparent;
}
.has-skye-background-color a, .has-skye-background-color a:visited {
  color: #fff;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-purple-color {
  color: #6535B2;
}

a.has-purple-background-color,
button.has-purple-background-color {
  background-color: #6535B2;
}
a.has-purple-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-purple-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-purple-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-purple-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #fff;
}
a.has-purple-background-color.wp-block-button__link,
button.has-purple-background-color.wp-block-button__link {
  background-color: #6535B2;
  color: #fff;
}
a.has-purple-background-color.wp-block-button__link:hover, a.has-purple-background-color.wp-block-button__link:focus,
button.has-purple-background-color.wp-block-button__link:hover,
button.has-purple-background-color.wp-block-button__link:focus {
  background-color: #05c0d9;
  opacity: 1;
}

.has-purple-background-color {
  background-color: #6535B2;
  color: #fff;
}
.has-purple-background-color.down-chevron:after {
  border-color: #6535B2 transparent transparent;
}
.has-purple-background-color a, .has-purple-background-color a:visited {
  color: #fff;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-pink-color {
  color: #B2359F;
}

a.has-pink-background-color,
button.has-pink-background-color {
  background-color: #B2359F;
}
a.has-pink-background-color:not(.wp-block-coblocks-shape-divider):hover, a.has-pink-background-color:not(.wp-block-coblocks-shape-divider):focus,
button.has-pink-background-color:not(.wp-block-coblocks-shape-divider):hover,
button.has-pink-background-color:not(.wp-block-coblocks-shape-divider):focus {
  color: #fff;
}
a.has-pink-background-color.wp-block-button__link,
button.has-pink-background-color.wp-block-button__link {
  background-color: #B2359F;
  color: #fff;
}
a.has-pink-background-color.wp-block-button__link:hover, a.has-pink-background-color.wp-block-button__link:focus,
button.has-pink-background-color.wp-block-button__link:hover,
button.has-pink-background-color.wp-block-button__link:focus {
  background-color: #05c0d9;
  opacity: 1;
}

.has-pink-background-color {
  background-color: #B2359F;
  color: #fff;
}
.has-pink-background-color.down-chevron:after {
  border-color: #B2359F transparent transparent;
}
.has-pink-background-color a, .has-pink-background-color a:visited {
  color: #fff;
  /*&:hover, &:focus {
  	//text-decoration: underline;
  	color: lighten($linkcol, 10%);
  	//opacity: 0.75;
  }*/
}

.has-medium-font-size {
  font-size: 1.125rem;
}

.bg-primary {
  background-color: #005C91 !important;
  color: #fff !important;
}

.bg-secondary {
  background-color: #05c0d9 !important;
  color: #fff;
}

.border-3 {
  border-width: 3px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-primary {
  border-color: #005C91 !important;
}

.minvh-100 {
  min-height: 100vh;
}

/*********************
HEADER STYLES
*********************/
.header {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

/*.header-bg {
    background-color: $slate;
    position: fixed;
    height: 120px;
    width: 100%;
    z-index: 2;
}*/
/*.header-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 96px;
	z-index: 0;
	background-color: rgba(27,27,27,1); //rgba(17,75,122,0.95); //rgba(39,39,39,0.9); //#272727 // #114b7a
	// the admin bar add extra space so we need to adjust for this when an admin is logged in. 
	.admin-bar & {
		height: calc(96px + 46px); 
	}
} */
/*********************
LIST STYLES
*********************/
ul, ol {
  -webkit-padding-start: 20px;
}

.list-square {
  margin-bottom: 1.5em;
  list-style-position: outside;
  list-style-type: square;
}

.nostyle {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}

.related-posts-list {
  display: flex;
}

.page-numbers {
  padding-left: 0;
  list-style-type: none;
  display: flex;
}
.page-numbers li {
  margin-right: 1em;
}

/*********************
NAVIGATION STYLES
*********************/
/* 
Where did the nav menu go?
Navigation styles for mobile are now in 767down.scss
if you need them.

We almost always use the Responsive Menu plugin:
https://wordpress.org/plugins/responsive-menu/ for mobile
menus but those selectors are there if you want to use the
default menu.

For your main navigation, styles are in 768up.scss.
*/
/*.menu-link { display: none; }

//.spinner-master input[type=checkbox] { display: none; }

.menu {
  //width: 100%;
  //height: auto;
 // background: #2f3b3f;
  transition: all 0.3s ease;
}

.menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
 // display: inline-block;
}

/*.menu > li > ul.sub_menu {
  min-width: 10em;
  padding: 4px 0;
  background-color: #f4f4f4;
  border: 1px solid #fff;
} */
/*.menu ul li a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
}

.menu ul li a:hover {
  background: #efa666;
  color: #fff;
} */ /*

.menu ul li.hover > a {
  background: #efa666;
  color: #fff;
}

.menu ul li > a { padding: 15px; }

.menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 160px;
  background: #39484d;
}

.menu ul li:hover > ul { display: block; } */
/*.menu ul ul > li { position: relative; }

.menu ul ul > li a {
  padding: 10px 15px;
  height: auto;
  background: #39484d;
}

.menu ul ul > li a:hover {
  background: #efa666;
  color: #fff;
}

.menu ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
} */
/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/*
As you add pages, add your own body classes below if you 
need page-specific styles.

It's good practice to use .page-yourpage {} syntax here so 
that you don't conflict with other classes. That's what
the cool kids do.

*/ /*

.rtl {}

// HOME PAGE TEMPLATE 
.home {



} */
.add-chevron {
  pointer-events: none;
}
.add-chevron a, .add-chevron a:visited, .add-chevron button, .add-chevron input[type=submit] {
  pointer-events: all;
}
.add-chevron:after {
  content: " ";
  display: block;
  width: 100%;
  height: 34px;
  background-image: url("riversiderentals/library/images/feather/feather-chevron-down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  bottom: 60px;
  position: absolute;
  pointer-events: all;
  cursor: pointer;
}
.add-chevron:after:hover {
  opacity: 0.8;
}
.add-chevron.dark:after {
  background-image: url("riversiderentals/library/images/feather/feather-chevron-down-dark.svg");
}

.up-chevron {
  position: relative;
}
.up-chevron:before {
  content: " ";
  display: block;
  width: 0;
  border-width: 0 40px 40px;
  border-style: solid;
  border-color: transparent transparent ghostwhite transparent;
  position: absolute;
  top: -39px;
  left: 50%;
  margin-left: -39px;
}

.before-down-chevron {
  position: relative;
}
.before-down-chevron:before {
  content: " ";
  display: block;
  width: 0;
  border-width: 40px 40px 0;
  border-style: solid;
  border-color: #fff transparent transparent;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -39px;
  z-index: 2;
}

.down-chevron {
  position: relative;
}
.down-chevron:after {
  content: " ";
  display: block;
  width: 0;
  border-width: 40px 40px 0;
  border-style: solid;
  border-color: #fff transparent transparent;
  position: absolute;
  bottom: -39px;
  left: 50%;
  margin-left: -39px;
  z-index: 2;
}
.down-chevron.wp-block-columns:not(.has-background):after {
  bottom: calc(0% - 39px - 1.75em);
}

.no-down-chevron .down-chevron:after {
  display: none;
}

/*.blog {}

.archive {}




.date {}

.date-paged-1 {}

.search {}

.search-results {}

.search-no-results {} 

.search-paged-1 {} */
.error404 .search-outer {
  padding: 1.5em 0;
}
.error404 .search-input {
  display: flex;
  width: 100%;
}
.error404 input[type=search] {
  margin: 0 1em 0 0;
  height: 40px;
  min-width: 250px;
}
.error404 .search-submit {
  width: 100px;
}

/*.single {}

.single-full {}

.postid-1 {}

.single-paged-1 {}

.attachment {}

.attachmentid-1 {}

.attachment-mime-type {}

.author {}

.author-nicename {}

.author-paged-1 {}

.category {}

.category-1 {}

.category-paged-1 {}

.tag {}

.tag-slug {}

.tag-paged-1 {} */
.page-blog .entry-content .alignfull, .page-blog .entry-content .alignwide {
  margin: 0;
}
.page-blog .entry-content > .alignfull, .page-blog .entry-content > .alignwide {
  max-width: 100vw;
}

/*.page-template {}

.page-template-page-php {}

.page-paged-1 {}

.page-parent {}

.page-child {}

.parent-pageid-1 {}

.logged-in {}

.paged {}

.paged-1 {} */
/**
 * put all your custom page classes here  
 * e.g. .page-yourpage {}
 */
/*********************
POSTS & CONTENT STYLES
*********************/
#content,
.footer {
  /* hide the icon on dates that cannot be selected */
}
#content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon),
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon),
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon),
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon) {
  display: inline-block;
}
#content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon):after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon):after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon):after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon):after {
  font-family: "icomoon";
  display: inline-block;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
#content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[target=_blank]:after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[target=_blank]:after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[target=_blank]:after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[target=_blank]:after {
  content: "\f08e";
}
#content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="https://www.facebook"]:after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="https://www.facebook"]:after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="https://www.facebook"]:after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="https://www.facebook"]:after {
  content: "\f230";
}
#content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="https://www.instagram"]:after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="https://www.instagram"]:after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="https://www.instagram"]:after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="https://www.instagram"]:after {
  content: "\f16d";
}
#content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".pdf"]:after, #content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".xls"]:after, #content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".doc"]:after, #content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".docx"]:after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".pdf"]:after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".xls"]:after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".doc"]:after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".docx"]:after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".pdf"]:after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".xls"]:after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".doc"]:after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".docx"]:after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".pdf"]:after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".xls"]:after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".doc"]:after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href$=".docx"]:after {
  content: "\f15c";
}
#content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="#"]:not(.feature):after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="#"]:not(.feature):after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="#"]:not(.feature):after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="#"]:not(.feature):after {
  content: "\f078";
}
#content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon).time-value:after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon).time-value:after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon).time-value:after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon).time-value:after {
  content: "\f017";
}
#content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href*="google.com"]:after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href*="google.com"]:after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href*="google.com"]:after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href*="google.com"]:after {
  content: "\f124";
}
#content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href*="/property/"]:not(.nobefore):after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href*="/property/"]:not(.nobefore):after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href*="/property/"]:not(.nobefore):after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href*="/property/"]:not(.nobefore):after {
  content: "\f015";
}
#content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href*="/property/"]:not(.nobefore).boat:after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href*="/property/"]:not(.nobefore).boat:after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href*="/property/"]:not(.nobefore).boat:after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href*="/property/"]:not(.nobefore).boat:after {
  content: "\f21a";
}
#content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="mailto:"]:after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="mailto:"]:after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="mailto:"]:after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="mailto:"]:after {
  content: "\f003";
}
#content a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="tel:"]:after,
#content a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="tel:"]:after,
.footer a:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="tel:"]:after,
.footer a:visited:not(.ui-datepicker-next, .ui-datepicker-prev, .ui-state-default, .page-numbers, .noicon)[href^="tel:"]:after {
  content: "\f10b";
  font-size: 130%;
  line-height: 100%;
}
#content .free a,
#content .free a:visited,
.footer .free a,
.footer .free a:visited {
  display: inline-block;
}
#content .free a:before,
#content .free a:visited:before,
.footer .free a:before,
.footer .free a:visited:before {
  content: "\f055";
  font-family: "icomoon";
  display: inline-block;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  float: right;
}
#content a.noicon,
.footer a.noicon {
  text-decoration: none;
}
#content a.noicon:after,
.footer a.noicon:after {
  display: none;
}
#content .telephone a:after, #content .telephone a:visited:after,
#content .mail a:after,
#content .mail a:visited:after,
#content .socialmedia a:after,
#content .socialmedia a:visited:after,
.footer .telephone a:after,
.footer .telephone a:visited:after,
.footer .mail a:after,
.footer .mail a:visited:after,
.footer .socialmedia a:after,
.footer .socialmedia a:visited:after {
  display: none;
}

ul.is-style-checkbox li {
  margin-bottom: 1rem;
}
ul.is-style-checkbox li:before {
  color: #005C91;
}

#content {
  padding-top: 64px;
  /*.home &,
  .page-template-page-home & {
  	padding-top: 0;
  } */
  /*.single & {
  	padding-top: 89px; //96px;
  } */
}
.grid #content {
  background-color: #fff;
}
.page-template-default #content main {
  padding: 2em 0 4em;
}
#content > p {
  margin: 1.5em auto;
  max-width: calc(1800px - 3em);
}
#content .article-header {
  margin: 0 auto;
}
#content .article-header .single-title {
  max-width: calc(98vw - 3rem);
  margin-left: auto;
  margin-right: auto;
}
#content .entry-content > p, #content .entry-content > h1, #content .entry-content > h2, #content .entry-content > h3, #content .entry-content > h4, #content .entry-content > h5, #content .entry-content > h6, #content .entry-content > ul, #content .entry-content > ol {
  max-width: calc(98vw - 3rem);
  margin-left: auto;
  margin-right: auto;
}
#content .entry-content ul {
  margin-left: 1rem;
}
#content .entry-content ul li {
  margin: 1rem 0;
}
#content .entry-content ul ul {
  margin: 1rem;
}
#content .entry-content > .alignwide {
  max-width: calc(98vw - 3rem);
  margin: 0 auto;
}
#content .entry-content .alignright {
  margin-right: calc((100vw - 98vw) / 2 + 1.5em);
}
#content .entry-content .alignleft {
  margin-left: calc((100vw - 98vw) / 2 + 1.5em);
}
#content .entry-content > .wp-block-quote,
#content .entry-content > .wp-block-file {
  max-width: calc(98vw - 3em);
  margin: 0 auto;
}
#content .entry-content .wp-block-image.has-lightbox,
#content .entry-content .wp-block-gallery.has-lightbox figure {
  position: relative;
}
#content .entry-content .wp-block-image.has-lightbox:after,
#content .entry-content .wp-block-gallery.has-lightbox figure:after {
  font-family: icomoon;
  display: inline-flex;
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
  justify-content: center;
  align-items: center;
  font-size: 1.3rem;
  transition: all 0.2s linear;
  content: "\f002";
}
#content .entry-content .wp-block-image.has-lightbox:hover:after, #content .entry-content .wp-block-image.has-lightbox:focus:after,
#content .entry-content .wp-block-gallery.has-lightbox figure:hover:after,
#content .entry-content .wp-block-gallery.has-lightbox figure:focus:after {
  background-color: #05c0d9 !important;
  color: #fff !important;
  transition: all 0.2s linear;
}
#content .entry-content .wp-block-gallery.has-lightbox figure:after {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 0.7rem;
}
#content .entry-content .wp-block-embed {
  width: 100%;
}
#content .entry-content .wp-block-file {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  width: auto;
  font-size: 1.1rem;
  display: inline-flex;
  align-items: center;
}
#content .entry-content .wp-block-file a:first-child {
  padding: 0 1em;
}
#content .entry-content .wp-block-file a:first-child:after {
  display: none;
}
#content .entry-content .wp-block-file a.wp-block-file__button {
  white-space: nowrap;
  padding: 0.5em 2.5em 0.5em 1em;
}
#content .entry-content .wp-block-file a.wp-block-file__button:before {
  margin-right: -1.5em;
}
#content .entry-content .blocks-gallery-grid li {
  margin: 0;
  flex-grow: 0 !important;
}
#content .entry-content .wp-block-gallery.is-cropped .blocks-gallery-item img {
  max-height: 90px;
}
#content .entry-content .wp-block-columns {
  flex-wrap: wrap;
}
#content .entry-content .wp-block-columns.tiles:not(.is-not-stacked-on-mobile) > .wp-block-column,
#content .entry-content .wp-block-columns.d-flex:not(.is-not-stacked-on-mobile) > .wp-block-column {
  flex-basis: auto !important;
}
#content .entry-content .wp-block-columns.has-background {
  margin-bottom: 0px;
}
#content .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
  padding: 0;
}
#content .entry-content .img-fill img {
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
#content .entry-content .tiles .wp-block-column {
  padding: 1.5rem;
}
#content .entry-content .tiles figure {
  position: relative;
  overflow: hidden;
}
#content .entry-content .tiles figure img {
  transition: all 0.2s linear;
  width: 100%;
  height: auto;
}
#content .entry-content .tiles figure:hover img, #content .entry-content .tiles figure:focus img, #content .entry-content .tiles figure:focus-within img {
  transition: all 0.2s linear;
  transform: scale(1.1) !important;
}
#content .entry-content .tiles figcaption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
#content .entry-content .tiles figcaption a {
  display: flex !important;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 1em;
  font-size: 2rem;
  text-shadow: 1px 1px 8px rgb(0, 0, 0);
  line-height: 100%;
  font-weight: 400;
  font-family: "Libre Baskerville", serif;
  text-decoration: none;
}
#content .shortdescription {
  font-size: 1.4rem;
  padding-bottom: 1rem;
}
#content .shortdescription p {
  font-size: 1rem;
}
#content .shortdescription p:first-child {
  font-size: 1.4rem;
}

.card-group > .card {
  flex: 1 0 auto !important;
}

.card h2.card-title a, .card h3.card-title a {
  font-weight: 400;
  color: #5c5c5c;
  text-decoration: none;
}
.card h2.card-title a:hover, .card h2.card-title a:focus, .card h3.card-title a:hover, .card h3.card-title a:focus {
  color: #005C91;
}
.card .inner-foot {
  border-top: 1px solid #ededed;
  padding-top: 1rem;
}

.card-header a {
  overflow: hidden;
}
.card-header a img {
  transform: scale(1);
  transition: all 0.2s linear;
  object-fit: cover;
}
.card-header a:hover img, .card-header a:focus img {
  transform: scale(1.1);
  transition: all 0.2s linear;
}

/*

.hentry {
    header {}
    footer {}
} */
/*.single-title,
.page-title,
.entry-title {}

.single-title {}

.page-title {}

.entry-title {}

.archive-title {}

.post-id {}

.post {}

.page {}

.attachment {}

.sticky {}

.hentry {}

.category-slug {}

.tag-slug {}

/* post meta */
.byline-wrap {
  margin-bottom: 1.5em;
}
.taxonomy-description {
  margin: 1rem 0 3rem;
}

@keyframes slideDown {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: 300px; /* height of your smallest content, e.g. one line */
  }
}
/* entry content */
.entry-content,
.taxonomy-description {
  /* p {}

   ul, ol, table, dl {}

   ul, ol {
       li {}
   }

   ul {
       li {}
   }

   ol {
       li {}
   } */
  /*ol {
  	list-style: none;
  	padding-left: 4.2rem;
  	margin: 1rem 0; //2rem 0;
  	position: relative;

  	li {
  		counter-increment: steps; // 1
  		margin: 1.5rem 0; 
  		min-height: 2rem; //65px;
  		line-height: 1.75;
  		position: relative;
  		&:before {
  			content: counter(steps);
  			display: flex;
  			flex-direction: column;
  			justify-content: center;
  			align-items: center;
  			background-color: $rrblue;
  			color: $white;
  			border-radius: 50%;
  			width: 3.2rem;
  			height: 3.2rem;
  			line-height: 1;
  			font-size: 125%;
  			font-weight: 700;
  			margin-left: -4.2rem;
  			position: absolute;
  			top: -0.5rem;
  			border: 4px double $white;
  		}

  	}
  }

  ol.v2 {
  	list-style: none;
  	padding-left: 4.2rem;
  	margin: 1rem 0; //2rem 0;
  	position: relative;
  	li {
  		counter-increment: steps; // 1
  		margin: 1.5rem 0;
  		min-height: 2rem; //65px;
  		line-height: 1.75;
  		//display: flex;
  		//flex-direction: column;
  		//justify-content: center;
  		position: relative;
  		&:before {
  			content: counter(steps);
  			display: flex;
  			flex-direction: column;
  			justify-content: center;
  			align-items: center;
  			color: #005C91;
  			width: 3.2rem;
  			height: 3.2rem;
  			line-height: 1;
  			overflow: visible;
  			font-size: 140%;
  			font-weight: 900;
  			font-family: 'Poppins';
  			margin-left: -4.2rem;
  			position: absolute;
  			background: radial-gradient( circle at 50% 0%, currentColor 40%, transparent 40% ) 50% 180% / 60% 60% no-repeat;
  			top: -0.5rem;
  		}
  		*, ::after, ::before {
  			box-sizing: border-box;
  		}

  	}
  } */
  /*blockquote p {
      &:before {}
  }

  dl {}

  dt {}

  dd {} */
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */ /*
.alignleft, img.alignleft {}

.alignright, img.alignright {}

.aligncenter, img.aligncenter {}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {}

pre {}

code {} */
}
.entry-content ol,
.taxonomy-description ol {
  counter-reset: steps;
}
.entry-content ol[start="0"],
.taxonomy-description ol[start="0"] {
  counter-reset: steps -1;
}
.entry-content ol[start="1"],
.taxonomy-description ol[start="1"] {
  counter-reset: steps 0;
}
.entry-content ol[start="2"],
.taxonomy-description ol[start="2"] {
  counter-reset: steps 1;
}
.entry-content ol[start="3"],
.taxonomy-description ol[start="3"] {
  counter-reset: steps 2;
}
.entry-content ol[start="4"],
.taxonomy-description ol[start="4"] {
  counter-reset: steps 3;
}
.entry-content ol[start="5"],
.taxonomy-description ol[start="5"] {
  counter-reset: steps 4;
}
.entry-content ol[start="6"],
.taxonomy-description ol[start="6"] {
  counter-reset: steps 5;
}
.entry-content ol[start="7"],
.taxonomy-description ol[start="7"] {
  counter-reset: steps 6;
}
.entry-content ol[start="8"],
.taxonomy-description ol[start="8"] {
  counter-reset: steps 7;
}
.entry-content ol[start="9"],
.taxonomy-description ol[start="9"] {
  counter-reset: steps 8;
}
.entry-content ol[start="10"],
.taxonomy-description ol[start="10"] {
  counter-reset: steps 9;
}
.entry-content ol[start="11"],
.taxonomy-description ol[start="11"] {
  counter-reset: steps 10;
}
.entry-content ol[start="12"],
.taxonomy-description ol[start="12"] {
  counter-reset: steps 11;
}
.entry-content ol[start="13"],
.taxonomy-description ol[start="13"] {
  counter-reset: steps 12;
}
.entry-content ol[start="14"],
.taxonomy-description ol[start="14"] {
  counter-reset: steps 13;
}
.entry-content ol[start="15"],
.taxonomy-description ol[start="15"] {
  counter-reset: steps 14;
}
.entry-content ol[start="16"],
.taxonomy-description ol[start="16"] {
  counter-reset: steps 15;
}
.entry-content ol[start="17"],
.taxonomy-description ol[start="17"] {
  counter-reset: steps 16;
}
.entry-content ol[start="18"],
.taxonomy-description ol[start="18"] {
  counter-reset: steps 17;
}
.entry-content ol[start="19"],
.taxonomy-description ol[start="19"] {
  counter-reset: steps 18;
}
.entry-content ol[start="20"],
.taxonomy-description ol[start="20"] {
  counter-reset: steps 19;
}
.entry-content ol[start="21"],
.taxonomy-description ol[start="21"] {
  counter-reset: steps 20;
}
.entry-content ol[start="22"],
.taxonomy-description ol[start="22"] {
  counter-reset: steps 21;
}
.entry-content ol[start="23"],
.taxonomy-description ol[start="23"] {
  counter-reset: steps 22;
}
.entry-content ol[start="24"],
.taxonomy-description ol[start="24"] {
  counter-reset: steps 23;
}
.entry-content ol[start="25"],
.taxonomy-description ol[start="25"] {
  counter-reset: steps 24;
}
.entry-content ol[start="26"],
.taxonomy-description ol[start="26"] {
  counter-reset: steps 25;
}
.entry-content ol[start="27"],
.taxonomy-description ol[start="27"] {
  counter-reset: steps 26;
}
.entry-content ol[start="28"],
.taxonomy-description ol[start="28"] {
  counter-reset: steps 27;
}
.entry-content ol[start="29"],
.taxonomy-description ol[start="29"] {
  counter-reset: steps 28;
}
.entry-content ol[start="30"],
.taxonomy-description ol[start="30"] {
  counter-reset: steps 29;
}
.entry-content ol[start="31"],
.taxonomy-description ol[start="31"] {
  counter-reset: steps 30;
}
.entry-content ol[start="32"],
.taxonomy-description ol[start="32"] {
  counter-reset: steps 31;
}
.entry-content ol[start="33"],
.taxonomy-description ol[start="33"] {
  counter-reset: steps 32;
}
.entry-content ol[start="34"],
.taxonomy-description ol[start="34"] {
  counter-reset: steps 33;
}
.entry-content ol[start="35"],
.taxonomy-description ol[start="35"] {
  counter-reset: steps 34;
}
.entry-content ol[start="36"],
.taxonomy-description ol[start="36"] {
  counter-reset: steps 35;
}
.entry-content ol[start="37"],
.taxonomy-description ol[start="37"] {
  counter-reset: steps 36;
}
.entry-content ol[start="38"],
.taxonomy-description ol[start="38"] {
  counter-reset: steps 37;
}
.entry-content ol[start="39"],
.taxonomy-description ol[start="39"] {
  counter-reset: steps 38;
}
.entry-content ol[start="40"],
.taxonomy-description ol[start="40"] {
  counter-reset: steps 39;
}
.entry-content ol[start="41"],
.taxonomy-description ol[start="41"] {
  counter-reset: steps 40;
}
.entry-content ol[start="42"],
.taxonomy-description ol[start="42"] {
  counter-reset: steps 41;
}
.entry-content ol[start="43"],
.taxonomy-description ol[start="43"] {
  counter-reset: steps 42;
}
.entry-content ol[start="44"],
.taxonomy-description ol[start="44"] {
  counter-reset: steps 43;
}
.entry-content ol[start="45"],
.taxonomy-description ol[start="45"] {
  counter-reset: steps 44;
}
.entry-content ol[start="46"],
.taxonomy-description ol[start="46"] {
  counter-reset: steps 45;
}
.entry-content ol[start="47"],
.taxonomy-description ol[start="47"] {
  counter-reset: steps 46;
}
.entry-content ol[start="48"],
.taxonomy-description ol[start="48"] {
  counter-reset: steps 47;
}
.entry-content ol[start="49"],
.taxonomy-description ol[start="49"] {
  counter-reset: steps 48;
}
.entry-content ol[start="50"],
.taxonomy-description ol[start="50"] {
  counter-reset: steps 49;
}
.entry-content ol[start="51"],
.taxonomy-description ol[start="51"] {
  counter-reset: steps 50;
}
.entry-content ol[start="52"],
.taxonomy-description ol[start="52"] {
  counter-reset: steps 51;
}
.entry-content ol[start="53"],
.taxonomy-description ol[start="53"] {
  counter-reset: steps 52;
}
.entry-content ol[start="54"],
.taxonomy-description ol[start="54"] {
  counter-reset: steps 53;
}
.entry-content ol[start="55"],
.taxonomy-description ol[start="55"] {
  counter-reset: steps 54;
}
.entry-content ol[start="56"],
.taxonomy-description ol[start="56"] {
  counter-reset: steps 55;
}
.entry-content ol[start="57"],
.taxonomy-description ol[start="57"] {
  counter-reset: steps 56;
}
.entry-content ol[start="58"],
.taxonomy-description ol[start="58"] {
  counter-reset: steps 57;
}
.entry-content ol[start="59"],
.taxonomy-description ol[start="59"] {
  counter-reset: steps 58;
}
.entry-content ol[start="60"],
.taxonomy-description ol[start="60"] {
  counter-reset: steps 59;
}
.entry-content ol[start="61"],
.taxonomy-description ol[start="61"] {
  counter-reset: steps 60;
}
.entry-content ol[start="62"],
.taxonomy-description ol[start="62"] {
  counter-reset: steps 61;
}
.entry-content ol[start="63"],
.taxonomy-description ol[start="63"] {
  counter-reset: steps 62;
}
.entry-content ol[start="64"],
.taxonomy-description ol[start="64"] {
  counter-reset: steps 63;
}
.entry-content ol[start="65"],
.taxonomy-description ol[start="65"] {
  counter-reset: steps 64;
}
.entry-content ol[start="66"],
.taxonomy-description ol[start="66"] {
  counter-reset: steps 65;
}
.entry-content ol[start="67"],
.taxonomy-description ol[start="67"] {
  counter-reset: steps 66;
}
.entry-content ol[start="68"],
.taxonomy-description ol[start="68"] {
  counter-reset: steps 67;
}
.entry-content ol[start="69"],
.taxonomy-description ol[start="69"] {
  counter-reset: steps 68;
}
.entry-content ol[start="70"],
.taxonomy-description ol[start="70"] {
  counter-reset: steps 69;
}
.entry-content ol[start="71"],
.taxonomy-description ol[start="71"] {
  counter-reset: steps 70;
}
.entry-content ol[start="72"],
.taxonomy-description ol[start="72"] {
  counter-reset: steps 71;
}
.entry-content ol[start="73"],
.taxonomy-description ol[start="73"] {
  counter-reset: steps 72;
}
.entry-content ol[start="74"],
.taxonomy-description ol[start="74"] {
  counter-reset: steps 73;
}
.entry-content ol[start="75"],
.taxonomy-description ol[start="75"] {
  counter-reset: steps 74;
}
.entry-content ol[start="76"],
.taxonomy-description ol[start="76"] {
  counter-reset: steps 75;
}
.entry-content ol[start="77"],
.taxonomy-description ol[start="77"] {
  counter-reset: steps 76;
}
.entry-content ol[start="78"],
.taxonomy-description ol[start="78"] {
  counter-reset: steps 77;
}
.entry-content ol[start="79"],
.taxonomy-description ol[start="79"] {
  counter-reset: steps 78;
}
.entry-content ol[start="80"],
.taxonomy-description ol[start="80"] {
  counter-reset: steps 79;
}
.entry-content ol[start="81"],
.taxonomy-description ol[start="81"] {
  counter-reset: steps 80;
}
.entry-content ol[start="82"],
.taxonomy-description ol[start="82"] {
  counter-reset: steps 81;
}
.entry-content ol[start="83"],
.taxonomy-description ol[start="83"] {
  counter-reset: steps 82;
}
.entry-content ol[start="84"],
.taxonomy-description ol[start="84"] {
  counter-reset: steps 83;
}
.entry-content ol[start="85"],
.taxonomy-description ol[start="85"] {
  counter-reset: steps 84;
}
.entry-content ol[start="86"],
.taxonomy-description ol[start="86"] {
  counter-reset: steps 85;
}
.entry-content ol[start="87"],
.taxonomy-description ol[start="87"] {
  counter-reset: steps 86;
}
.entry-content ol[start="88"],
.taxonomy-description ol[start="88"] {
  counter-reset: steps 87;
}
.entry-content ol[start="89"],
.taxonomy-description ol[start="89"] {
  counter-reset: steps 88;
}
.entry-content ol[start="90"],
.taxonomy-description ol[start="90"] {
  counter-reset: steps 89;
}
.entry-content ol[start="91"],
.taxonomy-description ol[start="91"] {
  counter-reset: steps 90;
}
.entry-content ol[start="92"],
.taxonomy-description ol[start="92"] {
  counter-reset: steps 91;
}
.entry-content ol[start="93"],
.taxonomy-description ol[start="93"] {
  counter-reset: steps 92;
}
.entry-content ol[start="94"],
.taxonomy-description ol[start="94"] {
  counter-reset: steps 93;
}
.entry-content ol[start="95"],
.taxonomy-description ol[start="95"] {
  counter-reset: steps 94;
}
.entry-content ol[start="96"],
.taxonomy-description ol[start="96"] {
  counter-reset: steps 95;
}
.entry-content ol[start="97"],
.taxonomy-description ol[start="97"] {
  counter-reset: steps 96;
}
.entry-content ol[start="98"],
.taxonomy-description ol[start="98"] {
  counter-reset: steps 97;
}
.entry-content ol[start="99"],
.taxonomy-description ol[start="99"] {
  counter-reset: steps 98;
}
.entry-content ol[start="100"],
.taxonomy-description ol[start="100"] {
  counter-reset: steps 99;
}
.entry-content ol,
.taxonomy-description ol {
  list-style: none;
  padding-left: 4.2rem;
  margin: 1rem 0;
  position: relative;
}
.entry-content ol li,
.taxonomy-description ol li {
  counter-increment: steps; /* 1 */
  margin: 1.5rem 0;
  min-height: 2rem;
  line-height: 1.75;
  position: relative;
}
.entry-content ol li:before,
.taxonomy-description ol li:before {
  content: counter(steps);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 1;
  overflow: visible;
  font-size: 140%;
  font-weight: 900;
  font-family: "Poppins";
  margin-left: -4.2rem;
  position: absolute;
  background: linear-gradient(110deg, transparent 20%, #005C91 20%, #005C91 75%, transparent 75%) 50%/100% 70% no-repeat;
  top: -0.5rem;
}
.entry-content ol li *, .entry-content ol li ::after, .entry-content ol li ::before,
.taxonomy-description ol li *,
.taxonomy-description ol li ::after,
.taxonomy-description ol li ::before {
  box-sizing: border-box;
}
.entry-content ul:not(.blocks-gallery-grid, .nochecks),
.taxonomy-description ul:not(.blocks-gallery-grid, .nochecks) {
  list-style: none;
  margin: 1.5rem 0 1.5 rem 1rem;
}
.entry-content ul:not(.blocks-gallery-grid, .nochecks) li:before,
.taxonomy-description ul:not(.blocks-gallery-grid, .nochecks) li:before {
  content: "\f05d";
  font-family: "icomoon";
  display: inline-block;
  margin-left: -2.2rem;
  font-size: 1.6rem;
  margin-top: 0.25rem;
  line-height: 100%;
  float: left;
}
.entry-content details summary,
.taxonomy-description details summary {
  padding-right: 8rem;
  background-color: #005C91 !important;
  color: #fff;
  font-weight: 700;
  font-size: 1.2rem;
}
.entry-content details summary:after,
.taxonomy-description details summary:after {
  content: "(tap to open)";
  display: flex;
  margin-left: calc(100% - 7.5em);
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.5);
  align-items: center;
}
.entry-content details[open] .wp-block-coblocks-accordion-item__content,
.taxonomy-description details[open] .wp-block-coblocks-accordion-item__content {
  animation-name: slideDown;
  animation-duration: 200ms;
  animation-timing-function: ease-in;
  overflow: hidden;
}
.entry-content details[open] summary:after,
.taxonomy-description details[open] summary:after {
  content: "(top to close)";
}
.entry-content table,
.taxonomy-description table {
  margin-bottom: 1.5em;
  width: 100%;
  border: 1px solid #ccc;
}
.entry-content tr,
.taxonomy-description tr {
  border-bottom: 1px solid #ccc;
}
.entry-content tr:nth-child(even),
.taxonomy-description tr:nth-child(even) {
  background-color: #dedede;
}
.entry-content td,
.taxonomy-description td {
  padding: 7px;
  border-right: 1px solid #ccc;
}
.entry-content td:last-child,
.taxonomy-description td:last-child {
  border-right: 0;
}
.entry-content th,
.taxonomy-description th {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #dedede;
  white-space: nowrap;
}
.entry-content th:last-child,
.taxonomy-description th:last-child {
  border-right: 0;
}
.entry-content thead.thead-dark,
.entry-content .thead-dark thead,
.taxonomy-description thead.thead-dark,
.taxonomy-description .thead-dark thead {
  position: sticky;
  top: 0;
  /*.logged-in & {
  	position: sticky;
  	top: 32px;
  } */
}
.entry-content thead.thead-dark,
.entry-content .thead-dark thead,
.entry-content thead.thead-dark th,
.taxonomy-description thead.thead-dark,
.taxonomy-description .thead-dark thead,
.taxonomy-description thead.thead-dark th {
  background-color: #005C91;
  color: #fff;
}
.entry-content .alignfull, .entry-content .alignwide,
.taxonomy-description .alignfull,
.taxonomy-description .alignwide {
  max-width: 100vw;
}
.entry-content .alignfull.row, .entry-content .alignwide.row,
.taxonomy-description .alignfull.row,
.taxonomy-description .alignwide.row {
  margin: 0;
}

/* end .entry-content */
/*.wp-caption {
    /* images inside wp-caption */ /*
    img {}

    p.wp-caption-text {}
} /* end .wp-caption */
/* image gallery styles */ /*
.gallery {
    dl {
        a {}

        img {}
    }

    dt {}

    dd {}
} /* end .gallery */
/* gallery caption styles */ /*
.gallery-caption {}

/* default WP image classes */ /*
.size-full {}

.size-large {}

.size-medium {}

.size-thumbnail {}

// the tag output
.tags {} */
figure.featured-image {
  margin: 0;
  max-height: 300px;
  overflow: hidden;
}
figure.featured-image img {
  max-height: 300px;
  width: 100%;
  -ms-object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  object-fit: cover;
  -ms-object-position: center;
  -webkit-object-position: center;
  -moz-object-position: center;
  object-position: center;
}

/************************
 * MEDIA TEXT BLOCK STYLE
 * **********************/
.wp-block-media-text {
  padding: 4em 0;
}
.wp-block-media-text h1:first-child, .wp-block-media-text h2:first-child, .wp-block-media-text h3:first-child, .wp-block-media-text h4:first-child, .wp-block-media-text h5:first-child, .wp-block-media-text h6:first-child {
  margin-top: 0;
}
.wp-block-media-text figure img {
  width: auto;
  max-width: 100%;
}

/******************************************************************
SCREEN READER STYLES
******************************************************************/
/* Text meant only for screen readers. */
.screen-reader-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}

.screen-reader-text:focus {
  top: 5px;
  left: 5px;
  z-index: 100000;
  /* Above WP toolbar. */
  display: block;
  clip: auto !important;
  padding: 15px 23px 14px;
  width: auto;
  height: auto;
  border-radius: 3px;
  background-color: #f1f1f1;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  color: #21759b;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: normal;
}

/***************************************
	Reviews
***************************************/
.glsr .glsr-reviews,
.glsr .glsr-reviews-wrap {
  gap: 2rem;
}

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
/*.pagination,
.wp-prev-next {} */
.glsr-pagination .pagination {
  margin-bottom: 3rem;
  display: block;
}
.pagination .nav-links {
  display: flex;
  justify-content: center;
  grid-gap: 0.5em;
}
.pagination ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  grid-gap: 1rem;
}
.pagination ul li:before {
  display: none !important;
}
.pagination .page-numbers {
  margin: 0;
}
.pagination a, .pagination span {
  background-color: #fff;
  display: block;
  min-width: 2.6rem;
  line-height: 1.25rem;
  padding: 0.5rem;
  border-radius: 3px;
  border: 1px solid #E6E6E6;
  text-align: center;
  text-decoration: none;
}
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
  background-color: #005C91;
  color: #fff;
  border-color: #005C91;
  text-decoration: none;
}
.pagination .current {
  background-color: #005C91;
  color: #fff;
  border-color: #005C91;
}

/* end plate_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */ /*
#comments-title {
    /* number of comments span */ /*
    span {}
}

.comment-nav {
    ul {
        li {}
    }
} */
.commentlist {
  margin: 0;
  list-style-type: none;
}

.comment {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #ccc;
  /* vcard */
  /* end .commentlist .vcard */
  /*&:last-child {}

  .children {
      li {}

      /* variations */ /*
.comment {}

.alt {}

.odd {}

.even {}

.depth-1 {} /* change number for different depth */ /*
    .byuser {}

    .bypostauthor {}

    .comment-author-admin {}
} /* end children */ /*

&[class*=depth-] {}
&.depth-1 {}
&:not(.depth-1) {}
&.depth-2 {}
&.depth-3 {}
&.depth-4 {}
&.depth-5 {}
/* general comment classes */ /*
&.alt {}
&.odd {}
&.even {}
&.parent {}
&.comment {}
&.children {}
&.pingback {}
&.bypostauthor {}
&.comment-author {}
&.comment-author-admin {}
&.thread-alt {}
&.thread-odd {}
&.thread-even {} */
}
.comment .comment-author {
  display: flex;
  align-items: center;
}
.comment .vcard {
  /* cite.fn {
       a.url {}
   }

   time {
       a {
           &:hover {}
       }
   }

   .photo {} */
}
.comment .vcard .avatar {
  margin-right: 1rem;
}

/* comment meta */ /*
.comment-meta {
    a {}
}

.commentmetadata {
    a {}
}

/* comment content */ /*
.comment-content {
    p {}
} /* end .commentlist .comment_content */
/* comment reply link */ /*
.comment-reply-link {
    &:hover,
    &:focus {}
} /* end .commentlist .comment-reply-link */
/* edit comment link */
.comment-edit-link {
  margin-right: 6px;
}

/**********************
COMMENT FORM STYLES
***********************/ /*

.comment-respond {}

#reply-title {}

.logged-in-as {}

.comment-form-comment {}

.form-allowed-tags {}

/* comment submit button */ /*
#submit {}

/* comment form title */ /*
#comment-form-title {}

/* cancel comment reply link */ /*
#cancel-comment-reply {
    a {}
}

/* logged in comments */ /*
.comments-logged-in-as {}

/* allowed tags */ /*
#allowed_tags {}

/* no comments */ /*
.nocomments {}

/*********************
SIDEBARS & ASIDES
*********************/
.sidebar .wp-block-columns.flex-wrap {
  flex-wrap: wrap !important;
}
.sidebar .wp-block-columns.flex-wrap .wp-block-column {
  flex-basis: auto !important;
  margin-left: 0 !important;
}

/*
aside {}

.sidebar {}

.widgettitle {}

.widget {
    ul {
        li {
            &:first-child {}

            &:last-child {}

            a {}

            /* deep nesting */ /*
            ul {}
        }
    }
}

.no-widgets {}

/***************************************
 * GUTENBERGE STYLES
 * **************************************/
.wp-block-coblocks-hero h1 {
  margin-bottom: 0;
}
.wp-block-coblocks-hero h3, .wp-block-coblocks-hero .h3 {
  margin: 0;
}

.wp-block-buttons {
  column-gap: 1em;
}

a.wp-block-button__link[href^="mailto:"] strong,
a.wp-block-button__link[href^="mailto:"] span,
a.wp-block-button__link[href^="mailto:"] em {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  overflow: hidden;
}

.wp-block-button,
.wp-block-button__link {
  font-weight: 600;
}
.wp-block-button a,
.wp-block-button__link a {
  font-weight: 600;
}
.wp-block-button a:hover, .wp-block-button a:focus,
.wp-block-button__link a:hover,
.wp-block-button__link a:focus {
  text-decoration: none;
  opacity: 0.8;
}

.wp-block-button__link {
  padding: 10px 24px;
}

/******************
 * 	BUTTONS 
 *****************/
.wp-block-button__link {
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
}

a.wp-block-button__link {
  text-decoration: none;
}
#content a.wp-block-button__link:after {
  margin-left: 0.75rem;
}
a.wp-block-button__link.has-white-color {
  color: #fff !important;
}

/*********************
FOOTER STYLES
*********************/
/*********************
 TEMPORARY BOOTSTRAP OVERRIDES
 I want to replace this with a proper bootstrap compiler but I haven't got it working yet.
 *********************/
.btn {
  text-decoration: none !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

.btn-primary {
  background-color: #005C91 !important;
  border-color: #005C91 !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #05c0d9 !important;
  border-color: #05c0d9 !important;
  color: #fff !important;
}

.btn-outline-primary {
  border-color: #005C91;
  color: #005C91;
  background-color: #ededed;
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
  background-color: #005C91;
  color: #fff;
}

.btn-secondary {
  background-color: #05c0d9 !important;
  border-color: #05c0d9 !important;
  color: #fff !important;
}
.btn-secondary:hover, .btn-secondary:focus {
  background-color: #005C91 !important;
  border-color: #005C91 !important;
  color: #fff !important;
}

.btn-close.btn-light {
  opacity: 1;
  filter: invert(1);
}

.inputGroup-sizing-lg {
  font-size: 1.25rem;
  border-radius: 0.25rem 0 0 0.25rem;
  padding: 0.5rem 1rem;
}

/* Calendar Form */
.ajax_verify,
.sc_ajax_footer {
  display: none !important;
}

p.ajax_help {
  margin-bottom: 0.5em !important;
}

.supercontrol-availability-results_table,
.supercontrol_avail_ajax_supercontrol-availability-results_table {
  margin-bottom: 0 !important;
}

.supercontrol-availability-results_table tr td {
  font-size: 0.8rem !important;
  line-height: 120%;
}

.supercontrol-availability-results_table select {
  padding: 0.5em;
  min-height: 1em;
}

.calendar-month .sc-arrow-btn {
  width: 4.3em;
  height: 4.3em;
  line-height: 3.2em;
  background-color: transparent !important;
  color: #005C91 !important;
  text-align: center;
}
.calendar-month .sc-arrow-btn .icon {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
  font-size: 2.2rem;
  color: #005C91 !important;
  font-weight: 900;
}

.select-month-container {
  width: calc(100% - 8.6em) !important;
  height: auto !important;
  margin-bottom: 1em;
}
.select-month-container .select-month {
  height: auto !important;
}
.select-month-container select {
  border: 2px solid #005C91 !important;
}
.select-month-container select:focus, .select-month-container select:focus-within, .select-month-container select:focus-visible, .select-month-container select:active {
  border-color: #05c0d9 !important;
}

.ajaxkeycontainer {
  font-size: 1.2rem;
}
.ajaxkeycontainer .cal_sample_cell {
  font-size: 1rem;
  line-height: 1.2rem;
}
.ajaxkeycontainer .cal_sample_cell span {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 3px;
}
.ajaxkeycontainer .cal_sample_cell span span#key_purplebar2,
.ajaxkeycontainer .cal_sample_cell span span#key_purplebar,
.ajaxkeycontainer .cal_sample_cell span span#key_yellowbar {
  width: 100%;
}
.ajaxkeycontainer .cal_sample_cell span#key_booked {
  background-color: #910043;
  background: linear-gradient(-45deg, #910043 0%, #910043 33%, #910043 57%, #910043 72%, #910043 100%);
}
.ajaxkeycontainer .cal_sample_cell span#key_available,
.ajaxkeycontainer .cal_sample_cell span#key_start,
.ajaxkeycontainer .cal_sample_cell span#key_sb {
  background-color: #009170;
  background: linear-gradient(-45deg, #009170 50%, #009170 50%);
}
.ajaxkeycontainer .cal_sample_cell span#key_purplebar,
.ajaxkeycontainer .cal_sample_cell span#key_purplebar2 {
  background-color: #05c0d9 !important;
  height: 5px;
}
.ajaxkeycontainer .cal_sample_cell span#key_yellowbar {
  top: 5px;
  height: 5px;
  background-color: #A0D905;
}
.supercontrol-availability-avail_calendar div.calendar_date {
  height: 35px;
  line-height: 35px;
}

.calendar-month table tr td {
  overflow: hidden !important;
}
.calendar-month table tr td div.calendar_date span {
  color: rgba(255, 255, 255, 0.3);
  text-shadow: 0 0 transparent;
}
.calendar-month table tr td.a_a_n div.calendar_date span, .calendar-month table tr td.a__n div.calendar_date span {
  color: rgba(255, 255, 255, 0.5);
}
.calendar-month table tr td[onclick*=supercontrol_avail_ajax_CalcPrices]:not(.b_b_y) div.calendar_date span {
  color: rgb(255, 255, 255);
}

.a_b_n div.y,
.a_a_y div.y,
.a__y div.y,
.a_b_y div.y,
.b_a_y div.y,
.bp_a_y div.y,
.a_bp_y div.y,
.a_as_y div.y {
  background-color: #05c0d9 !important;
  height: 5px !important;
  bottom: 0px !important;
}

.as_as_y div.y,
.as_a_y div.y,
.as__y div.y,
.as_b_y div.y,
.b_as_y div.y,
.as_bp_y div.y,
.bp_as_y div.y {
  background-color: #05c0d9 !important;
  height: 5px !important;
  border-bottom: 5px solid #A0D905 !important;
  bottom: 0px !important;
}

.b_b_n .diaggradientback,
.b_bp_n .diaggradientback,
.b__n .diaggradientback,
.b_b_y .diaggradientback,
.b_bp_y .diaggradientback,
.b__y .diaggradientback {
  background-color: #910043 !important;
  background: linear-gradient(-45deg, #910043 0%, #910043 33%, #910043 57%, #910043 72%, #910043 100%) !important;
  height: 48px !important;
}

.a_a_n .diaggradientback,
.a_as_n .diaggradientback,
.a__n .diaggradientback,
.as_as_n .diaggradientback,
.as_a_n .diaggradientback,
.as__n .diaggradientback {
  background-color: #009170 !important;
  background: linear-gradient(-45deg, #009170 50%, #009170 50%) !important;
  height: 48px !important;
}

.a_a_y .diaggradientback,
.a_as_y .diaggradientback,
.a__y .diaggradientback,
.as_as_y .diaggradientback,
.as_a_y .diaggradientback,
.as__y .diaggradientback {
  background-color: #009170 !important;
  background: linear-gradient(-45deg, #009170 50%, #009170 50%) !important;
  height: 50px !important;
}

.b_a_n {
  background: linear-gradient(-45deg, #910043 50%, #009170 50%) !important;
}

.a_b_y,
.a_b_n {
  background: linear-gradient(-45deg, #009170 50%, #910043 50%) !important;
}

.as_b_y {
  background: linear-gradient(-45deg, #009170 50%, #910043 50%) !important;
}

.b_as_y,
.b_a_y {
  background: linear-gradient(-45deg, #910043 50%, #009170 50%) !important;
}

#supercontrol_avail_ajax_results_box {
  background-color: #ededed !important;
  color: #5c5c5c;
  border: 0px !important;
}
#supercontrol_avail_ajax_results_box table {
  border: 0px;
}

.supcontrol_search_container {
  max-width: 98vw;
  margin: 0 auto;
}

/* breadcrumbs 
--------------------------------------------------------------------*/
/****************************************************************
    Module: breadcrumbs 
    Viewport: base 
    Author: Rebecca Rumble
****************************************************************/
.breadcrumbs ul {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}
.breadcrumbs li {
  position: relative;
}
.breadcrumbs li a, .breadcrumbs li span {
  display: flex;
  padding: 0 10px 0 30px;
  line-height: 100%;
  height: 40px;
  align-items: center;
  color: #005C91;
}
.breadcrumbs li a:after, .breadcrumbs li span:after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #114B7A;
  z-index: 1;
}
.breadcrumbs li a:hover, .breadcrumbs li a:focus {
  background: #0b2f4d;
  color: #fff;
}
.breadcrumbs li a:hover:after, .breadcrumbs li a:focus:after {
  border-left-color: #0b2f4d;
}
.breadcrumbs li span {
  display: none;
  /*background: $DGPink;
  font-weight: 700;
  &:after {
  	border-left-color: $DGPink;
  } */
}
.breadcrumbs li:nth-of-type(2n+2) a {
  background: #1767a7;
}
.breadcrumbs li:nth-of-type(2n+2) a:after {
  border-left-color: #1767a7;
}
.breadcrumbs li:nth-of-type(2n+2) a:hover, .breadcrumbs li:nth-of-type(2n+2) a:focus {
  background: #0e3d64;
}
.breadcrumbs li:nth-of-type(2n+2) a:hover:after, .breadcrumbs li:nth-of-type(2n+2) a:focus:after {
  border-left-color: #0e3d64;
}

.footer .breadcrumb a, .footer .breadcrumb a:visited {
  color: #005C91;
  text-decoration: underline;
}
.footer .breadcrumb a:hover, .footer .breadcrumb a:focus, .footer .breadcrumb a:visited:hover, .footer .breadcrumb a:visited:focus {
  color: #05c0d9;
}
.footer .breadcrumb span {
  color: #005C91;
}

/* coblocks 
--------------------------------------------------------------------*/
/****************************************************************
    Module: coblocks 
    Viewport: base 
    Author: Rebecca Rumble
****************************************************************/
/* ie11 
--------------------------------------------------------------------*/
/****************************************************************
    Module: ie11 
    Viewport: base 
    Author: Rebecca Rumble
****************************************************************/
.ua-ie-11 .has-background-overlay::before {
  background-color: rgb(0, 0, 0) !important;
  display: block !important;
}

.ua-ie-11 #logo img {
  width: 169.5px;
}
.ua-ie-11 .course_search .label.select:after,
.ua-ie-11 .course_search label.select:after {
  display: none;
}
.ua-ie-11 .socialmedia a svg {
  width: 20px;
  height: 20px;
  display: block;
  background-color: #fff;
  background-size: contain;
  margin: 0 0 8px;
  border: 3px solid #fff;
}
.ua-ie-11 .socialmedia a:hover, .ua-ie-11 .socialmedia a:focus {
  opacity: 0.8;
}
.ua-ie-11 .socialmedia a.linkedin svg {
  background-image: url("https://www.digiskillscotland.com/digiskills/wp-content/themes/digiskills/library/images/feather/linkedin.svg");
}
.ua-ie-11 .socialmedia a.facebook svg {
  background-image: url("https://www.digiskillscotland.com/digiskills/wp-content/themes/digiskills/library/images/feather/facebook.svg");
}
.ua-ie-11 .socialmedia a.twitter svg {
  background-image: url("https://www.digiskillscotland.com/digiskills/wp-content/themes/digiskills/library/images/feather/twitter.svg");
}
.ua-ie-11 .featured-image {
  position: relative;
  overflow: hidden;
  float: left;
  width: 100%;
  height: 300px;
}
.ua-ie-11 .featured-image:after {
  content: " ";
  display: block;
  clear: both;
}
.ua-ie-11 .featured-image img {
  width: 100%;
  height: auto;
  max-height: 10000px;
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
}

.outdated {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 1em;
  background-color: #fff;
  z-index: 10000;
}
.outdated .green-button {
  display: inline-block;
  margin-left: 10px;
}

/* header 
--------------------------------------------------------------------*/
/****************************************************************
    Module: header 
    Viewport: base 
    Author: Rebecca Rumble
****************************************************************/
html #wpadminbar {
  position: fixed;
}

.fullheight-minhead {
  min-height: calc(100vh - 120px) !important;
}
.admin-bar .fullheight-minhead {
  min-height: calc(100vh - 152px) !important;
}

.header {
  position: fixed;
  z-index: 3;
  width: 100%;
  margin-top: 0;
  background-color: #fff;
  transition: all 0.2s linear;
}
.header.nav-up {
  margin-top: -140px;
  transition: all 0.2s linear;
}
.header.activeheader {
  margin-top: 0;
  transition: all 0.2s linear;
}

#inner-header,
#bloginfo {
  display: flex;
}

#site-title {
  margin: 0 0.5em 0 0;
  font-size: 1.25rem;
  line-height: inherit;
}

#logo {
  margin-right: 1.5em;
}
#logo img {
  width: auto;
}

.socialcontact a {
  text-decoration: none !important;
}

.ua-mobile .wp-block-cover-image.has-parallax,
.ua-mobile .wp-block-cover.has-parallax, .touchevents.ua-safari .wp-block-cover-image.has-parallax,
.touchevents.ua-safari .wp-block-cover.has-parallax {
  background-attachment: scroll !important;
  background-size: cover !important;
}
.ua-mobile .date-wrap, .touchevents.ua-safari .date-wrap {
  position: relative;
}
.ua-mobile .date-wrap input[type=date], .touchevents.ua-safari .date-wrap input[type=date] {
  -webkit-appearance: none;
  -moz-appearance: none;
  min-height: 3.8rem;
  background-color: #fff;
}
.ua-mobile .date-wrap:after, .touchevents.ua-safari .date-wrap:after {
  content: "\f271";
  display: block;
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -0.75rem;
  bottom: 0px;
  height: 1rem;
  width: 1rem;
  color: #005C91;
  font-family: "icomoon";
}

/* footer 
--------------------------------------------------------------------*/
/****************************************************************
    Module: footer 
    Viewport: base 
    Author: Rebecca Rumble
****************************************************************/
.allbreadcrumbs {
  font-size: 0.875rem;
}

/**********************************/
.logos-wrap {
  border-bottom: 3px solid #05c0d9;
}

.logos a:after {
  display: none;
}
.logos img {
  filter: grayscale(1);
  opacity: 0.8;
  max-height: 50px !important;
}
.logos a:hover img, .logos a:focus img {
  filter: grayscale(0);
  opacity: 1;
}

.copywrap {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.footer {
  border-top: 3px solid #05c0d9;
  background-color: #005C91;
  color: #ededed;
  clear: both;
  font-size: 1rem;
}
.footer img.col-logo {
  max-width: 200px;
}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
  margin-top: 0;
  color: rgba(255, 255, 255, 0.8);
}
.footer a, .footer a:visited {
  color: #fff;
  font-weight: 400;
  text-decoration-color: #05c0d9;
  text-decoration-thickness: 1px;
}
.footer a:hover, .footer a:focus, .footer a:visited:hover, .footer a:visited:focus {
  color: rgba(255, 255, 255, 0.8);
}
.footer nav ul {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}
.footer nav ul li {
  margin-left: 0;
}
.footer nav ul li a {
  display: inline-block;
  padding: 0.25rem 0;
}
.footer .telephone,
.footer .mail {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.footer .telephone [class^=icon-], .footer .telephone [class*=" icon-"],
.footer .mail [class^=icon-],
.footer .mail [class*=" icon-"] {
  margin-right: 10px;
  font-size: 1rem;
}
.footer .telephone svg,
.footer .mail svg {
  height: 16px;
  width: 16px;
  margin-right: 5px;
}
.footer .socialmedia {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.footer .socialmedia a {
  display: inline-block;
  margin-left: 5px;
}
.footer .socialmedia [class^=icon-], .footer .socialmedia [class*=" icon-"] {
  font-size: 1.25rem;
}

#inner-footer {
  margin: 0 auto;
}
#inner-footer .subcol {
  display: flex;
  flex-direction: column;
  text-align: right;
  padding-right: 1rem;
}

#contact {
  margin-bottom: 1em;
}

.copyright {
  font-size: 1.2rem;
}

.gototop {
  display: none;
  position: fixed;
  bottom: 0px;
  right: 1em;
  border-radius: 3px 3px 0 0;
}

@media only screen and (max-width: 374px) {
  html {
    font-size: 82.5%;
  }
}
/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name: Riverside Rentals
  Author: Rebecca Rumble

  Stylesheet: 481px and Up Stylesheet

  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.

  Not sure if people use this breakpoint much anymore. We don't.
  I can't remember the last time I used this stylesheet but keeping 
  it in for now.

  ******************************************************************/
  /*********************
  GLOBAL STYLES
  Use this section for
  site-wide stuffs.
  *********************/
  html {
    font-size: 82.5%;
  }
  /*html {
     // font-size: 1em; // 1em = 16px; Adjust if you want a different baseline.
      //font-size: 52%; //62.5%; // Using REM Units
  } */
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .sm-none {
    display: none;
  }
  .sm-block {
    display: block;
  }
  #inner-header {
    padding: 1em 2em;
  }
  /*h1, .h1 {
      font-size: $f48px; //4.8rem;
  }

  h2, .h2 {
      font-size: $f42px; //4.2rem;
  }

  h3, .h3 {
      font-size: $f34px; //3.4rem;
     // font-size: 1.777em;
  }

  .has-medium-font-size {
  		font-size: $f20px; //2rem;
  	} */
  /*********************
  NAVIGATION STYLES
  *********************/
  .menu {
    /* end .menu ul */
  }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  .menu ul li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  .menu ul li a {
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }
  /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  .entry-content {
    /*.wp-block-button.aligncenter {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        display: inline-block;
    }*/
  }
  .entry-content .wp-block-media-text.alignfull {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  /* end .entry-content */
  /*section.carousel {
  	//width: 100%; // set in base
  	max-width: 100%;
  	/*.ua-chrome.ua-desktop-macintosh & {
  		max-width: 97vw; 
  	} */ /*
} */
  /***********************
      Deafualt Block Butons Styles
  ***********************/
  /*.wp-block-coblocks-buttons, .wp-block-buttons { 
      //margin-top: 2.5em; 


  	.wp-block-coblocks-buttons__inner.flex-align-left {
  		justify-content: flex-start;
  		align-items: flex-start;
  		.wp-block-button {
  			margin: 0 10px 0 0;
  		}
  	}
  } */
  /*.wp-block-buttons .wp-block-button+.wp-block-button {
  	//margin-left: 1.35em;
  } */
  /*********************
  FOOTER STYLES
  *********************/
  .footer {
    font-size: 0.875rem;
  }
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* end .footer-links */
  /* breadcrumbs 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: breadcrumbs 
      Viewport: 481up 
      Author: Rebecca Rumble
  ****************************************************************/
  .breadcrumbs ul {
    display: flex;
  }
  .breadcrumbs li:first-child a, .breadcrumbs li:first-child span {
    padding: 0 10px 0 20px;
  }
  .breadcrumbs li span {
    display: flex;
    background: #D1006E;
    font-weight: 700;
  }
  .breadcrumbs li span:after {
    border-left-color: #D1006E;
  }
  /* header 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: header 
      Viewport: 481up 
      Author: Rebecca Rumble
  ****************************************************************/
  /* footer 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: footer 
      Viewport: 481up 
      Author: Rebecca Rumble
  ****************************************************************/
}
/*********************
BELOW TABLET
This is for everything that's below an iPad including mobile
phones. This way we can keep mobile styles separate and not
compete with the base styles.
*********************/
@media only screen and (max-width: 767px) {
  /******************************************************************
  Site Name: Riverside Rentals
  Author: Rebecca Rumble

  Stylesheet: Below Tablet

  This stylesheet will show on devices smaller than an iPad or tablet.
  Use this to add styles that will *only* show on mobile phones.

  I find it easier to do it this way than to have to override base styles.

  ******************************************************************/
  /*********************
  GLOBAL STYLES
  Use this section for
  site-wide stuffs.
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    padding: 1em;
  }
  /*********************
  NAVIGATION STYLES
  *********************/
  .header {
    display: flex;
  }
  #inner-header {
    margin: 0;
    flex-grow: 1;
  }
  .nav_wrapper {
    display: flex;
    width: 25%;
    padding: 0 2em;
    justify-content: flex-end;
  }
  .contactdetails {
    display: flex;
  }
  .contactdetails a {
    color: #fff;
  }
  .contactdetails .text {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    white-space: nowrap;
  }
  .contactdetails .telephone,
  .contactdetails .mail {
    margin: 10px 7px;
  }
  .contactdetails .telephone a,
  .contactdetails .mail a {
    display: inline-block;
    padding: 9px 9px 1px;
    background-color: #114B7A;
    border-radius: 4px;
  }
  .contactdetails .mail a {
    background-color: #528317;
  }
  .activemenu {
    position: relative;
    z-index: 10000000000;
  }
  .mobile-navigation.active {
    top: 96px !important;
  }
  /*nav {}

  .header-nav {}

  .main-menu {} */
  .row.supcontrol_props {
    margin: 0 !important;
  }
  .nav {
    margin: 0;
    padding: 0;
    border-bottom: 0;
    list-style-type: none;
    /* end .menu li */
    /* highlight current page */
    /* end current highlighters */
  }
  .nav li {
    /* 
    Are you really going to use drop-down menus for mobile?
    Probably not. We almost always use the Responsive Menu
    plugin: https://wordpress.org/plugins/responsive-menu/
    */
  }
  .nav li a {
    display: block;
    padding: 0.5em;
    text-decoration: none;
    font-weight: 300;
    font-size: 1.125rem;
    min-height: 4rem;
    color: #fff;
    opacity: 0.8;
  }
  .nav li a:hover, .nav li a:focus {
    font-weight: 600;
    color: #fff;
    opacity: 1;
  }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    padding-left: 30px;
  }
  .nav li.current-menu-item > a,
  .nav li.current_page_item > a,
  .nav li.current_page_ancestor > a {
    font-weight: 600;
    opacity: 1;
  }
  /* end .nav */
  .logos .partners {
    flex-wrap: wrap;
  }
  .logos .partners img {
    height: 35px;
    width: auto;
    margin: 15px 20px;
  }
  #content .entry-content .wp-block-cover.alignright, #content .entry-content .wp-block-cover.alignleft {
    max-width: calc(98vw - 4.8rem);
    margin: 0 auto;
  }
  #content .entry-content .wp-block-file {
    flex-direction: column;
    display: flex;
  }
  #content .entry-content .wp-block-file a:first-child {
    padding: 1em;
  }
  #content .entry-content .wp-block-file a.wp-block-file__button {
    align-self: flex-end;
  }
  #content .entry-content .wp-block-coblocks-row__inner {
    flex-wrap: wrap;
  }
  #content .entry-content .wp-block-column[class*=col-] {
    flex-basis: auto !important;
    margin-left: 0 !important;
  }
  #content .entry-content .wp-block-coblocks-column[class*=col-] {
    width: auto;
  }
  /***************************************
   * 	Normally this section is only visible to screen readers 
   * but on mobile the SVG map is just too small so we will display this text. 
   * *************************************/
  .svg-details {
    overflow: visible;
    clip: unset;
    height: auto;
    width: 100%;
    position: static !important;
    margin: 0 auto;
    padding: 0 1.5em;
    white-space: normal;
    text-align: center;
  }
  .svg-details .details {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    white-space: nowrap;
  }
  .svg-details > div {
    padding: 5px 10px;
    border-radius: 5px;
    border: 2px solid #114B7A;
    cursor: pointer;
    margin: 5px 0;
  }
  .svg-details > div h1, .svg-details > div h2, .svg-details > div h3, .svg-details > div h4, .svg-details > div h5, .svg-details > div h6 {
    margin: 0;
  }
  .svg-details > div:nth-of-type(3n+2) {
    border-color: #528317;
  }
  .svg-details > div:nth-of-type(3n+3) {
    border-color: #A0473E;
  }
  #inner-footer .row {
    margin: 2em 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #inner-footer .row .col {
    justify-content: center;
    align-items: center;
    padding: 1.5em 1em;
  }
  #inner-footer .row .col img {
    width: 200px;
    max-width: 100%;
  }
  #inner-footer .row .col.col4 {
    align-items: center;
  }
  .copyright {
    text-align: center;
  }
  .tabs {
    display: none;
  }
  /* breadcrumbs 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: breadcrumbs 
      Viewport: 767down 
      Author: Rebecca Rumble
  ****************************************************************/
  /* header 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: header 
      Viewport: 767down 
      Author: Rebecca Rumble
  ****************************************************************/
  .header {
    min-height: 64px;
  }
  #logo img {
    max-height: 60px;
  }
  .home .supcontrol_search_container {
    max-width: 300px;
    margin: 0 auto;
  }
  /* footer 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: footer 
      Viewport: 767down 
      Author: Rebecca Rumble
  ****************************************************************/
  .logos {
    column-gap: 0.5em;
    row-gap: 2em;
  }
}
@media only screen and (min-width: 400px) and (max-width: 767px) {
  /*.mobile-navigation.active {
  	top: 104px !important;
  } */
}
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name: Riverside Rentals
  Author: Rebecca Rumble

  Stylesheet: Tablet & Small Desktop Stylesheet

  This stylesheet will be used for tablets and larger devices
  like desktops. CSS Grid starts working its magic here so you
  can start to have fun with your layout(s).

  ******************************************************************/
  /*********************
  GLOBAL STYLES
  *********************/
  html {
    font-size: 86%;
  }
  .col-md-5ths {
    flex: 0 0 auto;
    width: 20%;
  }
  /*h1, .h1 {
  	font-size: $f58px; //5.8rem;
  } */
  /*#content {
  	padding-top: 106px;
  } */
  .mobile-only-text {
    display: none;
  }
  .entry-content .alignfull {
    max-width: 100vw;
  }
  .entry-content > .alignwide {
    max-width: 100vw;
    width: auto;
  }
  .entry-content .alignwide img,
  .entry-content .alignfull img {
    display: block;
    margin: 0 auto;
  }
  .entry-content > .wp-block-columns.alignfull,
  .entry-content > .wp-block-group.alignfull {
    padding-left: calc((100vw - 98vw) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 98vw) / 2 + 1.5em) !important;
  }
  .entry-content > .wp-block-columns.p-0, .entry-content > .wp-block-columns.px-0,
  .entry-content > .wp-block-group.p-0,
  .entry-content > .wp-block-group.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .entry-content > .wp-block-columns.pl-0, .entry-content > .wp-block-columns.ps-0,
  .entry-content > .wp-block-group.pl-0,
  .entry-content > .wp-block-group.ps-0 {
    padding-left: 0px !important;
  }
  .entry-content > .wp-block-columns.pr-0, .entry-content > .wp-block-columns.pe-0,
  .entry-content > .wp-block-group.pr-0,
  .entry-content > .wp-block-group.pe-0 {
    padding-right: 0px !important;
  }
  .entry-content .wp-block-cover__inner-container {
    padding-left: calc((100vw - 98vw) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 98vw) / 2 + 1.5em) !important;
  }
  .entry-content .wp-block-column[class*=col-] {
    margin-left: 0 !important;
  }
  .entry-content .card-group .card {
    flex: 1 0 auto !important;
  }
  .entry-content .wp-block-gallery.columns-4 .blocks-gallery-item {
    width: calc(33.33% - 0.75em);
  }
  .entry-content .tiles {
    margin: 0 -1.5rem;
  }
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    padding: 1em 1.5em;
  }
  .container {
    max-width: 98vw;
  }
  .wp-block-group__inner-container {
    max-width: 100vw;
  }
  .wp-block-group.has-no-padding {
    padding: 0;
  }
  /*********************
  HEADER STYLES
  *********************/
  #inner-header {
    padding: 0.75em 1.5em 0;
  }
  .nav_wrapper {
    display: flex;
    background-color: #005C91;
    justify-content: center;
  }
  /*********************
  NAVIGATION STYLES
  *********************/
  .header-nav {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
  }
  .nav {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    flex-grow: 1;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
    /*.single-property & {
    	> li.menu-item-object-propertytag {
    		> a {
    			//font-weight: 700;
    			color: $rrteal;
    			border-bottom: 2px solid $rrteal;
    			//background-color: $rrteal;

    		}
    	}
    } */
  }
  .nav li {
    list-style: none;
    flex-grow: 1;
    /*
    plan your menus and drop-downs wisely.
    */
    /*ul.sub-menu,
    ul.children {

        li {
            a {
                &:hover,
                &:focus {}
                &:link {}
            }

            &:first-child {}

            /*
            if you need to go deeper, go nuts
            just remember deeper menus suck
            for usability. k, bai.
            */ /*
    ul {}

} /* highlight sub-menu current page */ /*
         li.current-menu-item,
         li.current_page_item,
         li.current_page_ancestor,
li.current-menu-parent {
             a {}
         }

     } /* showing sub-menus */
  }
  .nav li a {
    display: block;
    border-bottom: 0;
    padding: 15px 0;
    text-decoration: none;
    color: #5c5c5c;
    font-weight: 400;
    transition: all 0.2s linear;
    border-bottom: 2px solid transparent;
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }
  .nav li a > span {
    padding: 0 8px;
    border-right: 1px solid #fff;
    display: inline-block;
    line-height: 90%;
    text-align: center;
    display: block;
  }
  .nav li a span.inner {
    transition: all 0.2s linear;
    display: inline-block;
  }
  .nav li a:hover, .nav li a:focus {
    color: #05c0d9;
    border-bottom: 2px solid #05c0d9;
  }
  .nav li a:hover span.inner, .nav li a:focus span.inner {
    transform: scale(1.1);
  }
  .nav li.current-menu-item > a,
  .nav li.current-page-item > a,
  .nav li.current_page_item > a,
  .nav li.current_page_ancestor > a,
  .nav li.current-page-ancestor > a,
  .nav > li.current-menu-parent > a {
    color: #05c0d9;
    border-bottom: 2px solid #05c0d9;
  }
  .nav.top-nav {
    font-size: 0.9rem;
  }
  .mobile-navigation .nav li.has-submenu > a {
    padding: 15px 0 15px 4rem !important;
  }
  /* end .nav */
  .contactdetails {
    display: flex;
    justify-content: flex-end;
  }
  .contactdetails svg {
    height: 1em;
    width: 1em;
    margin-right: 0.5em;
  }
  .contactdetails a, .contactdetails a:visited {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: 0 0 0 1.5em;
  }
  .contactdetails a:hover, .contactdetails a:focus, .contactdetails a:visited:hover, .contactdetails a:visited:focus {
    color: rgb(255, 255, 255);
  }
  .logos .partners img {
    height: 35px;
    width: auto;
    margin: 0 20px;
  }
  /********************
  WORDPRESS BODY CLASSES
  style a page via class
  ********************/
  /*
  We like having these classes for use in iPad and larger devices
  so we've copied them here.
  */ /*

.rtl {}
.home {}
.blog {}
.archive {



}
.date {}
.date-paged-1 {}
.search {}
.search-results {}
.search-no-results {}
.search-paged-1 {}
.error404 {}
.single {} */
  .single-full #main {
    max-width: 640px;
    float: none;
    margin: 0 auto;
  }
  /*
  .postid-1 {}
  .single-paged-1 {}
  .attachment {}
  .attachmentid-1 {}
  .attachment-mime-type {}
  .author {}
  .author-nicename {}
  .author-paged-1 {}
  .category {}
  .category-1 {}
  .category-paged-1 {}
  .tag {}
  .tag-slug {}
  .tag-paged-1 {}
  .page-template {}
  .page-template-page-php {}
  .page-paged-1 {}
  .page-parent {}
  .page-child {}
  .parent-pageid-1 {}
  .logged-in {}
  .paged {}
  .paged-1 {} */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
    margin-top: 11px;
  }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
    margin-top: 11px;
  }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: table;
    clear: both;
  }
  #content {
    padding-top: 120px;
  }
  .page-template-page-svg #content {
    padding-top: 106px;
  }
  #content .entry-content .wp-block-cover.alignright, #content .entry-content .wp-block-cover.alignleft {
    max-width: calc((98vw - 3em) / 2 - 1.5em);
  }
  #content .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
    padding: 0 2.4375rem;
  }
  /*********************
  SIDEBARS & ASIDES
  *********************/
  .sidebar .widget > .wp-block-columns.alignfull,
  .sidebar .widget > .wp-block-group.alignfull {
    padding-left: calc((100vw - 98vw) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 98vw) / 2 + 1.5em) !important;
  }
  .widget ul li {
    /* deep nesting */
  }
  .supcontrol_search_container {
    max-width: 98vw;
  }
  /*!
   *
   * We rarely use these widget classes but they
   * do come in handy sometimes. Know your widgets.
   *
   */
  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */ /*
.widget_recent_entries {}

.widget_recent_entries ul {}

.widget_recent_entries ul li {}

.widget_recent_entries ul li a {}

/* archives widget */ /*
.widget_archive {}

.widget_archive ul {}

.widget_archive ul li {}

.widget_archive ul li a {}

.widget_archive select {}

.widget_archive option {}

/* tag-cloud widget */ /*
.widget_links {}

.widget_links li:after {}

.widget_links li:before {}

.widget_tag_cloud {}

.widget_tag_cloud a {}

.widget_tag_cloud a:after {}

.widget_tag_cloud a:before {}

/* calendar widget */ /*
.widget_calendar {}

#calendar_wrap {}

#calendar_wrap th {}

#calendar_wrap td {}

#wp-calendar tr td {}

#wp-calendar caption {}

#wp-calendar a {}

#wp-calendar #today {}

#wp-calendar #prev {}

#wp-calendar #next {}

#wp-calendar #next a {}

#wp-calendar #prev a {}

/* category widget */ /*
.widget_categories {}

.widget_categories ul {}

.widget_categories ul li {}

.widget_categories ul ul.children {}

.widget_categories a {}

.widget_categories select {}

.widget_categories select#cat {}

.widget_categories select.postform {}

.widget_categories option {}

.widget_categories .level-0 {}

.widget_categories .level-1 {}

.widget_categories .level-2 {}

.widget_categories .level-3 {}

/* recent-comments widget */ /*
.recentcomments {}

#recentcomments {}

#recentcomments li {}

#recentcomments li a {}

.widget_recent_comments {}

/* search widget */ /*
#searchform {}

.widget_search {}

.screen-reader-text {}

/* text widget */ /*
.textwidget {}

.widget_text {}

.textwidget p {} */
  .mapholder .svg {
    top: -25px;
    left: 60px;
  }
  /*********************
  FOOTER STYLES
  *********************/
  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
  .footer-links ul li {
    /*
    be careful with the depth of your menus.
    it's very rare to have multi-depth menus in
    the footer.
    */
  }
  /* end .footer-links */
  #inner-footer .row {
    justify-content: space-between;
  }
  #inner-footer .row .col {
    width: 20%;
  }
  #inner-footer .row .col img {
    max-width: 100%;
  }
  #inner-footer .row .col.col4 {
    width: 40%;
    justify-content: flex-end;
    text-align: right;
  }
  #inner-footer .row .col .subcol {
    align-items: flex-end;
  }
  #inner-footer .row .col .details {
    flex-grow: 1;
  }
  #inner-footer .row .col .medialinks {
    width: 30px;
  }
  /* breadcrumbs 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: breadcrumbs 
      Viewport: 768up 
      Author: Rebecca Rumble
  ****************************************************************/
  .breadcrumbs {
    width: 100%;
    position: absolute;
    margin-top: -5em;
  }
  .breadcrumbs ul {
    display: flex;
  }
  .breadcrumbs li:first-child a, .breadcrumbs li:first-child span {
    padding: 0 10px 0 20px;
  }
  /* header 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: header 
      Viewport: 768up 
      Author: Rebecca Rumble
  ****************************************************************/
  .header,
  #inner-header {
    min-height: 120px;
  }
  #logo img {
    height: 95px;
  }
  /* Main Header Menu */
  .nav.main-menu {
    /* highlight current page */
    /* end current highlighters */
  }
  .nav.main-menu li a > span {
    border-right-color: #5c5c5c;
  }
  .nav.main-menu li a:hover, .nav.main-menu li a:focus {
    text-decoration: underline;
  }
  .nav.main-menu li a:hover span.inner, .nav.main-menu li a:focus span.inner {
    transform: scale(1.1);
  }
  .nav.main-menu li.current-menu-item > a,
  .nav.main-menu li.current-menu-ancestor > a,
  .nav.main-menu li.current-page-item > a,
  .nav.main-menu li.current_page_item > a,
  .nav.main-menu li.current_page_ancestor > a,
  .nav.main-menu li.current-page-ancestor > a {
    font-weight: 700;
  }
  /* footer 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: footer 
      Viewport: 768up 
      Author: Rebecca Rumble
  ****************************************************************/
  .footer nav .terms-nav ul {
    margin: 0;
  }
  .terms-nav ul {
    display: flex;
    grid-gap: 1rem;
  }
  .terms-nav ul li a {
    text-decoration: none;
    font-size: 80%;
  }
}
@media only screen and (max-width: 915px) {
  /******************************************************************
  Site Name: Riverside Rentals
  Author: Rebecca Rumble

  Stylesheet: Below Tweener

  This stylesheet will show on devices smaller than large tablets but
  below desktops.

  Use this for tweener device sizes. We don't use this stylesheet
  often but on occasion it comes in handy.

  ******************************************************************/
  /*********************
  GLOBAL STYLES
  Use this section for
  site-wide stuffs.
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  #content .entry-content .wp-block-media-text.has-media-on-the-right,
  #content .entry-content .wp-block-media-text.has-media-on-the-left,
  #content .entry-content .wp-block-media-text {
    grid-template-columns: 100%;
  }
  #content .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
  #content .entry-content .wp-block-media-text.has-media-on-the-left .wp-block-media-text__content,
  #content .entry-content .wp-block-media-text .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 1;
  }
  #content .entry-content .wp-block-media-text.has-media-on-the-right figure,
  #content .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media,
  #content .entry-content .wp-block-media-text.has-media-on-the-left figure,
  #content .entry-content .wp-block-media-text.has-media-on-the-left .wp-block-media-text__media,
  #content .entry-content .wp-block-media-text figure,
  #content .entry-content .wp-block-media-text .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 2;
    padding: 8%;
  }
  #content .entry-content .wp-block-column[class*=col-] {
    flex-basis: auto !important;
    margin-left: 0 !important;
  }
  /* breadcrumbs 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: breadcrumbs 
      Viewport: 899down 
      Author: Rebecca Rumble
  ****************************************************************/
  /* header 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: header 
      Viewport: 899down 
      Author: Rebecca Rumble
  ****************************************************************/
  /* footer 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: footer 
      Viewport: 899down 
      Author: Rebecca Rumble
  ****************************************************************/
}
@media only screen and (max-width: 1029px) {
  /******************************************************************
  Site Name: Riverside Rentals
  Author: Rebecca Rumble

  Stylesheet: Smaller Desktops + Tablets

  This stylesheet affects desktops and some tablets but often I find
  that 1029px and below is a good breakpoint for showing a mobile 
  hamburger menu so you can add styles for that here.

  I find it easier to do it this way than to have to override base styles.

  ******************************************************************/
  /*********************
  GLOBAL STYLES
  Use this section for
  site-wide stuffs.
  *********************/
  .spinner-master * {
    transition: all 0.3s;
    box-sizing: border-box;
  }
  .spinner-master {
    position: relative;
    margin: 15px 0 15px 0.55rem;
    height: 30px;
    width: 25px;
    z-index: 100000000000;
  }
  .spinner-master:before {
    content: " ";
    display: block;
    width: 44px;
    height: 42px;
    position: absolute;
    margin-top: -6px;
    margin-left: -9px;
    border-radius: 4px;
    background-color: #005C91;
  }
  .spinner-master label {
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 5px;
    left: 0;
  }
  .spinner-master .spinner {
    position: absolute;
    height: 4px;
    width: 100%;
    padding: 0;
    background-color: #fff;
    display: block;
  }
  .spinner-master .diagonal.part-1 {
    position: relative;
    float: left;
  }
  .spinner-master .horizontal {
    position: relative;
    float: left;
    margin-top: 4px;
  }
  .spinner-master .diagonal.part-2 {
    position: relative;
    float: left;
    margin-top: 4px;
  }
  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal {
    opacity: 0;
  }
  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-top: 10px;
  }
  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: -12px;
  }
  #spinner-form {
    visibility: hidden;
  }
  .menuactive {
    filter: blur(5px);
  }
  .mobile-navigation {
    overflow: hidden;
    position: fixed;
    max-height: 0;
  }
  .mobile-navigation .nav li a {
    /*text-decoration-line: underline;
    text-decoration-color: $rrblue;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px; */
    text-decoration: none;
    color: #5c5c5c;
    border-bottom: 1px solid #5c5c5c;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mobile-navigation .nav li a span {
    display: inline-block;
  }
  .mobile-navigation .nav li button {
    display: none;
  }
  .mobile-navigation .nav li .sub-menu {
    position: relative;
    visibility: visible;
    list-style: none;
    padding: 0;
    width: 100%;
    display: none;
  }
  .mobile-navigation .nav li .sub-menu li a {
    padding: 0.5em;
    border-color: #9094a0;
  }
  .mobile-navigation .nav li.has-submenu {
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }
  .mobile-navigation .nav li.has-submenu > a {
    padding: 0.5rem 0 0.5rem 4rem;
    width: calc(100% - 4rem);
  }
  .mobile-navigation .nav li.has-submenu > button {
    display: inline-block;
    width: 4rem;
    height: 4rem;
    line-height: 3rem;
    border: 1px solid #005C91;
    background-color: #005C91;
    color: #fff;
  }
  .mobile-navigation .nav li.has-submenu > button:hover, .mobile-navigation .nav li.has-submenu > button:focus {
    background-color: #05c0d9;
    color: #fff;
  }
  .mobile-navigation.active {
    max-height: calc(100vh - 90px);
    background-color: rgb(255, 255, 255);
    top: 120px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000000000;
    overflow: scroll;
    /*&:after {
    	 *			content: ' ';
    	 *			display: block;
    	 *			position: fixed;
    	 *			top: 100vh;
    	 *			height: 100vh;
    	 *			left: 0;
    	 *			right: 0;
    	 *			background-color: rgba(0,0,0,0.5);
    } */
  }
  .mobile-navigation.active .menu {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .admin-bar .mobile-navigation.active {
    max-height: calc(100vh - 136px);
    top: 136px;
  }
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  > .wp-block-columns,
  > .wp-block-group {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }
  /* breadcrumbs 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: breadcrumbs 
      Viewport: 1029down 
      Author: Rebecca Rumble
  ****************************************************************/
  /* header 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: header 
      Viewport: 1029down 
      Author: Rebecca Rumble
  ****************************************************************/
  .socialcontact {
    height: 100%;
    padding-bottom: 0.75em;
  }
  .socialcontact a {
    display: flex;
    justify-content: center;
    align-items: center;
    /*&.btn-secondary {
    	padding: 0.454rem 0.57rem 0.234rem;
    } */
  }
  .socialcontact a .text {
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 100%;
    transition: all 0.2s linear;
  }
  .socialcontact a .icon {
    font-size: 1.6rem;
  }
  .socialcontact a.btn {
    padding: 0.454rem 0.57rem;
  }
  .socialcontact a:hover .text, .socialcontact a:focus .text {
    width: auto;
    height: auto;
    transition: all 0.2s linear;
    margin-right: 0.5rem;
  }
  /* footer 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: footer 
      Viewport: 1029down 
      Author: Rebecca Rumble
  ****************************************************************/
}
/*********************
TWEENER
This targets some trickier 'tweener' devices like large
tablets. You probably won't need to add too much to this stylesheet.
If you're not using it, delete it.
*********************/
@media only screen and (min-width: 916px) {
  /******************************************************************
  Site Name: DigiSkills WordPress Theme
  Author: Rebecca Rumble @ Dumfries and Galloway College

  Stylesheet: Tweener Stylsheet

  This is for some trickier in-between 'tweener' sizes like larger 
  tablets.

  ******************************************************************/
  /*********************
  GLOBAL STYLES
  Use this section for
  site-wide stuffs.
  *********************/
  html {
    font-size: 100%;
  }
  /*html {
  	font-size: 52.5%;
  } */
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  /*h1, .h1 {
  	font-size: $f48px; //4.8rem;
  } */
  /*.wrap {
  	margin: 0 auto;
  } */
  #inner-header, #inner-footer {
    max-width: 890px;
    margin: 0 auto;
  }
  .header-nav {
    max-width: 890px;
  }
  .article-header {
    max-width: calc(890px - 3em);
  }
  #content .entry-content > p, #content .entry-content > h1, #content .entry-content > h2, #content .entry-content > h3, #content .entry-content > h4, #content .entry-content > h5, #content .entry-content > h6, #content .entry-content > ul, #content .entry-content > ol {
    max-width: calc(890px - 3rem);
  }
  #content .entry-content > .alignwide {
    max-width: calc(890px - 3rem);
  }
  #content .entry-content .alignright {
    margin-right: calc((100vw - 890px) / 2 + 1.5em);
  }
  #content .entry-content .alignleft {
    margin-left: calc((100vw - 890px) / 2 + 1.5em);
  }
  #content .entry-content .wp-block-cover.alignright, #content .entry-content .wp-block-cover.alignleft {
    max-width: calc((890px - 3em) / 2 - 1.5em);
  }
  #content .entry-content > .wp-block-quote,
  #content .entry-content > .wp-block-file {
    max-width: calc(890px - 3em);
  }
  #content .entry-content .wp-block-media-text.alignfull {
    grid-template-columns: calc((100% - (890px - 4.8rem)) / 2) calc((100% - calc((100% - (890px - 4.8rem)) / 2) * 2) / 2) calc((100% - calc((100% - (890px - 4.8rem)) / 2) * 2) / 2) calc((100% - (890px - 4.8rem)) / 2);
    grid-template-areas: " . figure text . ";
  }
  #content .entry-content .wp-block-media-text.alignfull.has-media-on-the-right {
    grid-template-areas: " . text figure . ";
  }
  #content .entry-content .wp-block-media-text.alignfull figure {
    grid-area: figure;
  }
  #content .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
    grid-area: text;
    padding: 0 8% 0 0;
  }
  #content .entry-content .wp-block-media-text.alignfull.has-media-on-the-left .wp-block-media-text__content {
    padding: 0 0 0 8%;
  }
  #content .entry-content > h1.alignfull, #content .entry-content > h2.alignfull, #content .entry-content > h3.alignfull, #content .entry-content > h4.alignfull, #content .entry-content > h5.alignfull, #content .entry-content > h6.alignfull, #content .entry-content > p.alignfull {
    max-width: calc(890px - 3rem);
    margin-left: auto;
    margin-right: auto;
  }
  #content .entry-content > .wp-block-columns.alignfull,
  #content .entry-content > .wp-block-group.alignfull {
    padding-left: calc((100vw - 890px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 890px) / 2 + 1.5em) !important;
  }
  #content .entry-content > .wp-block-columns.p-0, #content .entry-content > .wp-block-columns.px-0,
  #content .entry-content > .wp-block-group.p-0,
  #content .entry-content > .wp-block-group.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #content .entry-content > .wp-block-columns.pl-0, #content .entry-content > .wp-block-columns.ps-0,
  #content .entry-content > .wp-block-group.pl-0,
  #content .entry-content > .wp-block-group.ps-0 {
    padding-left: 0px !important;
  }
  #content .entry-content > .wp-block-columns.pr-0, #content .entry-content > .wp-block-columns.pe-0,
  #content .entry-content > .wp-block-group.pr-0,
  #content .entry-content > .wp-block-group.pe-0 {
    padding-right: 0px !important;
  }
  #content .entry-content .wp-block-cover__inner-container {
    padding-left: calc((100vw - 890px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 890px) / 2 + 1.5em) !important;
  }
  #content .entry-content .wp-block-gallery.columns-4 .blocks-gallery-item {
    width: calc(25% - 0.75em);
  }
  #content .entry-content .tiles figcaption a {
    font-size: 2.4rem;
  }
  .sidebar .widget > .wp-block-columns.alignfull,
  .sidebar .widget > .wp-block-group.alignfull {
    padding-left: calc((100vw - 890px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 890px) / 2 + 1.5em) !important;
  }
  .supcontrol_search_container {
    max-width: 890px;
  }
  .logos .partners img {
    height: 40px;
    width: auto;
    margin: 0 20px;
  }
  section.carousel {
    margin: 0 auto;
    /*.ua-chrome.ua-desktop-macintosh & {
    	max-width: 98.5vw; 
    } */
  }
  /*article.course {
  	display: grid;
  	grid-template-areas: "intro gutter figure" "tabs tabs tab";
  	grid-template-columns: 50% 2% 48%;

  	.article-header {
  		grid-area: intro;
  	}

  	.article-image {
  		grid-area: figure;
  	}

  	.entry-content {
  		grid-area: tabs;
  	}
  } */
  /* breadcrumbs 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: breadcrumbs 
      Viewport: 900up 
      Author: Rebecca Rumble
  ****************************************************************/
  /* header 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: header 
      Viewport: 900up 
      Author: Rebecca Rumble
  ****************************************************************/
  /* footer 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: footer 
      Viewport: 900up 
      Author: Rebecca Rumble
  ****************************************************************/
  .logos img {
    max-height: 70px !important;
  }
}
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 992px) {
  /******************************************************************
  Site Name: DigiSkills WordPress Theme
  Author: Rebecca Rumble @ Dumfries and Galloway College

  Stylesheet: Desktop Stylsheet

  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.

  At this breakpoint you can start setting things like max-width for
  your content. Or go full-width. Like Nas said: "The world is yours!"

  ******************************************************************/
  /*********************
  GLOBAL STYLES
  Use this section for
  site-wide stuffs.
  *********************/
  .btn-lg-primary {
    background-color: #005C91 !important;
    border-color: #005C91 !important;
    color: #fff !important;
  }
  .btn-lg-primary:hover, .btn-lg-primary:focus {
    background-color: #05c0d9 !important;
    border-color: #05c0d9 !important;
    color: #fff !important;
  }
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    width: 1010px;
  }
  .container {
    max-width: 1010px;
  }
  .has-medium-font-size {
    font-size: 1.125rem;
  }
  #inner-header, #inner-footer {
    max-width: 1010px;
  }
  .header-nav {
    max-width: 1010px;
  }
  @keyframes rotateMenu {
    0% {
      transform: rotateX(-90deg);
    }
    70% {
      transform: rotateX(20deg);
    }
    100% {
      transform: rotateX(0deg);
    }
  }
  @keyframes rotateY {
    0% {
      transform: rotateY(90deg);
    }
    80% {
      transform: rotateY(-10deg);
    }
    100% {
      transform: rotateY(0);
    }
  }
  .nav li.menu-item-has-children {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    perspective: 1000px;
    z-index: 100;
  }
  .nav li.menu-item-has-children ul.sub-menu {
    display: none;
    min-width: 200px;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    perspective: 1000px;
    z-index: -1;
    margin: 0;
    padding: 1em;
    animation: rotateY 300ms ease-in-out forwards;
    transform-origin: top center;
  }
  .nav li.menu-item-has-children ul.sub-menu li a span {
    border-right: 0px;
  }
  .nav li.menu-item-has-children:hover ul.sub-menu, .nav li.menu-item-has-children:focus ul.sub-menu, .nav li.menu-item-has-children:focus-within ul.sub-menu {
    display: block;
  }
  .nav ul.sub-menu li:last-child a,
  .nav ul.children li:last-child a {
    border-bottom: 0;
  }
  .nav li {
    /*&:hover > ul {
    	top: auto;
    	visibility: visible;
    	height: auto;
    	transition: all 0.2s linear;
    } */
  }
  .nav li:last-child a > span {
    border-right: 0;
  }
  /*.course-heading {
  	padding: 5em 1.5em; 
  	//display: grid; // set in 900up
  	//grid-template-areas: "intro gutter figure"; // set in 900 up
  	/*.article-header {
  		grid-area: intro;
  	} */
  /*.article-image {
  	grid-area: figure;
  } */
  .spinner-master input[type=checkbox] {
    display: none;
  }
  .mobile-tab-nav {
    display: none;
  }
  .mobile-navigation {
    display: none;
  }
  .article-header {
    max-width: calc(1010px - 3em);
  }
  #content .entry-content > p, #content .entry-content > h1, #content .entry-content > h2, #content .entry-content > h3, #content .entry-content > h4, #content .entry-content > h5, #content .entry-content > h6, #content .entry-content > ul, #content .entry-content > ol {
    max-width: calc(1010px - 3rem);
  }
  #content .entry-content > .alignwide {
    max-width: calc(1010px - 3rem);
  }
  #content .entry-content .alignright {
    margin-right: calc((100vw - 1010px) / 2 + 1.5em);
  }
  #content .entry-content .alignleft {
    margin-left: calc((100vw - 1010px) / 2 + 1.5em);
  }
  #content .entry-content > .wp-block-quote,
  #content .entry-content > .wp-block-file {
    max-width: calc(1010px - 3em);
  }
  #content .entry-content .wp-block-cover.alignright, #content .entry-content .wp-block-cover.alignleft {
    max-width: calc((1010px - 3em) / 2 - 1.5em);
  }
  #content .entry-content .wp-block-media-text.alignfull {
    grid-template-columns: calc((100% - (1010px - 4.8rem)) / 2) calc((100% - calc((100% - (1010px - 4.8rem)) / 2) * 2) / 2) calc((100% - calc((100% - (1010px - 4.8rem)) / 2) * 2) / 2) calc((100% - (1010px - 4.8rem)) / 2);
    grid-template-areas: " . figure text . ";
  }
  #content .entry-content .wp-block-media-text.alignfull.has-media-on-the-right {
    grid-template-areas: " . text figure . ";
  }
  #content .entry-content .wp-block-media-text.alignfull figure {
    grid-area: figure;
  }
  #content .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
    grid-area: text;
    padding: 0 0 0 8%;
  }
  #content .entry-content .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content {
    padding: 0 8% 0 0;
  }
  #content .entry-content > h1.alignfull, #content .entry-content > h2.alignfull, #content .entry-content > h3.alignfull, #content .entry-content > h4.alignfull, #content .entry-content > h5.alignfull, #content .entry-content > h6.alignfull, #content .entry-content > p.alignfull {
    max-width: calc(1010px - 3rem);
  }
  #content .entry-content > .wp-block-columns.alignfull,
  #content .entry-content > .wp-block-group.alignfull {
    padding-left: calc((100vw - 1010px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1010px) / 2 + 1.5em) !important;
  }
  #content .entry-content > .wp-block-columns.p-0, #content .entry-content > .wp-block-columns.px-0,
  #content .entry-content > .wp-block-group.p-0,
  #content .entry-content > .wp-block-group.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #content .entry-content > .wp-block-columns.pl-0, #content .entry-content > .wp-block-columns.ps-0,
  #content .entry-content > .wp-block-group.pl-0,
  #content .entry-content > .wp-block-group.ps-0 {
    padding-left: 0px !important;
  }
  #content .entry-content > .wp-block-columns.pr-0, #content .entry-content > .wp-block-columns.pe-0,
  #content .entry-content > .wp-block-group.pr-0,
  #content .entry-content > .wp-block-group.pe-0 {
    padding-right: 0px !important;
  }
  #content .entry-content .wp-block-cover__inner-container {
    padding-left: calc((100vw - 1010px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1010px) / 2 + 1.5em) !important;
  }
  .sidebar .widget > .wp-block-columns.alignfull,
  .sidebar .widget > .wp-block-group.alignfull {
    padding-left: calc((100vw - 1010px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1010px) / 2 + 1.5em) !important;
  }
  .logos .partners img {
    height: 50px;
    width: auto;
    margin: 0 30px;
  }
  #inner-footer .row .col img {
    width: 200px;
  }
  .supcontrol_search_container {
    max-width: 1010px;
  }
  section.carousel {
    /*.ua-chrome.ua-desktop-macintosh & {
    	max-width: 98.6vw; 
    } */
  }
  section.carousel a {
    padding: 2em;
  }
  /*article.course {
  	display: grid;
  	grid-template-areas: "intro gutter figure" "tabs tabs tab";
  	grid-template-columns: 50% 2% 48%;

  	.article-header {
  		grid-area: intro;
  	}

  	.article-image {
  		grid-area: figure;
  	}

  	.entry-content {
  		grid-area: tabs;
  	}
  } */
  .mapholder .wrap {
    max-width: calc(1010px - 3em);
  }
  .mapholder .svg {
    top: -15px;
    left: 30px;
  }
  /* breadcrumbs 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: breadcrumbs 
      Viewport: 1030up 
      Author: Rebecca Rumble
  ****************************************************************/
  /* header 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: header 
      Viewport: 1030up 
      Author: Rebecca Rumble
  ****************************************************************/
  .socialcontact a .icon {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .socialcontact a .text {
    font-size: 0.9rem;
  }
  /* footer 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: footer 
      Viewport: 1030up 
      Author: Rebecca Rumble
  ****************************************************************/
}
@media only screen and (min-width: 992px) and (max-width: 1030px) {
  .socialcontact a .icon {
    margin-left: 0px;
  }
}
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Site Name: DigiSkills WordPress Theme
  Author: Rebecca Rumble @ Dumfries and Galloway College

  Stylesheet: Larger Laptop + Desktop

  You can add some advanced styles for larger devices here if you like. 

  ******************************************************************/
  /*********************
  GLOBAL STYLES
  Use this section for
  site-wide stuffs.
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    width: 1160px;
  }
  .container {
    max-width: 1160px;
  }
  /*h1, .h1 {
  	font-size: $f58px; //5.8rem;
  } */
  /*.has-medium-font-size {
  	font-size: $f23px; //2rem;
  } */
  #inner-header, #inner-footer {
    max-width: 1160px;
  }
  .header-nav {
    max-width: 1160px;
  }
  .nav li a > span {
    padding: 0 15px;
  }
  /*.course-heading {
  	padding: 5em 1.5em; 
  	display: grid;
  	grid-template-areas: "intro gutter figure";
  	/*.article-header {
  		grid-area: intro;
  	} */
  /*
  	.article-image {
  		grid-area: figure;
  	}
  } */
  .article-header {
    max-width: calc(1160px - 3em);
  }
  #content .entry-content > p, #content .entry-content > h1, #content .entry-content > h2, #content .entry-content > h3, #content .entry-content > h4, #content .entry-content > h5, #content .entry-content > h6, #content .entry-content > ul, #content .entry-content > ol {
    max-width: calc(1160px - 3rem);
  }
  #content .entry-content > .alignwide {
    max-width: calc(1160px - 3rem);
  }
  #content .entry-content .alignright {
    margin-right: calc((100vw - 1160px) / 2 + 1.5em);
  }
  #content .entry-content .alignleft {
    margin-left: calc((100vw - 1160px) / 2 + 1.5em);
  }
  #content .entry-content > .wp-block-quote,
  #content .entry-content > .wp-block-file {
    max-width: calc(1160px - 3em);
  }
  #content .entry-content .wp-block-cover.alignright, #content .entry-content .wp-block-cover.alignleft {
    max-width: calc((1160px - 3em) / 2 - 1.5em);
  }
  #content .entry-content .wp-block-media-text.alignfull {
    grid-template-columns: calc((100% - (1160px - 4.8rem)) / 2) calc((100% - calc((100% - (1160px - 4.8rem)) / 2) * 2) / 2) calc((100% - calc((100% - (1160px - 4.8rem)) / 2) * 2) / 2) calc((100% - (1160px - 4.8rem)) / 2);
    /*&.has-media-on-the-right {
    	grid-template-areas: " . text figure . ";
    }
    /*figure {
    	grid-area: figure;
    } */
    /*.wp-block-media-text__content {
    		grid-area: text;
    		padding: 0 0 0 8%;
    	} */
    /*&.has-media-on-the-right .wp-block-media-text__content {
    	padding: 0 8% 0 0;
    } */
  }
  #content .entry-content h1.alignfull, #content .entry-content h2.alignfull, #content .entry-content h3.alignfull, #content .entry-content h4.alignfull, #content .entry-content h5.alignfull, #content .entry-content h6.alignfull, #content .entry-content p.alignfull {
    max-width: calc(1160px - 3rem);
  }
  #content .entry-content > .wp-block-columns.alignfull,
  #content .entry-content > .wp-block-group.alignfull {
    padding-left: calc((100vw - 1160px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1160px) / 2 + 1.5em) !important;
  }
  #content .entry-content > .wp-block-columns.p-0, #content .entry-content > .wp-block-columns.px-0,
  #content .entry-content > .wp-block-group.p-0,
  #content .entry-content > .wp-block-group.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #content .entry-content > .wp-block-columns.pl-0, #content .entry-content > .wp-block-columns.ps-0,
  #content .entry-content > .wp-block-group.pl-0,
  #content .entry-content > .wp-block-group.ps-0 {
    padding-left: 0px !important;
  }
  #content .entry-content > .wp-block-columns.pr-0, #content .entry-content > .wp-block-columns.pe-0,
  #content .entry-content > .wp-block-group.pr-0,
  #content .entry-content > .wp-block-group.pe-0 {
    padding-right: 0px !important;
  }
  #content .entry-content .wp-block-cover__inner-container {
    padding-left: calc((100vw - 1160px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1160px) / 2 + 1.5em) !important;
  }
  .sidebar .widget > .wp-block-columns.alignfull,
  .sidebar .widget > .wp-block-group.alignfull {
    padding-left: calc((100vw - 1160px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1160px) / 2 + 1.5em) !important;
  }
  section.carousel {
    width: calc(1160px - 3em);
  }
  /*article.course {
  	display: grid;
  	grid-template-areas: "intro gutter figure" "tabs tabs tab";
  	grid-template-columns: 50% 2% 48%;

  	.article-header {
  		grid-area: intro;
  	}

  	.article-image {
  		grid-area: figure;
  	}

  	.entry-content {
  		grid-area: tabs;
  	}
  } */
  .mapholder .wrap {
    max-width: calc(1160px - 3em);
  }
  .supcontrol_search_container {
    max-width: 1160px;
  }
  /* breadcrumbs 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: breadcrumbs 
      Viewport: 1240up 
      Author: Rebecca Rumble
  ****************************************************************/
  /* header 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: header 
      Viewport: 1240up 
      Author: Rebecca Rumble
  ****************************************************************/
  /* footer 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: footer 
      Viewport: 1240up 
      Author: Rebecca Rumble
  ****************************************************************/
}
@media only screen and (min-width: 1400px) {
  /******************************************************************
  Site Name: Riverside Rentals
  Author: Rebecca Rumble

  Stylesheet: Super Large Monitor Stylesheet

  You can add some advanced styles here for extra large monitors.

  ******************************************************************/
  /*********************
  GLOBAL STYLES
  Use this section for
  site-wide stuffs.
  *********************/
  /*html {
     // font-size: 1em; // 1em = 16px; Adjust if you want a different baseline.
      font-size: 62.5%; // Using REM Units
  } */
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    width: 1160px;
  }
  .container {
    max-width: 1160px;
  }
  #inner-header, #inner-footer {
    max-width: 1160px;
  }
  .header-nav {
    max-width: 1160px;
  }
  .nav li a > span {
    padding: 0 10px;
  }
  section.carousel,
  .ua-chrome.ua-desktop-macintosh section.carousel {
    width: calc(1160px - 3em);
    margin: 0 auto 6rem;
  }
  .article-header {
    max-width: calc(1160px - 3em);
  }
  #content .entry-content > p, #content .entry-content > h1, #content .entry-content > h2, #content .entry-content > h3, #content .entry-content > h4, #content .entry-content > h5, #content .entry-content > h6, #content .entry-content > ul, #content .entry-content > ol {
    max-width: calc(1160px - 3rem);
  }
  #content .entry-content > .alignwide {
    max-width: calc(1160px - 3em);
  }
  #content .entry-content .alignright {
    margin-right: calc((100vw - 1160px) / 2 + 1.5em);
  }
  #content .entry-content .alignleft {
    margin-left: calc((100vw - 1160px) / 2 + 1.5em);
  }
  #content .entry-content > .wp-block-quote,
  #content .entry-content > .wp-block-file {
    max-width: calc(1160px - 3em);
  }
  #content .entry-content .wp-block-cover.alignright, #content .entry-content .wp-block-cover.alignleft {
    max-width: calc((1160px - 3em) / 2 - 1.5em);
  }
  #content .entry-content .wp-block-cover__inner-container {
    padding-left: calc((100vw - 1160px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1160px) / 2 + 1.5em) !important;
  }
  #content .entry-content .wp-block-media-text.alignfull {
    grid-template-columns: calc((100% - (1160px - 4.8rem)) / 2) calc((100% - calc((100% - (1160px - 4.8rem)) / 2) * 2) / 2) calc((100% - calc((100% - (1160px - 4.8rem)) / 2) * 2) / 2) calc((100% - (1160px - 4.8rem)) / 2);
  }
  #content .entry-content h1.alignfull, #content .entry-content h2.alignfull, #content .entry-content h3.alignfull, #content .entry-content h4.alignfull, #content .entry-content h5.alignfull, #content .entry-content h6.alignfull, #content .entry-content p.alignfull {
    max-width: calc(1160px - 3rem);
  }
  #content .entry-content > .wp-block-columns.alignfull,
  #content .entry-content > .wp-block-group.alignfull {
    padding-left: calc((100vw - 1160px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1160px) / 2 + 1.5em) !important;
  }
  #content .entry-content > .wp-block-columns.p-0, #content .entry-content > .wp-block-columns.px-0,
  #content .entry-content > .wp-block-group.p-0,
  #content .entry-content > .wp-block-group.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #content .entry-content > .wp-block-columns.pl-0, #content .entry-content > .wp-block-columns.ps-0,
  #content .entry-content > .wp-block-group.pl-0,
  #content .entry-content > .wp-block-group.ps-0 {
    padding-left: 0px !important;
  }
  #content .entry-content > .wp-block-columns.pr-0, #content .entry-content > .wp-block-columns.pe-0,
  #content .entry-content > .wp-block-group.pr-0,
  #content .entry-content > .wp-block-group.pe-0 {
    padding-right: 0px !important;
  }
  .sidebar .widget > .wp-block-columns.alignfull,
  .sidebar .widget > .wp-block-group.alignfull {
    padding-left: calc((100vw - 1160px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1160px) / 2 + 1.5em) !important;
  }
  section.carousel {
    width: calc(1160px - 3em);
  }
  .mapholder .wrap {
    max-width: calc(1160px - 3em);
  }
  .mapholder .svg {
    top: -15px;
    left: 45px;
  }
  .supcontrol_search_container {
    max-width: 1160px;
  }
  /* breadcrumbs 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: breadcrumbs 
      Viewport: 1400up 
      Author: Rebecca Rumble
  ****************************************************************/
  /* header 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: header 
      Viewport: 1400up 
      Author: Rebecca Rumble
  ****************************************************************/
  /* footer 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: footer 
      Viewport: 1400up 
      Author: Rebecca Rumble
  ****************************************************************/
  .logos img {
    max-height: 100px !important;
  }
}
/*********************
HIMALAYA XL 9000 SIZE
This is for super ginormous monitors like your one friend has.
*********************/
@media only screen and (min-width: 1630px) {
  /******************************************************************
  Site Name: Riverside Rentals
  Author: Rebecca Rumble

  Stylesheet: Super Large Monitor Stylesheet

  You can add some advanced styles here for extra large monitors.

  ******************************************************************/
  /*********************
  GLOBAL STYLES
  Use this section for
  site-wide stuffs.
  *********************/
  .col-xl-7ths {
    flex: 0 0 auto;
    width: 14.2857142857%;
  }
  .col-xl-8ths {
    flex: 0 0 auto;
    width: 12.5%;
  }
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    width: 1160px;
  }
  .container {
    max-width: 1160px;
  }
  h1, .h1 {
    font-size: 3rem;
  }
  #inner-header, #inner-footer {
    max-width: 1160px;
  }
  .header-nav {
    max-width: 1160px;
  }
  section.carousel {
    width: calc(1160px - 3em);
    margin: 0 auto 6rem;
  }
  .article-header {
    max-width: calc(1160px - 3em);
  }
  #content .entry-content > p, #content .entry-content > h1, #content .entry-content > h2, #content .entry-content > h3, #content .entry-content > h4, #content .entry-content > h5, #content .entry-content > h6, #content .entry-content > ul, #content .entry-content > ol {
    max-width: calc(1160px - 3rem);
  }
  #content .entry-content > .alignwide {
    max-width: calc(1160px - 3em);
  }
  #content .entry-content .alignfull {
    max-width: 100vw;
  }
  #content .entry-content .alignright {
    margin-right: calc((100vw - 1160px) / 2 + 1.5em);
  }
  #content .entry-content .alignleft {
    margin-left: calc((100vw - 1160px) / 2 + 1.5em);
  }
  #content .entry-content > .wp-block-quote,
  #content .entry-content > .wp-block-file {
    max-width: calc(1160px - 3em);
  }
  #content .entry-content .wp-block-cover.alignright, #content .entry-content .wp-block-cover.alignleft {
    max-width: calc((1160px - 3em) / 2 - 1.5em);
  }
  #content .entry-content .wp-block-media-text.alignfull {
    grid-template-columns: calc((100% - (1160px - 4.8rem)) / 2) calc((100% - calc((100% - (1160px - 4.8rem)) / 2) * 2) / 2) calc((100% - calc((100% - (1160px - 4.8rem)) / 2) * 2) / 2) calc((100% - (1160px - 4.8rem)) / 2);
  }
  #content .entry-content h1.alignfull, #content .entry-content h2.alignfull, #content .entry-content h3.alignfull, #content .entry-content h4.alignfull, #content .entry-content h5.alignfull, #content .entry-content h6.alignfull, #content .entry-content p.alignfull {
    max-width: calc(1160px - 3rem);
  }
  #content .entry-content > .wp-block-columns.alignfull,
  #content .entry-content > .wp-block-group.alignfull {
    padding-left: calc((100vw - 1160px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1160px) / 2 + 1.5em) !important;
  }
  #content .entry-content > .wp-block-columns.p-0, #content .entry-content > .wp-block-columns.px-0,
  #content .entry-content > .wp-block-group.p-0,
  #content .entry-content > .wp-block-group.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #content .entry-content > .wp-block-columns.pl-0, #content .entry-content > .wp-block-columns.ps-0,
  #content .entry-content > .wp-block-group.pl-0,
  #content .entry-content > .wp-block-group.ps-0 {
    padding-left: 0px !important;
  }
  #content .entry-content > .wp-block-columns.pr-0, #content .entry-content > .wp-block-columns.pe-0,
  #content .entry-content > .wp-block-group.pr-0,
  #content .entry-content > .wp-block-group.pe-0 {
    padding-right: 0px !important;
  }
  #content .entry-content .wp-block-cover__inner-container {
    padding-left: calc((100vw - 1160px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1160px) / 2 + 1.5em) !important;
  }
  .sidebar .widget > .wp-block-columns.alignfull,
  .sidebar .widget > .wp-block-group.alignfull {
    padding-left: calc((100vw - 1160px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1160px) / 2 + 1.5em) !important;
  }
  section.carousel {
    width: calc(1160px - 3em);
  }
  .mapholder .wrap {
    max-width: calc(1160px - 3em);
  }
  .supcontrol_search_container {
    max-width: 1160px;
  }
  /* breadcrumbs 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: breadcrumbs 
      Viewport: 1600up 
      Author: Rebecca Rumble
  ****************************************************************/
  /* header 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: header 
      Viewport: 1600up 
      Author: Rebecca Rumble
  ****************************************************************/
  /* footer 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: footer 
      Viewport: 1600up 
      Author: Rebecca Rumble
  ****************************************************************/
}
@media only screen and (min-width: 1880px) {
  /******************************************************************
  Site Name: Riverside Rentals
  Author: Rebecca Rumble

  Stylesheet: Super Large Monitor Stylesheet

  You can add some advanced styles here for extra large monitors.

  ******************************************************************/
  /*********************
  GLOBAL STYLES
  Use this section for
  site-wide stuffs.
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    width: 1160px;
  }
  .container {
    max-width: 1160px;
  }
  #inner-header, #inner-footer {
    max-width: 1160px;
  }
  .header-nav {
    max-width: 1160px;
  }
  section.car ousel {
    width: calc(1160px - 3em);
  }
  .article-header {
    max-width: calc(1160px - 3em);
  }
  #content .entry-content > .alignwide {
    max-width: calc(1160px - 3em);
  }
  #content .entry-content .alignfull {
    max-width: 100vw;
  }
  #content .entry-content .alignright {
    margin-right: calc((100vw - 1160px) / 2 + 1.5em);
  }
  #content .entry-content .alignleft {
    margin-left: calc((100vw - 1160px) / 2 + 1.5em);
  }
  #content .entry-content > .wp-block-quote,
  #content .entry-content > .wp-block-file {
    max-width: calc(1160px - 3em);
  }
  #content .entry-content > p, #content .entry-content > h1, #content .entry-content > h2, #content .entry-content > h3, #content .entry-content > h4, #content .entry-content > h5, #content .entry-content > h6, #content .entry-content > ul, #content .entry-content > ol {
    max-width: calc(1160px - 3rem);
  }
  #content .entry-content > .wp-block-columns.alignfull,
  #content .entry-content > .wp-block-group.alignfull {
    padding-left: calc((100vw - 1160px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1160px) / 2 + 1.5em) !important;
  }
  #content .entry-content > .wp-block-columns.p-0, #content .entry-content > .wp-block-columns.px-0,
  #content .entry-content > .wp-block-group.p-0,
  #content .entry-content > .wp-block-group.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #content .entry-content > .wp-block-columns.pl-0, #content .entry-content > .wp-block-columns.ps-0,
  #content .entry-content > .wp-block-group.pl-0,
  #content .entry-content > .wp-block-group.ps-0 {
    padding-left: 0px !important;
  }
  #content .entry-content > .wp-block-columns.pr-0, #content .entry-content > .wp-block-columns.pe-0,
  #content .entry-content > .wp-block-group.pr-0,
  #content .entry-content > .wp-block-group.pe-0 {
    padding-right: 0px !important;
  }
  #content .entry-content .wp-block-cover__inner-container {
    padding-left: calc((100vw - 1160px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1160px) / 2 + 1.5em) !important;
  }
  #content .entry-content .wp-block-cover.alignright, #content .entry-content .wp-block-cover.alignleft {
    max-width: calc((1160px - 3em) / 2 - 1.5em);
  }
  #content .entry-content .wp-block-media-text.alignfull {
    grid-template-columns: calc((100% - (1160px - 4.8rem)) / 2) calc((100% - calc((100% - (1160px - 4.8rem)) / 2) * 2) / 2) calc((100% - calc((100% - (1160px - 4.8rem)) / 2) * 2) / 2) calc((100% - (1160px - 4.8rem)) / 2);
  }
  #content .entry-content h1.alignfull, #content .entry-content h2.alignfull, #content .entry-content h3.alignfull, #content .entry-content h4.alignfull, #content .entry-content h5.alignfull, #content .entry-content h6.alignfull, #content .entry-content p.alignfull {
    max-width: calc(1160px - 4.8rem);
  }
  .sidebar .widget > .wp-block-columns.alignfull,
  .sidebar .widget > .wp-block-group.alignfull {
    padding-left: calc((100vw - 1160px) / 2 + 1.5em) !important;
    padding-right: calc((100vw - 1160px) / 2 + 1.5em) !important;
  }
  .mapholder .wrap {
    max-width: calc(1160px - 3em);
  }
  .supcontrol_search_container {
    max-width: 1160px;
  }
  /* breadcrumbs 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: breadcrumbs 
      Viewport: 1900up 
      Author: Rebecca Rumble
  ****************************************************************/
  /* header 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: header 
      Viewport: 1900up 
      Author: Rebecca Rumble
  ****************************************************************/
  /* footer 
  --------------------------------------------------------------------*/
  /****************************************************************
      Module: footer 
      Viewport: 1900up 
      Author: Rebecca Rumble
  ****************************************************************/
}
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Print Stylesheet

  This is the print stylesheet. You probably don't need to edit much
  in here but if you want to, do your thang.

  Adapted from here:
  https://www.noupe.com/design/css-perfect-print-stylesheet-98272.html

  Updated 2018-05-25

  ******************************************************************/
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -ms-filter: none !important;
    filter: none !important;
  }
  /* Setting content width, unsetting floats and margins */
  /* Attention: the classes and IDs vary from theme to theme. Thus, set own classes here */
  #content {
    width: 100%;
    margin: 0;
    float: none;
  }
  /** Setting margins */
  @page {
    margin: 2cm;
  }
  /* Or: */
  @page :left {
    margin: 1cm;
  }
  @page :right {
    margin: 1cm;
  }
  /* The first page of a print can be manipulated as well */
  @page :first {
    margin: 1cm 2cm;
  }
  /* Set font to 16px/13pt, set background to white and font to black.*/
  /* This saves ink */
  body {
    font-size: 13pt;
    line-height: 1.3;
    background: #fff !important;
    color: #000;
  }
  h1 {
    font-size: 24pt;
  }
  h2, h3, h4 {
    font-size: 14pt;
    margin-top: 25px;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  /* Defining all page breaks */
  a {
    page-break-inside: avoid;
  }
  blockquote {
    page-break-inside: avoid;
  }
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  img {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  table, pre {
    page-break-inside: avoid;
  }
  ul, ol, dl {
    page-break-before: avoid;
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* Displaying link color and link behaviour */
  a:link, a:visited, a {
    background: transparent;
    color: #0088cc;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
  }
  a[href^=http]:after {
    content: " < " attr(href) "> ";
  }
  article a[href^="#"]:after {
    content: "";
  }
  a:not(:local-link):after {
    content: " < " attr(href) "> ";
  }
  /**
  * Making intergated videos disappear, and removing the iframes' whitespace to zero. 
  */
  .entry-content iframe, ins {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
  }
  .embed-youtube, .embed-responsive, .embed-container {
    display: none;
    position: absolute;
    height: 0;
    overflow: hidden;
  }
  /* Hiding unnecessary elements for the print */
  #header-widgets, nav, aside,
  .sidebar, .content-ads, .make-comment, .author-bio,
  .heading, .related-posts, #decomments-form-add-comment,
  #breadcrumbs, #footer, .post-byline, .byline, .meta-single,
  .site-title img, .post-tags, .readability, .sidebar, .page-navigation, .wp-prev-next,
  .respond-form {
    display: none;
  }
}/*
Theme Name: riversiderentals-child
Template: riversiderentals
version: 1.0.0
*/