/*
 * Weebly element styles the migrated content relies on.
 * On Weebly these came from the platform stylesheet (cdn2.editmysite.com/css/sites.css),
 * which is not part of the theme. This file recreates the parts the pages use.
 */

/* Layout ------------------------------------------------------------------ */
.wsite-section-wrap { position: relative; }
.wsite-section { position: relative; background-size: cover; background-position: 50% 50%; }
.wsite-section-content { position: relative; }
.wsite-section-elements { position: relative; }
.wsite-section-elements:after, .wsite-elements:after { content: ''; display: table; clear: both; }
.wsite-spacer { overflow: hidden; }
#wsite-content img { max-width: 100%; }

/* Columns (Weebly "multicol"). Columns stack below 768px (see dusk.css) unless
   a "column forcer" was used, which Weebly applied by renaming the class. */
.wsite-multicol { overflow: hidden; }
.wsite-multicol-table { width: 100%; table-layout: fixed; border: 0; border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; }
.wsite-multicol-tbody, .wsite-multicol-tr { border: 0; margin: 0; padding: 0; }
.wsite-multicol-col, .waddons-wsite-multicol-col { vertical-align: top; border: 0; margin: 0; }
.waddons-wsite-multicol-col { box-sizing: border-box; vertical-align: top !important; display: table-cell !important; }

