/*   
Theme Name: Hill Archive
Theme URI: https://hillarchive.com
Description: Custom designed & developed theme for Hill Archive.
Version: 2.0
Text Domain: Hill Archive
Author: William Pyle / Commexis
Author URI: http://www.commexis.com 
*/
@font-face { font-family: 'Roboto'; src: url("assets/fonts/Roboto-Italic.woff2") format("woff2"), url("assets/fonts/Roboto-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; }

@font-face { font-family: 'Roboto'; src: url("assets/fonts/Roboto-LightItalic.woff2") format("woff2"), url("assets/fonts/Roboto-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; }

@font-face { font-family: 'Roboto'; src: url("assets/fonts/Roboto-Regular.woff2") format("woff2"), url("assets/fonts/Roboto-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Roboto'; src: url("assets/fonts/Roboto-BoldItalic.woff2") format("woff2"), url("assets/fonts/Roboto-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; }

@font-face { font-family: 'Roboto'; src: url("assets/fonts/Roboto-Bold.woff2") format("woff2"), url("assets/fonts/Roboto-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Roboto'; src: url("assets/fonts/Roboto-Light.woff2") format("woff2"), url("assets/fonts/Roboto-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Lora'; src: url("assets/fonts/Lora-Italic.woff2") format("woff2"), url("assets/fonts/Lora-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; }

@font-face { font-family: 'Lora'; src: url("assets/fonts/Lora-Regular.woff2") format("woff2"), url("assets/fonts/Lora-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Lora'; src: url("assets/fonts/Lora-BoldItalic.woff2") format("woff2"), url("assets/fonts/Lora-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; }

@font-face { font-family: 'Lora'; src: url("assets/fonts/Lora-Bold.woff2") format("woff2"), url("assets/fonts/Lora-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }

/* ==========================================
TYPOGRAPHY
========================================== */
/* ==========================================
TEXT
========================================== */
p { line-height: 1.6; padding-bottom: 15px; }

p:last-child { padding: 0; }

p strong { font-weight: 600; }

.the-content h1, .the-content h2, .the-content h3, .the-content h4, .the-content h5, .the-content h6 { font-family: "Lora", serif; line-height: 1.35; letter-spacing: .5px; }

.the-content h1 { font-size: 36px; padding-bottom: 15px; }

@media screen and (max-width: 769px) { .the-content h1 { font-size: 30px; } }

@media screen and (max-width: 676px) { .the-content h1 { font-size: 24px; } }

@media screen and (max-width: 481px) { .the-content h1 { font-size: 20px; } }

.the-content h2 { font-size: 30px; padding-bottom: 15px; }

@media screen and (max-width: 769px) { .the-content h2 { font-size: 28px; } }

@media screen and (max-width: 676px) { .the-content h2 { font-size: 24px; } }

@media screen and (max-width: 481px) { .the-content h2 { font-size: 22px; } }

.the-content h3 { font-size: 22px; padding-bottom: 10px; }

@media screen and (max-width: 676px) { .the-content h3 { font-size: 20px; } }

@media screen and (max-width: 481px) { .the-content h3 { font-size: 18px; } }

.the-content h4 { font-size: 20px; padding-bottom: 10px; }

@media screen and (max-width: 769px) { .the-content h4 { font-size: 16px; } }

@media screen and (max-width: 676px) { .the-content h4 { font-size: 14px; } }

.the-content h5 { font-size: 18px; padding-bottom: 10px; }

@media screen and (max-width: 769px) { .the-content h5 { font-size: 14px; } }

.the-content h6 { font-size: 18px; padding-bottom: 10px; }

h1, h2, h3, h4, h5, h6 { /*font-family: $headlinefont;*/ font-weight: normal; }

/* ==========================================
LINKS
========================================== */
a { color: #2d9eea; cursor: pointer; text-decoration: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

a:hover { color: #000119; }

.the-content p a, .the-content ul a, .the-content ol a, .the-content h1 a, .the-content h2 a, .the-content h3 a, .the-content h4 a, .the-content h5 a, .the-content h6 a { text-decoration: underline; }

a.btn { border: 2px solid transparent; border-radius: 5px; display: inline-block; font-size: 15px; font-weight: 300; padding: 10px 15px; text-transform: uppercase; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

@media screen and (max-width: 769px) { a.btn { padding: 10px 15px; } }

@media screen and (max-width: 676px) { a.btn { display: inline-block; font-size: 14px; padding: 10px 15px; text-align: center; } }

a.btn.white { background-color: #ffffff; color: #000119; }

a.btn.white:hover { background-color: #ededed; }

a.btn.blue { background-color: #2d9eea; color: #ffffff; }

a.btn.blue:hover { background-color: #000119; }

a.btn.red { background-color: #b75739; color: #ffffff; }

a.btn.red:hover { background-color: #161922; }

a.btn.white-border { background-color: transparent; border: 2px solid #ffffff; color: #ffffff; }

a.btn.white-border:hover { background-color: rgba(255, 255, 255, 0.25); }

a.btn.black-border { background-color: transparent; border: 2px solid #161922; color: #161922; }

a.btn.black-border:hover { border: 2px solid #b75739; color: #b75739; }

a.btn.small { font-size: 16px; padding: 10px; }

@media screen and (max-width: 500px) { a.btn.small { font-size: 14px; } }

/* ==========================================
FONT AWESOME
========================================== */
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ==========================================
MISC OVERALL
========================================== */
* { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

html { height: 100%; }

body { background-color: #ffffff; color: #161922; height: 100%; font-family: "Roboto", sans-serif, Arial, sans-serif; font-size: 16px; font-weight: 300; letter-spacing: .5px; line-height: 1.3; font-variant-numeric: lining-nums; -webkit-font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; font-feature-settings: "lnum"; }

@media screen and (max-width: 676px) { body { font-size: 15px; } }

@media only screen and (min-width: 320px) and (max-width: 676px) { body { -webkit-text-size-adjust: none; } }

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }

* html .group, *:first-child + html .group { zoom: 1; }

a.post-edit-link { color: #212121; position: absolute; top: 1px; right: 0; font-size: 12px; text-decoration: none; padding-top: 5px; }

a.post-edit-link:hover { text-decoration: underline; }

::selection { background: #f1972c; color: #fff; }

::-moz-selection { background: #f1972c; color: #fff; }

.width-100 { width: 100%; }

/* ==========================================
MISC CONTENT RELATED
========================================== */
.alignleft { float: left; margin: 10px 25px 10px 0; }

.alignright { float: right; margin: 10px 0 10px 25px; }

.aligncenter { text-align: center; }

.clear:after { content: ""; display: table; clear: both; }

.word-break { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

blockquote { border-left: 5px solid #b75739; font-size: 18px; margin-left: 40px; margin: 20px 0 25px 50px; padding: 10px 0 10px 30px; }

@media screen and (max-width: 676px) { blockquote { font-size: 16px; margin: 20px 0 25px 25px; padding: 10px 0 10px 20px; } }

@media screen and (max-width: 481px) { blockquote { margin: 15px 0; } }

blockquote h4 { font-size: 24px !important; }

@media screen and (max-width: 676px) { blockquote h4 { font-size: 20px !important; } }

iframe, .lazy-load-div, .container-lazyload, .container-lazyload a { max-width: 100% !important; }

/* ==========================================
IMAGES
========================================== */
img { max-width: 100%; }

img.aligncenter { float: none; margin: 0 auto; display: block; }

.not-found { width: 100%; max-width: 600px; height: auto; }

.size-large, .size-full, .size-medium { max-width: 100%; height: auto; }

.wp-caption-text { font-size: 14px; font-style: italic; margin-bottom: 15px; padding-left: 15px; padding-bottom: 15px; }

/* ==========================================
ALL PAGES
========================================== */
#page { padding-top: 100px; }

@media screen and (max-width: 500px) { #page { padding-top: 88px; } }

.inner-container { margin: 0 auto; width: 1200px; }

@media screen and (max-width: 1225px) { .inner-container { padding-left: 20px; padding-right: 20px; width: 100%; } }

.google-maps iframe { min-height: 600px; width: 100%; }

section.sub-hero-wrap { background-color: #ededed; padding: 50px 0 !important; }

@media screen and (max-width: 769px) { section.sub-hero-wrap { padding: 25px 0 35px !important; } }

@media screen and (max-width: 676px) { section.sub-hero-wrap { padding: 20px 0 25px !important; } }

section.sub-hero-wrap .inner-container { color: #444444; text-align: center; }

section.sub-hero-wrap .inner-container .content { padding-bottom: 10px; }

section.sub-hero-wrap .inner-container .content h1 { font-family: "Lora", serif; font-size: 36px; font-style: italic; }

@media screen and (max-width: 769px) { section.sub-hero-wrap .inner-container .content h1 { font-size: 30px; } }

@media screen and (max-width: 500px) { section.sub-hero-wrap .inner-container .content h1 { font-size: 24px; } }

section.sub-hero-wrap .inner-container .breadcrumbs { font-size: 14px; }

section.sub-hero-wrap .inner-container .breadcrumbs span { padding: 0 5px; }

section.sub-hero-wrap .inner-container .breadcrumbs a { color: #4a4949; }

section.sub-hero-wrap .inner-container .breadcrumbs a:hover { color: #2d9eea; }

section.text-block-sidebar-wrap .inner-container { display: flex; }

@media screen and (max-width: 769px) { section.text-block-sidebar-wrap .inner-container { display: block; } }

section.text-block-sidebar-wrap .inner-container .text-block { flex-grow: 1; padding-right: 75px; }

@media screen and (max-width: 769px) { section.text-block-sidebar-wrap .inner-container .text-block { padding: 0 0 20px; } }

section.text-block-sidebar-wrap .inner-container .sidebar-wrap { flex: 0 0 400px; }

@media screen and (max-width: 1025px) { section.text-block-sidebar-wrap .inner-container .sidebar-wrap { flex: 0 0 300px; } }

/* ==========================================
FRONT PAGE
========================================== */
.home-flex-content section { padding: 50px 0; }

@media screen and (max-width: 900px) { .home-flex-content section { padding: 30px 0; } }

.home-flex-content section.home-hero-wrap { background-color: #000119; color: #ffffff; padding: 50px 0 60px; position: relative; }

@media screen and (max-width: 769px) { .home-flex-content section.home-hero-wrap { padding: 35px 0 40px; } }

@media screen and (max-width: 676px) { .home-flex-content section.home-hero-wrap { padding: 25px 0 30px; text-align: center; } }

.home-flex-content section.home-hero-wrap .inner-container .content { max-width: 800px; }

.home-flex-content section.home-hero-wrap .inner-container .content h1 { font-family: "Lora", serif; font-size: 40px; font-weight: 600; padding-bottom: 10px; }

@media screen and (max-width: 950px) { .home-flex-content section.home-hero-wrap .inner-container .content h1 { font-size: 36px; } }

@media screen and (max-width: 769px) { .home-flex-content section.home-hero-wrap .inner-container .content h1 { font-size: 30px; } }

@media screen and (max-width: 676px) { .home-flex-content section.home-hero-wrap .inner-container .content h1 { font-size: 24px; } }

@media screen and (max-width: 500px) { .home-flex-content section.home-hero-wrap .inner-container .content h1 { font-size: 22px; } }

.home-flex-content section.home-hero-wrap .inner-container .content .button-wrap { padding-top: 20px; }

@media screen and (max-width: 769px) { .home-flex-content section.home-hero-wrap .inner-container .content .button-wrap { padding-top: 10px; } }

.home-flex-content section.action-blocks-wrap { background-color: #ededed; }

.home-flex-content section.action-blocks-wrap .inner-container { display: flex; }

@media screen and (max-width: 767px) { .home-flex-content section.action-blocks-wrap .inner-container { display: block; } }

.home-flex-content section.action-blocks-wrap .inner-container .block-single { background-color: #ffffff; border-radius: 5px; margin: 0 1%; padding: 30px; width: 31.33%; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

@media screen and (max-width: 767px) { .home-flex-content section.action-blocks-wrap .inner-container .block-single { margin: 0 0 20px; text-align: center; width: 100%; }
  .home-flex-content section.action-blocks-wrap .inner-container .block-single:last-child { margin: 0; } }

.home-flex-content section.action-blocks-wrap .inner-container .block-single:hover { background-color: #ddf6fd; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); }

.home-flex-content section.action-blocks-wrap .inner-container .block-single .icon { padding-bottom: 10px; }

.home-flex-content section.action-blocks-wrap .inner-container .block-single .icon img { width: 50px; }

.home-flex-content section.background-image-block { background-color: #2d9eea; background-position: center center; background-size: cover; }

.home-flex-content section.background-image-block .inner-container { align-items: center; color: #ffffff; display: flex; }

@media screen and (max-width: 767px) { .home-flex-content section.background-image-block .inner-container { display: block; text-align: center; } }

.home-flex-content section.background-image-block .inner-container a { color: #ffffff; }

.home-flex-content section.background-image-block .inner-container a:hover { color: #ededed; }

.home-flex-content section.background-image-block .inner-container .text-block { flex-grow: 1; padding-right: 75px; }

@media screen and (max-width: 767px) { .home-flex-content section.background-image-block .inner-container .text-block { padding: 0 0 20px; } }

.home-flex-content section.background-image-block .inner-container .callout { flex: 0 0 450px; font-family: "Roboto", sans-serif; }

@media screen and (max-width: 950px) { .home-flex-content section.background-image-block .inner-container .callout { flex: 0 0 350px; } }

.home-flex-content section.background-image-block .inner-container .callout h1, .home-flex-content section.background-image-block .inner-container .callout h2, .home-flex-content section.background-image-block .inner-container .callout h3, .home-flex-content section.background-image-block .inner-container .callout h4, .home-flex-content section.background-image-block .inner-container .callout h5, .home-flex-content section.background-image-block .inner-container .callout h6 { font-family: "Roboto", sans-serif; font-weight: 300; line-height: 1.15; text-transform: uppercase; }

.home-flex-content section.image-text-block { background-color: #ededed; }

.home-flex-content section.image-text-block .inner-container { display: flex; }

@media screen and (max-width: 900px) { .home-flex-content section.image-text-block .inner-container { display: block; } }

.home-flex-content section.image-text-block .inner-container .text-block { order: 1; padding-right: 75px; }

@media screen and (max-width: 900px) { .home-flex-content section.image-text-block .inner-container .text-block { padding: 0; } }

.home-flex-content section.image-text-block .inner-container .image-block { flex: 0 0 415px; order: 2; padding-top: 50px; }

@media screen and (max-width: 1025px) { .home-flex-content section.image-text-block .inner-container .image-block { flex: 0 0 350px; } }

@media screen and (max-width: 900px) { .home-flex-content section.image-text-block .inner-container .image-block { padding: 0 0 20px; text-align: center; } }

@media screen and (max-width: 500px) { .home-flex-content section.image-text-block .inner-container .image-block img { max-width: 300px; } }

/* ==========================================
SUB PAGE
========================================== */
.sub-flex-content section { padding-top: 50px; }

@media screen and (max-width: 769px) { .sub-flex-content section { padding-top: 30px; } }

.sub-flex-content section:last-child { padding-bottom: 60px; }

@media screen and (max-width: 769px) { .sub-flex-content section:last-child { padding-bottom: 30px; } }

.sub-flex-content section:only-child { padding: 50px 0; }

@media screen and (max-width: 769px) { .sub-flex-content section:only-child { padding: 30px 0; } }

.sub-flex-content section.multiple-text-block-wrap .inner-container { display: flex; flex-wrap: wrap; }

.sub-flex-content section.multiple-text-block-wrap .inner-container .block-single { padding: 0 20px; }

.sub-flex-content section.multiple-text-block-wrap .inner-container.two-blocks { margin-bottom: -20px; width: 1240px; }

@media screen and (max-width: 1265px) { .sub-flex-content section.multiple-text-block-wrap .inner-container.two-blocks { padding-left: 0; padding-right: 0; width: 100%; } }

.sub-flex-content section.multiple-text-block-wrap .inner-container.two-blocks .block-single { padding: 0 20px 40px; width: 50%; }

@media screen and (max-width: 676px) { .sub-flex-content section.multiple-text-block-wrap .inner-container.two-blocks .block-single { padding-bottom: 20px; width: 100%; } }

.sub-flex-content section.multiple-text-block-wrap .inner-container.three-blocks .block-single { width: 33.33%; }

@media screen and (max-width: 1025px) { .sub-flex-content section.multiple-text-block-wrap .inner-container.three-blocks .block-single { padding-bottom: 20px; width: 50%; } }

@media screen and (max-width: 676px) { .sub-flex-content section.multiple-text-block-wrap .inner-container.three-blocks .block-single { width: 100%; } }

.sub-flex-content section.multiple-text-block-wrap .inner-container.four-blocks .block-single { width: 25%; }

@media screen and (max-width: 1025px) { .sub-flex-content section.multiple-text-block-wrap .inner-container.four-blocks .block-single { padding-bottom: 20px; width: 50%; } }

@media screen and (max-width: 676px) { .sub-flex-content section.multiple-text-block-wrap .inner-container.four-blocks .block-single { width: 100%; } }

.sub-flex-content section.cta-block-wrap { margin-top: 50px; }

@media screen and (max-width: 769px) { .sub-flex-content section.cta-block-wrap { margin-top: 35px; } }

@media screen and (max-width: 676px) { .sub-flex-content section.cta-block-wrap { margin-top: 20px; } }

.sub-flex-content section.cta-block-wrap .inner-container { color: #ffffff; text-align: center; }

.sub-flex-content section.cta-block-wrap.teal-bg { background-color: #00d1d6; }

.sub-flex-content section.cta-block-wrap.blue-bg { background-color: #2d9eea; }

.sub-flex-content section.cta-block-wrap.dark-blue-bg { background-color: #000119; }

/* ==========================================
BLOG
========================================== */
.blogwrap { padding: 50px 0; }

@media screen and (max-width: 769px) { .blogwrap { padding: 30px 0; } }

.blogwrap .blog-main .posts-wrap { display: Flex; }

@media screen and (max-width: 767px) { .blogwrap .blog-main .posts-wrap { display: block; } }

.blogwrap .blog-main .posts-wrap .post-single { margin: 0 1% 20px; width: 31.33%; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

@media screen and (max-width: 767px) { .blogwrap .blog-main .posts-wrap .post-single { margin: 0 0 30px; width: 100%; }
  .blogwrap .blog-main .posts-wrap .post-single:last-child { margin: 0; } }

.blogwrap .blog-main .posts-wrap .post-single:hover { -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); }

.blogwrap .blog-main .posts-wrap .post-single .text-block { padding: 20px; }

.blogwrap .blog-main .posts-wrap .post-single .text-block .title { font-size: 22px; font-weight: 300; padding-bottom: 5px; }

@media screen and (max-width: 767px) { .blogwrap .blog-main .posts-wrap .post-single .text-block .title { font-size: 20px; } }

@media screen and (max-width: 500px) { .blogwrap .blog-main .posts-wrap .post-single .text-block .title { font-size: 18px; } }

.blogwrap .blog-main .posts-wrap .post-single .text-block .post-date { color: #4a4949; font-size: 12px; }

.blogwrap .blog-main .posts-wrap .post-single .text-block .excerpt { padding: 15px 0; }

.blogwrap .blog-sidebar { display: flex; }

@media screen and (max-width: 767px) { .blogwrap .blog-sidebar { display: block; } }

.blogwrap .blog-sidebar .posts-wrap { padding-right: 50px; width: 70%; }

@media screen and (max-width: 767px) { .blogwrap .blog-sidebar .posts-wrap { padding-right: 0; padding-bottom: 25px; width: 100%; } }

.blogwrap .blog-sidebar .posts-wrap .post-single { border-bottom: 1px solid #ededed; margin-bottom: 40px; padding-bottom: 40px; }

@media screen and (max-width: 769px) { .blogwrap .blog-sidebar .posts-wrap .post-single { padding-bottom: 30px; } }

@media screen and (max-width: 676px) { .blogwrap .blog-sidebar .posts-wrap .post-single { padding-bottom: 20px; } }

@media screen and (max-width: 481px) { .blogwrap .blog-sidebar .posts-wrap .post-single { margin-bottom: 30px; padding-bottom: 10px; } }

.blogwrap .blog-sidebar .posts-wrap .post-single:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

.blogwrap .blog-sidebar .posts-wrap .post-single .image-block { padding-bottom: 10px; }

.blogwrap .blog-sidebar .posts-wrap .post-single .image-block img { max-width: 100%; }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .title { font-size: 30px; font-weight: 600; }

@media screen and (max-width: 769px) { .blogwrap .blog-sidebar .posts-wrap .post-single .text-block .title { font-size: 24px; } }

@media screen and (max-width: 676px) { .blogwrap .blog-sidebar .posts-wrap .post-single .text-block .title { font-size: 20px; } }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .title h1 { padding-bottom: 5px; }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .post-date { color: #4a4949; font-size: 13px; font-style: italic; padding-bottom: 20px; }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .post-link { padding: 40px 0 20px; }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .container-lazyload { padding-bottom: 20px; }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .social-share { padding-bottom: 25px; }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .social-share ul.social-links { list-style-type: none; }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .social-share ul.social-links li { display: inline-block; padding-right: 5px; }

.blogwrap .blog-sidebar .posts-wrap .post-single .gallery .gallery-item { margin: 0 !important; padding: 5px 10px; }

@media screen and (max-width: 769px) { .blogwrap .blog-sidebar .posts-wrap .post-single .gallery .gallery-item { width: 33.33% !important; } }

@media screen and (max-width: 481px) { .blogwrap .blog-sidebar .posts-wrap .post-single .gallery .gallery-item { padding: 5px; width: 50% !important; } }

.blogwrap .blog-sidebar .posts-wrap .post-single .gallery .gallery-item img { border: none !important; height: auto; width: 100%; }

.blogwrap .blog-sidebar .sidebar { width: 30%; }

@media screen and (max-width: 767px) { .blogwrap .blog-sidebar .sidebar { width: 100%; } }

.blogwrap .blog-sidebar .sidebar aside { background-color: #eeeeee; margin-bottom: 30px; padding: 25px; }

.blogwrap .blog-sidebar .sidebar aside:last-child { margin-bottom: 0; }

.blogwrap .blog-sidebar .sidebar aside a { color: #000119; }

.blogwrap .blog-sidebar .sidebar aside a:hover { color: #2d9eea; }

.blogwrap .blog-sidebar .sidebar aside .sidebar-title { font-family: "Lora", serif; font-size: 20px; padding-bottom: 15px; }

.blogwrap .blog-sidebar .sidebar aside .post-single { padding-bottom: 10px; }

.blogwrap .blog-sidebar .sidebar aside .post-single:last-child { padding-bottom: 0; }

.blogwrap .blog-sidebar .sidebar aside .post-single .date { color: #4a4949; font-size: 13px; font-style: italic; }

.blogwrap .blog-sidebar .sidebar aside ul.archive { list-style: none; }

.blogwrap .blog-sidebar .sidebar aside ul.archive li { padding-bottom: 15px; }

.blogwrap .blog-sidebar .sidebar aside ul.archive li:last-child { padding-bottom: 0; }

.blogwrap .blog-sidebar .sidebar aside ul.archive li ul { list-style-type: none; padding: 10px 0 0 10px; }

.pagination { padding: 25px 20px 0; text-align: center; }

.pagination .page-numbers { border: 1px solid #2d9eea; color: #2d9eea; display: inline-block; margin-right: 3px; margin-bottom: 10px; padding: 10px 15px; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

.pagination .page-numbers:hover { background-color: #2d9eea; color: #ffffff; }

.pagination .page-numbers.current { background-color: #2d9eea; border: 1px solid #2d9eea; color: #ffffff; }

.category-title-wrap { padding-top: 50px; }

/* ==========================================
SIDEBAR
========================================== */
.sidebar-wrap { flex: 0 0 350px; }

@media screen and (max-width: 1025px) { .sidebar-wrap { flex: 0 0 300px; } }

@media screen and (max-width: 769px) { .sidebar-wrap { flex: 0 0 200px; } }

/* ==========================================
LISTS
========================================== */
.the-content ul, .the-content ol { padding-left: 35px; padding-bottom: 10px; }

.the-content ul li, .the-content ol li { padding-bottom: 10px; }

.the-content ul li:last-child, .the-content ol li:last-child { padding-bottom: 0; }

.the-content ul li strong, .the-content ol li strong { font-weight: 700; }

.the-content ul li ul, .the-content ul li ol, .the-content ol li ul, .the-content ol li ol { padding-top: 10px; }

/* ==========================================
ACCORDION MENU
========================================== */
#cssmenu > ul, #cssmenu > ul ul { list-style-type: none; }

#cssmenu ul > li { margin-bottom: 25px; padding: 25px; }

@media screen and (max-width: 767px) { #cssmenu ul > li { margin-bottom: 20px; padding: 20px; } }

#cssmenu ul > li:last-child { margin-bottom: 0; }

#cssmenu ul > li .title { background: #4a4949 url("images/down-arrow.png") right top no-repeat; display: block; font-size: 20px; font-weight: 600; padding-right: 50px; }

@media screen and (max-width: 767px) { #cssmenu ul > li .title { background-size: 20px; font-size: 18px; } }

@media screen and (max-width: 481px) { #cssmenu ul > li .title { background-size: 15px; font-size: 16px; } }

#cssmenu ul > li.active .title { background: #4a4949 url("images/up-arrow.png") right top no-repeat; }

@media screen and (max-width: 767px) { #cssmenu ul > li.active .title { background-size: 20px; } }

@media screen and (max-width: 481px) { #cssmenu ul > li.active .title { background-size: 15px; } }

#cssmenu ul > li ul.hidden-content { padding-left: 0; padding-top: 15px; }

#cssmenu ul > li.has-sub.active > a span { display: block; }

#cssmenu ul > li.active a { display: block; }

#cssmenu ul > li.active p a { display: inline; }

/* ==========================================
404
========================================== */
.not-found-wrap { text-align: center; padding-left: 20px; padding-right: 20px; padding-bottom: 25px; }

.not-found-wrap .image-wrap { padding-top: 25px; padding-bottom: 25px; }

.not-found-wrap .image-wrap img { max-width: 400px; width: 100%; }

/* ==========================================
HEADER
========================================== */
header { background-color: transparent; position: fixed; max-width: 1920px; width: 100%; z-index: 4; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

header .logo-nav-wrap { background-color: #ffffff; padding: 20px 0; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); /*@media screen and (max-width:1400px) { padding:30px 20px; } @media screen and (max-width:1185px) { display:block; padding:20px; text-align: center; }*/ }

header .logo-nav-wrap .inner-container { align-items: center; display: flex; }

@media screen and (max-width: 825px) { header .logo-nav-wrap .inner-container { display: block; } }

header .logo-nav-wrap .logo-wrap { position: relative; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

header .logo-nav-wrap .logo-wrap .logo img { display: block; max-width: 185px; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

@media screen and (max-width: 825px) { header .logo-nav-wrap .logo-wrap .logo img { margin: 0 auto; } }

@media screen and (max-width: 500px) { header .logo-nav-wrap .logo-wrap .logo img { max-width: 150px; } }

header .logo-nav-wrap nav { flex-grow: 1; margin-left: auto; text-align: right; }

@media screen and (max-width: 825px) { header .logo-nav-wrap nav { display: none; } }

/* ==========================================
HEADER ON RESIZE
========================================== */
header.smaller .logo-nav-wrap .logo-wrap .logo img { max-width: 150px; }

/* ==========================================
NAVIGATION
========================================== */
ul.top-nav li { display: inline-block; list-style-type: none; font-size: 16px; font-weight: 400; position: relative; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

@media screen and (max-width: 1060px) { ul.top-nav li { font-size: 14px; } }

ul.top-nav li:last-child { padding-right: 0; }

ul.top-nav li:last-child a { border-right: none; padding: 10px 0 10px 15px; }

@media screen and (max-width: 1060px) { ul.top-nav li:last-child a { padding: 10px 0 10px 10px; } }

@media screen and (max-width: 925px) { ul.top-nav li:last-child a { padding: 10px 0; } }

ul.top-nav li a { border-right: 1px solid #ededed; color: #161922; padding: 10px 15px; }

@media screen and (max-width: 1060px) { ul.top-nav li a { padding: 10px; } }

@media screen and (max-width: 925px) { ul.top-nav li a { border: none; padding: 10px 10px 10px 0; } }

ul.top-nav li a:hover { color: #2d9eea; }

ul.top-nav li.current_page_item a, ul.top-nav li.current-menu-ancestor a, ul.top-nav li.current_page_parent a, ul.top-nav li.current-menu-item a { color: #2d9eea; }

header.smaller ul.top-nav li { font-size: 14px; }

/* ==========================================
DROPDOWNS
========================================== */
.drops .sub-menu { background-color: #ffffff; border-radius: 5px; display: none; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); }

.drops li:hover .sub-menu { display: block; }

.drops .menu-item .sub-menu { position: absolute; z-index: 100; text-align: left; }

.drops .menu-item .sub-menu li { background-color: #ffffff; border-right: none; display: block; float: none; font-weight: 300; max-width: 275px; min-width: 225px; padding: 8px 20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.drops .menu-item .sub-menu li:first-child { padding-top: 15px; }

.drops .menu-item .sub-menu li:last-child { padding-bottom: 15px; }

.drops .menu-item .sub-menu li:last-child a { color: #161922; margin-top: 0; padding: 0; }

.drops .menu-item .sub-menu li a { background-color: transparent; border: none; color: #161922; display: block; font-size: 14px !important; font-weight: 400; padding: 0 !important; }

.drops .menu-item .sub-menu li a:hover { color: #a9d2a4 !important; }

.drops .menu-item .sub-menu li.current-menu-item a { color: #a9d2a4; font-weight: 600; }

.drops li:last-child .sub-menu li { display: block; width: 200px; }

/* ==========================================
MOBILE MENU
========================================== */
.menu-open { color: #161922; cursor: pointer; display: none; font-size: 22px; left: 0; line-height: 1; position: absolute; top: 0; z-index: 2; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

@media screen and (max-width: 825px) { .menu-open { display: block; } }

.menu-open:hover { color: #161922; }

.menu-open img { width: 20px; }

.sidenav { color: #ffffff; height: 100%; margin-left: -305px; width: 300px; position: fixed; z-index: 53; top: 0; left: 0; background-color: #0f0f0f; overflow-x: hidden; -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

.sidenav .closebtn { cursor: pointer; font-size: 28px; position: absolute; right: 20px; top: 0px; }

.sidenav .sidenav-content { padding: 35px 20px 20px; }

.sidenav .sidenav-content ul.mobile-nav { list-style-type: none; }

.sidenav .sidenav-content ul.mobile-nav li { border-bottom: 1px solid #464646; font-size: 14px; margin-bottom: 10px; padding-bottom: 10px; text-transform: uppercase; }

.sidenav .sidenav-content ul.mobile-nav li:last-child { border: none; margin: 0; padding-bottom: 0; }

.sidenav .sidenav-content ul.mobile-nav li a { text-decoration: none; color: #ffffff; display: block; }

.sidenav .sidenav-content ul.mobile-nav li a:hover { color: #2d9eea; }

.sidenav .sidenav-content ul.mobile-nav li .sub-menu { list-style-type: none; padding: 5px 0 0 10px; }

.sidenav .sidenav-content ul.mobile-nav li .sub-menu li { font-size: 14px; }

.sidenav .sidenav-content ul.mobile-nav li.current-menu-item a, .sidenav .sidenav-content ul.mobile-nav li.current_page_ancestor > a, .sidenav .sidenav-content ul.mobile-nav li.current_page_parent > a { color: #ddf6fd; }

.sidenav .sidenav-content .side-logo { padding: 20px 0 10px; }

.sidenav .sidenav-content .side-logo img { width: 100%; }

.sidenav .sidenav-content .mobile-contact { border-top: 1px solid #4a4949; margin-top: 15px; padding: 15px 0 10px; }

.sidenav .sidenav-content .mobile-contact p { padding-bottom: 0; }

.sidenav .sidenav-content .mobile-contact .social ul { list-style-type: none; }

.sidenav .sidenav-content .mobile-contact .social ul li { display: inline-block; }

.sidenav.active { margin-left: 0; }

#cssmenu ul ul { display: none; }

/* ==========================================
GRAVITY FORMS
========================================== */
.gform_validation_errors { margin-bottom: 25px !important; }

.gform_validation_errors > h2 { color: #161922 !important; font-family: "Lora", serif !important; font-size: 14px !important; font-weight: 600 !important; padding: 0; text-transform: uppercase !important; }

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message { font-weight: 400 !important; }

.gform-body .gfield { padding-bottom: 5px; }

.gform-body .gfield_label { font-weight: 300 !important; }

.gform-body .gfield_required_asterisk { position: relative; top: -3px; }

.gform-body input { font-family: "Roboto", sans-serif !important; font-size: 16px !important; font-weight: 300 !important; padding: 10px !important; font-variant-numeric: lining-nums; -webkit-font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; font-feature-settings: "lnum"; }

.gform-body textarea { min-height: 100px !important; max-height: 300px !important; font-family: "Roboto", sans-serif !important; font-size: 16px !important; font-weight: 300 !important; padding: 10px !important; width: 100% !important; }

button, input[type="button"], input[type="submit"] { background-color: #2d9eea; border: 0; border-radius: 5px; color: #ffffff; cursor: pointer; font-family: "Roboto", sans-serif !important; font-size: 15px; font-weight: 600; padding: 15px 20px; text-transform: uppercase; transition: all .5s; }

button:hover, input[type="button"]:hover, input[type="submit"]:hover { background: #000119; color: #ffffff; }

/* ==========================================
CONTACT FORMS
========================================== */
.caldera-grid { position: initial !important; }

.caldera-grid .row { padding-bottom: 5px; }

@media screen and (max-width: 1225px) { .caldera-grid .row { margin-left: 0 !important; margin-right: 0 !important; } }

.caldera-grid .row .first_col { padding-right: 15px; }

@media screen and (max-width: 767px) { .caldera-grid .row .first_col { padding-right: 0; padding-left: 0; } }

.caldera-grid .row .last_col { padding-left: 15px; }

@media screen and (max-width: 767px) { .caldera-grid .row .last_col { padding-left: 0; padding-right: 0; } }

@media screen and (max-width: 767px) { .caldera-grid .row .col-sm-12.single { padding-left: 0; padding-right: 0; } }

.caldera-grid .row .single-text p { padding-bottom: 0; }

.caldera-grid .row label { font-family: "Lora", serif; font-weight: 600; text-transform: uppercase; }

.caldera-grid .row .checkbox label { font-size: 16px !important; font-weight: 300 !important; text-transform: capitalize !important; }

.caldera-grid .row p { padding-bottom: 10px; }

.caldera-grid .row p strong { font-weight: 500; }

.caldera-grid .form-control { border-radius: 0px !important; border: 1px solid #ededed !important; box-shadow: none !important; letter-spacing: .75px; font-size: 14px !important; font-weight: 300; padding: 10px !important; height: auto !important; margin-right: 0 !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.caldera-grid .form-control:focus { border: 1px solid #161922 !important; }

.caldera-grid .form-control.cf2-file { border: none !important; padding: 0 0 10px 0 !important; }

.caldera-grid .btn-block { width: auto !important; }

::-webkit-input-placeholder { /* WebKit browsers */ opacity: .75 !important; }

::-moz-placeholder { /* Firefox 19+ */ opacity: .75; }

.caldera-grid .btn-default { background-color: #a9d2a4 !important; border: none !important; border-radius: 0px !important; color: #ffffff !important; font-family: "Lora", serif; font-size: 16px !important; font-weight: 600 !important; padding: 15px 20px !important; text-transform: uppercase; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.caldera-grid .btn-default:hover { background-color: #161922 !important; }

@media screen and (max-width: 768px) { .caldera-grid .btn-default { float: none; } }

.caldera-grid ul.cf2-list-files .cf2-file-listed .cf2-file-extra-data { margin-top: 0px !important; }

.caldera-grid .col-lg-1, .caldera-grid .col-lg-10, .caldera-grid .col-lg-11, .caldera-grid .col-lg-12, .caldera-grid .col-lg-2, .caldera-grid .col-lg-3, .caldera-grid .col-lg-4, .caldera-grid .col-lg-5, .caldera-grid .col-lg-6, .caldera-grid .col-lg-7, .caldera-grid .col-lg-8, .caldera-grid .col-lg-9, .caldera-grid .col-md-1, .caldera-grid .col-md-10, .caldera-grid .col-md-11, .caldera-grid .col-md-12, .caldera-grid .col-md-2, .caldera-grid .col-md-3, .caldera-grid .col-md-4, .caldera-grid .col-md-5, .caldera-grid .col-md-6, .caldera-grid .col-md-7, .caldera-grid .col-md-8, .caldera-grid .col-md-9, .caldera-grid .col-sm-1, .caldera-grid .col-sm-10, .caldera-grid .col-sm-11, .caldera-grid .col-sm-12, .caldera-grid .col-sm-2, .caldera-grid .col-sm-3, .caldera-grid .col-sm-4, .caldera-grid .col-sm-5, .caldera-grid .col-sm-6, .caldera-grid .col-sm-7, .caldera-grid .col-sm-8, .caldera-grid .col-sm-9, .caldera-grid .col-xs-1, .caldera-grid .col-xs-10, .caldera-grid .col-xs-11, .caldera-grid .col-xs-12, .caldera-grid .col-xs-2, .caldera-grid .col-xs-3, .caldera-grid .col-xs-4, .caldera-grid .col-xs-5, .caldera-grid .col-xs-6, .caldera-grid .col-xs-7, .caldera-grid .col-xs-8, .caldera-grid .col-xs-9 { position: initial !important; }

/* ==========================================
FOOTER
========================================== */
footer { background-color: #161922; color: #ffffff; padding: 25px 0; }

footer a { color: #ffffff; }

footer a:hover { color: #b75739; }

footer .copyright { color: #ededed; font-size: 14px; }

footer .copyright .inner-container { align-items: center; display: flex; }

@media screen and (max-width: 675px) { footer .copyright .inner-container { display: block; text-align: center; } }

@media screen and (max-width: 675px) { footer .copyright .inner-container .copy-content { padding-bottom: 10px; } }

footer .copyright .inner-container .copy-content div { display: inline-block; padding-left: 2px; }

/* ==========================================
RETURN TO TOP ARROW
========================================== */
.cd-top { border-radius: 50%; display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 30px; right: 25px; /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #b75739 url(images/cd-top-arrow.svg) no-repeat center 50%; background-size: 20px; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .25s 0s, visibility 0s 0s; -moz-transition: opacity .25s 0s, visibility 0s 0s; transition: opacity .25s 0s, visibility 0s 0s; }

.cd-top.cd-is-visible { /* the button becomes visible */ border: 1px solid transparent; visibility: visible; opacity: .75; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.cd-top.cd-is-visible:hover { opacity: .9; }

.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; }

.no-touch .cd-top:hover { background-color: #b75739; opacity: 1; }