/* Text --------------------------------------------------------------------- */
.paragraph, #wsite-content p { word-wrap: break-word; }
.paragraph ul, .paragraph ol { padding-left: 2.5em; margin: 0.5em 0; }
.paragraph ul li { list-style: disc; }
.paragraph ol li { list-style: decimal; }
.wsite-content-title { word-wrap: break-word; }
.wsite-content-title font, .paragraph font { line-height: normal; }
/* Site-wide font settings Weebly injected into every page head */
@media screen and (min-width: 767px) {
	#wsite-content div.paragraph, #wsite-content p, .blog-sidebar div.paragraph, .blog-sidebar p { line-height: 18px !important; }
	#wsite-content h2, .blog-sidebar h2 { font-size: 30px !important; line-height: 30px !important; }
	.wsite-headline, .wsite-header-section .wsite-content-title { font-size: 33px !important; }
}
#wsite-title { font-weight: bold !important; }
.wsite-footer h2 a, .wsite-footer .paragraph a, .wsite-footer blockquote a { color: #515151 !important; }
.wsite-headline, .wsite-header-section .wsite-content-title { font-weight: bold !important; text-transform: uppercase !important; }
#wsite-content h2 { text-transform: none !important; letter-spacing: 0 !important; }
.wsite-menu-default a, .wsite-menu a { font-weight: bold !important; text-transform: none !important; }

/* Single images ------------------------------------------------------------ */
.wsite-image { position: relative; }
.wsite-image a { display: inline; }
.wsite-image img { vertical-align: top; }
.wsite-image-border-none img { border: 0; }

/* Galleries: Weebly writes the grid as inline styles; these are the base rules. */
.imageGallery { position: relative; }
.imageGallery:after { content: ''; display: table; clear: both; }
.galleryImageHolder { display: block; }
.galleryInnerImageHolder a { display: block; }
.galleryImage { display: block; }
.galleryCaptionHolder { position: absolute; left: 0; right: 0; bottom: 0; }
.galleryCaptionHolderInner { position: relative; width: 100%; }
.galleryCaptionHolderInnerBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.galleryCaptionInnerTextHolder { position: relative; padding: 6px 10px; }
.galleryCaptionHover .galleryCaptionHolder { opacity: 0; transition: opacity 200ms ease; }
.galleryCaptionHover:hover .galleryCaptionHolder, .galleryImageHolder:hover .galleryCaptionHover .galleryCaptionHolder { opacity: 1; }
@media screen and (max-width: 767px) {
	.imageGallery > div.fullwidth-mobile { width: 100% !important; }
}

/* Video -------------------------------------------------------------------- */
.wsite-youtube { position: relative; }
.wsite-youtube-wrapper { position: relative; margin: 0 auto; }
.wsite-youtube-align-center { text-align: center; margin-left: auto; margin-right: auto; }
.wsite-youtube-size-auto .wsite-youtube-container { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.wsite-youtube-size-auto .wsite-youtube-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.wsite-youtube-size-medium { max-width: 560px; }
.wsite-youtube-size-medium .wsite-youtube-container { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.wsite-youtube-size-medium .wsite-youtube-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.wsite-video-wrapper { position: relative; }
.wsite-video-align-center { text-align: center; }
.wsite-video-align-left { text-align: left; }
.wsite-video-container video { display: inline-block; max-width: 100%; background: #000; }

/* Responsive show/hide boxes (Weebly "Hide Box" element). Breakpoints match the original script. */
@media screen and (max-width: 767px) { .mf-hide-xs { display: none !important; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .mf-hide-sm { display: none !important; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .mf-hide-md { display: none !important; } }
@media screen and (min-width: 1200px) { .mf-hide-lg { display: none !important; } }

/* Custom HTML blocks (Sirv spins, iframes) */
.wcustomhtml { width: 100%; overflow-y: hidden; }
.wcustomhtml iframe { max-width: 100%; }

/* Sirv zoom tweaks that each Weebly spin block used to repeat inline */
.sirv-zoom-button { width: 20px; height: 20px; }
.sirv-zoom-nav-controls { width: 10px; }
.sirv-zoom-figure.fullscreen-mode .sirv-zoom-thumbnails { transform: translateY(0) !important; }
.sirv-zoom-figure.fullscreen-mode .sirv-zoom-thumbnails .sirv-zoom-button-thumbs { display: none !important; }
.sirv-zoom-figure-view.fullscreen-only .sirv-zoom-button-fullscreen > span { display: none !important; }

/* Accordion (Weebly "waddons" accordion). Per-instance colours stay in the page. */
.waddons-accordion__title { cursor: pointer; }
.waddons-accordion__content { overflow: hidden; }

/* Counter */
.counter-element { text-align: center; }

/* Forms -------------------------------------------------------------------- */
.wsite-form-field { position: relative; }
.wsite-form-input-container { margin: 0; }
.wsite-form-input { box-sizing: border-box; width: 100%; max-width: 100%; }
.wsite-input-width-370px { max-width: 370px; }
.wsite-form-left, .wsite-form-right { float: left; width: 48.5%; }
.wsite-form-right { margin-left: 3%; }
.wsite-form-field:after { content: ''; display: table; clear: both; }
.form-required { color: #ff8400; }
ul.formlist { list-style: none; margin: 0; padding: 0; }
.wsite-form-label { display: inline-block; }
.wsite-button { cursor: pointer; text-decoration: none; }
button.wsite-button { border: 0; background: none; padding: 0; font: inherit; }

/* Footer search box */
.wsite-search-element { position: relative; display: inline-block; width: 100%; max-width: 240px; }
.wsite-search-element-input { width: 100%; box-sizing: border-box; padding-right: 36px !important; }
.wsite-search-element-submit { position: absolute; top: 0; right: 0; width: 36px; height: 100%; margin: 0 !important; border: 0; background: transparent; cursor: pointer; }
.wsite-search-element-submit:before { content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -10px 0 0 -8px; background: #888; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center / contain no-repeat; }

/* Social icons (Weebly used an icon font; these are inline SVG masks) */
.wsite-social { display: inline-block; }
.wsite-social-item { display: inline-block; width: 25px; height: 25px; vertical-align: middle; }
.wsite-social-item-inner { display: block; width: 100%; height: 100%; background: #000; transition: background 200ms ease; }
.wsite-social-item:hover .wsite-social-item-inner { background: #C60C30; }
.wsite-social-facebook .wsite-social-item-inner { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.78-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0 0 22 12z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.78-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0 0 22 12z'/%3E%3C/svg%3E") center / contain no-repeat; }
.wsite-social-instagram .wsite-social-item-inner { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2c3.2 0 3.6 0 4.8.1 3.3.1 4.8 1.7 4.9 4.9.1 1.3.1 1.6.1 4.8s0 3.6-.1 4.8c-.1 3.2-1.7 4.8-4.9 4.9-1.3.1-1.6.1-4.8.1s-3.6 0-4.8-.1c-3.3-.1-4.8-1.7-4.9-4.9C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.8C2.4 3.9 3.9 2.4 7.2 2.3 8.4 2.2 8.8 2.2 12 2.2zM12 0C8.7 0 8.3 0 7.1.1 2.7.3.3 2.7.1 7.1 0 8.3 0 8.7 0 12s0 3.7.1 4.9c.2 4.4 2.6 6.8 7 7 1.2.1 1.6.1 4.9.1s3.7 0 4.9-.1c4.4-.2 6.8-2.6 7-7 .1-1.2.1-1.6.1-4.9s0-3.7-.1-4.9c-.2-4.4-2.6-6.8-7-7C15.7 0 15.3 0 12 0zm0 5.8a6.2 6.2 0 1 0 0 12.4 6.2 6.2 0 0 0 0-12.4zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.4-11.8a1.4 1.4 0 1 0 0 2.9 1.4 1.4 0 0 0 0-2.9z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2c3.2 0 3.6 0 4.8.1 3.3.1 4.8 1.7 4.9 4.9.1 1.3.1 1.6.1 4.8s0 3.6-.1 4.8c-.1 3.2-1.7 4.8-4.9 4.9-1.3.1-1.6.1-4.8.1s-3.6 0-4.8-.1c-3.3-.1-4.8-1.7-4.9-4.9C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.8C2.4 3.9 3.9 2.4 7.2 2.3 8.4 2.2 8.8 2.2 12 2.2zM12 0C8.7 0 8.3 0 7.1.1 2.7.3.3 2.7.1 7.1 0 8.3 0 8.7 0 12s0 3.7.1 4.9c.2 4.4 2.6 6.8 7 7 1.2.1 1.6.1 4.9.1s3.7 0 4.9-.1c4.4-.2 6.8-2.6 7-7 .1-1.2.1-1.6.1-4.9s0-3.7-.1-4.9c-.2-4.4-2.6-6.8-7-7C15.7 0 15.3 0 12 0zm0 5.8a6.2 6.2 0 1 0 0 12.4 6.2 6.2 0 0 0 0-12.4zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.4-11.8a1.4 1.4 0 1 0 0 2.9 1.4 1.4 0 0 0 0-2.9z'/%3E%3C/svg%3E") center / contain no-repeat; }
.wsite-social-mail .wsite-social-item-inner { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") center / contain no-repeat; }

/* Blog --------------------------------------------------------------------- */
#blogTable { width: 100%; border-collapse: collapse; }
#blogTable td { vertical-align: top; }
#blogTable .blog-sidebar { width: 26%; padding-left: 40px; }
.blog-post { margin-bottom: 20px; }
.blog-header { margin-bottom: 10px; }
.blog-date, .blog-comments { display: inline-block; margin-right: 12px; color: #999; font-size: 13px; }
.blog-separator { border-top: 1px solid #ccc; height: 0; margin: 10px 0 20px; overflow: hidden; }
.blog-post-separator { height: 30px; }
.blog-archive-list, .blog-category-list { list-style: none; margin: 0 0 20px; }
.blog-archive-list li, .blog-category-list li { list-style: none; line-height: 1.8; }
.blogCommentWrap { margin-bottom: 15px; }
.blog-button { cursor: pointer; font-size: 13px; }
