/*
Theme Name: Cottonwood
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.0
Author: 320press
Author URI: http://320press.com
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

/*
green: #687819
blue: #00456a
*/

body {
   font-family: "Open Sans", sans-serif;
   font-size: 20px;
   line-height: 1.8;
   font-weight: 300;
   color: #232526;
   background-color: #fff;
   padding-top: 0px;
   background-color: #f1efea;
}

/* Skip to Content Button */
.skip-to-content {
   box-sizing: border-box;
   display: inline-block;
   position: absolute;
   top: -100px;
   left: 0;
   z-index: 99999;
   height: 60px;
   margin-bottom: 16px;
   margin-right: 12px;
   padding: 16px 28px;
   width: auto;
   text-size-adjust: 100%;
   font-family: "Open Sans", sans-serif;
   font-size: 15px;
   font-weight: 700;
   letter-spacing: 2.5px;
   line-height: 24px;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   color: #fefefe;
   background-color: transparent;
   border: 2px solid #a6bd87;
   cursor: pointer;
   transition: background-color 0.25s ease, top 0.2s ease;
   border-radius: 1000px;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.skip-to-content:focus {
   top: 0;
}

.admin-bar .skip-to-content:focus {
   top: 50px;
}

/* Screen Reader Only - Visually Hidden Text */
.sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border-width: 0;
}

.container {
   margin-right: auto;
   margin-left: auto;
   padding-left: 0px;
   padding-right: 0px;
   zoom: 1;
}

.main-wrapper {
   position: relative;
   background-color: #fff;
}

.home-container #main {
   padding: 0px !important;
}

#content {
   overflow: auto;
   padding: 0px 0px 60px 0px !important;
}

.home-container {
   z-index: 0;
   background-color: #fff;
   overflow: visible;
}

strong,
b {
   font-weight: 600;
}

.row {
   margin: 0px;
}

a,
a:link,
a:visited {
   text-decoration: underline;
   color: #232526;
}

a:hover {
   text-decoration: none;
   color: #232526;
}

p,
ul {
   color: #232526;
   margin: 0 0 20px 0;
}

img {
   max-width: 100%;
}

img.alignright,
img.alignleft,
img.aligncenter {
   background-color: #fff;
   border: 1px solid #ddd;
   padding: 7px;
}

img.alignright {
   margin: 0px 0px 20px 20px;
   float: right;
}

img.alignleft {
   margin: 0px 20px 20px 0px;
   float: left;
}

img.size-large {
   margin: 30px 0px;
}

.default-well {
   padding: 15px;
}

.divider {
   width: 100%;
   height: 1px;
   background-color: #ddd;
   margin: 40px 0px;
   clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
   font-family: "Open Sans", sans-serif;
   font-weight: 400;
   line-height: 1.1;
   color: inherit;
   margin: 0px;
}

h1,
.h1 {
   font-size: 24px;
   font-weight: 300;
   letter-spacing: 1px;
}

h2,
.h2 {
   font-weight: 400;
   font-size: 20px;
   padding: 0px;
   margin: 0 0 20px 0;
   color: #00456a;
}

h3,
.h3,
.gform_confirmation_message {
   font-size: 18px;
   line-height: 28px;
   font-weight: 600;
   margin: 0px 0px 20px 0px;
   color: #00456a;
}

h4,
.h4 {
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 3px;
   font-size: 14px;
   margin: 0px 0px 15px 0px;
}

h5,
.h5 {
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-size: 13px;
   margin: 0px 0px 15px 0px;
}

pre {
   font-family: "Open Sans", sans-serif;
   display: block;
   padding: 0px;
   margin: 0px;
   font-size: 13px;
   line-height: 1.428571429;
   word-break: break-all;
   word-wrap: break-word;
   color: #333333;
   background-color: transparent;
   border: none;
   border-radius: 4px;
}

.sm-paragraph {
   font-size: 15px;
   line-height: 26px;
}

.sm-paragraph p {
   margin: 0 0 15px 0;
}

p.caption {
   font-size: 13px;
   line-height: 18px;
   font-style: italic;
}

/* Buttons */

.btn,
.button {
   padding: 16px 30px;
   margin: 15px 0px 25px 0px;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-weight: 600;
   font-size: 16px;
   border-radius: 16px;
}

a.btn,
a.btn:link,
a.btn:hover,
a.btn:visited,
a.button,
a.button:link,
a.button:hover,
a.button:visited {
   text-decoration: none !important;
}

.btn-white {
   background-color: #fff;
   border-color: #fff;
}

a.btn-white,
a.btn-white:link,
a.btn-white:hover,
a.btn-white:visited {
   color: #02466b;
}

.btn-green {
   background-color: #687819;
   border-color: #687819;
}

.gform_button {
   background-color: #687819;
   color: #fff !important;
   border: none;
}

a.btn-green,
a.btn-green:link,
a.btn-green:hover,
a.btn-green:visited {
   color: #fff !important;
}

.btn-blue {
   background-color: #00456a;
   border-color: #00456a;
}

a.btn-blue,
a.btn-blue:link,
a.btn-blue:hover,
a.btn-blue:visited {
   color: #fff;
}

.btn-yellow {
   background-color: #ffdd33;
   border-color: #ffdd33;
}

a.btn-yellow,
a.btn-yellow:link,
a.btn-yellow:hover,
a.btn-yellow:visited {
   color: #ffdd33;
}

.mceContentBody.wp-editor {
   background-color: #fff;
}

/* HEADER */

.header {
   z-index: 1000;
   position: relative;
   padding: 20px;
}

.topbar {
   position: relative;
   z-index: 1;
   background-color: #e3dfd5;
   color: #333333;
   text-align: left;
   font-size: 13px;
}

.topbar a:link,
.topbar a:hover,
.topbar a:visited {
   color: #333333;
   text-decoration: underline;
   padding: 10px;
   position: relative;
   z-index: 0;
   display: block;
   width: 70%;
   margin: 0px auto;
   z-index: 20000;
   font-weight: 900;
}

.nav {
   float: left;
   font-weight: 400;
   font-size: 15px;
   letter-spacing: 0.04em;
   width: 100%;
}

.caret {
   display: none;
}

.donate-container-mobile {
   width: 100%;
}

.donate-container-mobile > div {
   margin-left: -15px;
   margin-right: -15px;
}

a.donate-mobile {
   background-color: #687819;
   color: #fff !important;
   text-align: center;
   width: 100%;
   padding: 5px;
   font-weight: 600;
   text-decoration: none;
   display: inline-block;
   letter-spacing: 2px;
}

a.donate-mobile:hover {
   background-color: #4e5a12;
}

.donate-container {
   display: none;
   margin: 0px auto !important;
   position: fixed;
   right: 0px;
   top: 0px;
   left: 0px;
   z-index: 20000;
}

a.donate-tab {
   float: right;
   display: block;
   background-color: #687819;
   color: #fff;
   font-weight: 600;
   letter-spacing: 2px;
   padding: 20px 40px;
   margin-right: 20px;
   text-decoration: none;
   -webkit-border-bottom-right-radius: 20px;
   -webkit-border-bottom-left-radius: 20px;
   -moz-border-radius-bottomright: 20px;
   -moz-border-radius-bottomleft: 20px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
}

.nav > li > a {
   color: #232526;
   font-weight: 500;
   padding: 10px !important;
   text-decoration: none;
   font-size: 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
   text-decoration: none;
   background-color: transparent;
   color: #333;
}

.nav > li:last-child a {
   padding-right: 0px;
}

.navbar-toggle {
   float: right;
   position: relative;
   z-index: 40000;
}

.dropdown-menu {
   display: none;
   position: absolute;
   top: 100%;
   left: 24px;
   z-index: 1000;
   float: left;
   min-width: 160px;
   padding: 10px;
   margin: 0px 0 0 !important;
   list-style: none;
   font-size: 13px;
   background-color: #fff;
   border: none;
   border-radius: 10px !important;
   -webkit-box-shadow: none;
   box-shadow: none;
   background-clip: padding-box;
   -webkit-box-shadow: 0px 0px 10px 1px rgba(199, 199, 199, 1);
   -moz-box-shadow: 0px 0px 10px 1px rgba(199, 199, 199, 1);
   box-shadow: 0px 0px 10px 1px rgba(199, 199, 199, 1);
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:link,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:visited {
   padding: 10px 10px;
   clear: both;
   font-weight: normal;
   line-height: 1.428571429;
   color: #232526;
   text-decoration: none;
}

.navbar-header {
   padding: 0px !important;
   margin: 0px;
}

.navbar-brand {
   float: none;
   padding: 0px;
   height: auto;
}

.navbar-brand img {
   width: 160px;
   display: block;
}

.navbar-collapse {
   padding-right: 0px;
}

.navbar-toggle {
   background-color: #676767;
   margin: 0px 0px 20px 20px;
}

.navbar-toggle .icon-bar {
   display: block;
   width: 22px;
   height: 2px;
   border-radius: 1px;
   color: #fff;
   border-color: #fff;
   background-color: #fff;
}

.nav-menu {
   float: left;
   margin: 20px 0 0 0;
   padding: 0px;
}

ul.nav-social {
   float: left;
   list-style-type: none;
   padding: 0px;
   margin: 0px;
   width: 100%;
}

ul.nav-social li {
   float: left;
   display: inline-block;
}

.nav-social img {
   float: none;
   margin: 0 3px;
}

.navbar-nav > li {
   float: left;
   width: 100%;
}

/* FOOTER */

footer {
   background: url("images/footer-image-2.png") no-repeat scroll center top
      transparent;
   color: #fff;
   overflow: auto;
   font-weight: 300;
   margin-top: -80px !important;
   height: 400px;
   position: relative;
   z-index: 20000;
}

.footer-inner {
   width: 100%;
   padding: 15px;
   background: url("images/footer-trans.png") repeat scroll left top transparent;
   background-size: 100%;
   overflow: auto;
   position: absolute;
   bottom: 0;
}

footer p {
   margin-bottom: 0px;
   color: #fff;
}

footer .copyright {
   background: url("images/footer-logo.png") no-repeat scroll left top
      transparent;
   font-size: 12px;
   padding-left: 45px;
}

footer .copyright a {
   color: #fff;
}

footer .footer-content p {
   text-align: right;
   font-size: 13px;
}

footer .footer-content p a {
   text-decoration: underline;
}

footer .footer-content ul {
   display: inline-block;
   list-style-type: none;
   padding: 0px;
   width: 100%;
   margin-bottom: 10px;
}

footer .footer-content ul li {
   float: right;
   display: inline-block;
   padding: 0 0 0 30px;
   font-size: 22px;
   width: 100%;
   text-align: right;
}

footer .footer-content a {
   color: #fff;
   text-decoration: none;
}

footer .footer-content span {
   float: right;
   clear: both;
   display: inline-block;
   padding: 0px;
}

footer ul.footer-address {
   font-size: 12px;
}

footer ul.footer-address li {
   font-size: 13px;
   color: #fff;
}

footer .footer-content span:first-child {
   padding-right: 0px;
}

/* HOME */

.home-banner {
   padding: 30px 20px 20px 20px;
   text-align: center;
}

.home-banner h2 {
   color: #fff;
   line-height: 30px;
}

/***** Modal *****/
.modal {
   z-index: 20000 !important;
}

.modal-dialog {
   max-width: 1200px;
   width: 80%;
}

.modal-header {
   border-bottom: none;
}

.modal-content {
   border-radius: 0px;
}

.btn-play {
   display: inline-block;
   overflow: auto;
   cursor: pointer;
}

.btn-play img {
   width: 80px;
   height: 80px;
}

.home-donate {
   background-color: #e3dfd5;
   border-top: 1px solid #dad5c9;
   border-bottom: 1px solid #dad5c9;
   padding: 20px 10px;
   text-align: center;
}

.home-donate p {
   font-size: 17px;
   line-height: 25px;
}

.home-circles {
   text-align: center;
   margin-top: 0px;
   padding: 20px 15px 25px 15px;
}

.home-circle > a {
   text-decoration: none;
}

.home-circles p {
   font-size: 16px;
}

.home-circles > div {
   padding: 0 15px;
}

.home-circles img {
   border-radius: 50%;
   border: 12px solid #687819;
   margin-bottom: 30px;
   width: 210px;
}

.home-circle-image {
   width: 210px;
   height: 210px;
   background-size: cover;
   background-position: 50% 50%;
   border-radius: 50%;
   border: 12px solid #687819;
   margin: 0px auto;
}

.home-circles p a {
   font-size: 14px;
   color: #687819;
   font-weight: 600;
}

.home-circles h4 {
   margin-top: 30px;
}

/* Nav Sidebar */

.nav-sidebar {
   padding: 20px;
}

.nav-sidebar ul {
   list-style-type: none;
   margin: 0px;
   padding: 10px 0px;
   background-color: #f1efea;
}

.nav-sidebar ul li.section-title a {
   padding: 0px !important;
   margin: 0px !important;
   color: #687819;
   text-decoration: none;
   display: block;
}

.nav-sidebar ul li {
}

.nav-sidebar ul li.current_page_item {
   background-color: #e3dfd5;
   border-bottom: 1px solid #e3dfd5;
   border-top: 1px solid #e3dfd5;
}

.nav-sidebar ul li.current_page_item a {
   font-weight: 600;
}

.nav-sidebar ul li a,
.nav-sidebar ul li a:link,
.nav-sidebar ul li a:hover,
.nav-sidebar ul li a:visited {
   display: block;
   padding: 8px;
   text-decoration: none;
   margin: 0px 25px;
   font-size: 16px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
   background-color: #f1efea;
}

.nav-sidebar ul.children {
   display: none;
}

.section-title {
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-size: 16px;
   display: block;
   padding: 16px 8px 8px 8px;
   margin: 0px 25px 0px 25px;
   color: #687819;
}

blockquote,
.quote {
   float: left;
   clear: left;
   width: 100%;
   padding: 20px;
   margin: 20px 0 40px 0;
   border-top: 1px solid #687819;
   border-bottom: 1px solid #687819;
   border-left: none;
   text-align: center;
}

.quote {
   background: url("images/icon-quote.png") no-repeat scroll 50% 25px
      transparent;
   padding: 65px 60px 20px 60px;
}

blockquote p,
.quote p {
   font-size: 22px;
   font-weight: 300;
   line-height: 1.7;
   font-weight: 300;
}

blockquote p,
blockquote h2,
blockquote h3,
blockquote h4,
.quote p,
.quote h2,
.quote h3,
.quote h4,
.quote h5 {
   color: #687819;
}

/* CONTENT */

.page-header {
   margin: 0px;
   border-bottom: none;
   padding: 60px 0px;
   background-color: #00456a;
   text-align: center;
   color: #fff;
   background-position: 50% 50%;
   background-repeat: no-repeat;
}

.page-header h1 {
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 5px;
   font-size: 26px;
}

.page-header a {
   color: #fff;
   text-decoration: none;
}

#main article {
   margin-bottom: 18px;
   border-bottom: none;
}

/* Event Sponsors */

.helper {
   display: inline-block;
   height: 100%;
   vertical-align: middle;
}

.event-items {
   margin-bottom: 50px;
}

.partner-single {
   height: 180px;
   text-align: center;
   display: block;
   padding: 0px;
}

.partner-logo {
   height: 160px;
   margin: 0px !important;
   padding: 0px !important;
   text-align: center;
   margin-right: 0px;
   border: 0px !important;
   display: block;
}

.partner-logo img,
.partner-text p {
   display: inline-block;
   vertical-align: middle;
   height: auto;
}

.partner-text p {
   margin: 0px;
   padding-top: 40px;
   font-size: 14px;
}

.partner-logo a {
   display: inline;
   text-decoration: none;
}

.partner-text {
   display: inline-block;
   vertical-align: middle;
   height: auto;
}

/* Contact */
.contact-sidebar {
   background-color: #f1efea;
   padding: 40px;
}

.contact-sidebar p {
   font-size: 90%;
}

.gform_wrapper {
   margin: 0px !important;
}

.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.textarea {
   width: 85% !important;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"] {
   outline-style: none;
   font-size: 13px !important;
   font-family: inherit;
   padding: 7px 15px !important;
   letter-spacing: normal;
   border-radius: 14px;
   border: 1px solid #ccc;
   color: #232526 !important;
}

.gform_wrapper .top_label .gfield_label {
   margin: 10px 0 4px 0;
   font-weight: 400 !important;
   display: -moz-inline-stack;
   display: inline-block;
   line-height: 1.3em;
   clear: both;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-size: 13px;
}

.gform_wrapper ul li.gfield {
   clear: both;
   margin-bottom: 20px;
}

#field_1_3 .gfield_label,
#field_1_4 .gfield_label {
   display: none;
}

label {
   font-weight: 400;
}

.gform_wrapper select {
   font-family: inherit;
   padding: 10px !important;
   color: #232526;
}

.gfield_select {
   font-size: 22px !important;
   color: #232526 !important;
}

/* Jobs Accordion */

.accordion-container {
   width: 100%;
   border-radius: 20px;
   background-color: #fff;
   border: 1px solid #ccc;
   overflow: auto;
   margin-bottom: 15px;
}

.accordion-container button {
   width: 100%;
   padding: 20px 30px;
   background-color: transparent;
   border: none;
}

.accordion-container button:hover {
   background-color: #f1f1f1;
}

.accordion-header {
   padding-left: 0px;
}

.accordion-header h1 {
   text-align: left;
   color: #687819;
   font-size: 30px;
}

.accordion-body {
   padding: 20px 30px 20px 30px;
}

/* Blog */

.archive .page-header a {
   color: #fff;
   text-decoration: none;
}

.type-post h2 {
   margin-bottom: 10px;
}

.type-post h2 a {
   color: #00456a;
   text-decoration: none;
}

.type-post p {
   font-size: 16px;
   line-height: 27px;
}

.type-post {
   margin: 0px 0px 20px;
   padding: 20px 0px;
   border-bottom: 1px solid #ddd;
}

li.next a:hover:before,
li.previous a:hover:before {
   content: none !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
   background-color: #687819;
   border-color: #687819;
}

.blog-content.default-well {
   padding: 20px;
}

.single-title {
   margin-bottom: 20px;
}

.single .page-title a {
   color: #fff;
   text-decoration: none;
}

.tags a {
   display: inline;
   padding: 0 5px;
   font-size: 15px;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25em;
   background-color: transparent;
}

.post-navigation {
   background-color: #e3dfd5;
   padding: 15px;
}

.post-image img {
   border-radius: 50%;
   margin-bottom: 20px;
   aspect-ratio: 1/1;
}

ul.post-cats {
   list-style-type: none;
   margin-bottom: 0px;
}

ul.post-cats li {
   display: inline-block;
   padding: 0 20px 0 0;
}

ul.post-cats h4 {
   margin-bottom: 0px;
}

ul.post-cats li a {
   font-size: 15px;
}

.navbar-form {
   margin: 0px !important;
}

.search .type-page {
   display: none;
}

.search .page-header a {
   color: #fff;
   text-decoration: none;
}

/** Disable Dropdown on Mobile **/

@media only screen and (min-width: 100px) and (max-width: 768px) {
   .dropdown-menu {
      display: none !important;
   }
}

@media all and (min-width: 768px) {
   .contact-sidebar {
      padding: 20px;
   }

   .nav-sidebar ul li a,
   .nav-sidebar ul li a:link,
   .nav-sidebar ul li a:hover,
   .nav-sidebar ul li a:visited,
   .section-title {
      margin: 0px 10px;
   }

   .navbar-brand img {
      margin: 0px auto;
   }

   .navbar-nav > li {
      width: 25%;
   }

   .nav > li > a {
      padding: 10px 25px 20px 25px !important;
      font-size: 18px;
   }

   ul.nav-social {
      float: right;
      text-align: center;
   }

   ul.nav-social li {
      float: none;
   }

   .donate-container {
      display: block;
   }

   footer .footer-content span {
      float: none;
      clear: none;
      display: inline-block;
      padding: 0px 20px;
   }

   footer .footer-content ul li {
      width: auto;
      text-align: left;
   }

   footer .copyright {
      margin-top: 21px;
   }

   blockquote .quote {
      padding: 65px 60px 20px 60px;
   }

   #content {
      padding: 0px 0px 60px 0px !important;
   }

   .donate-container-mobile {
      display: none;
   }
}

@media all and (min-width: 992px) {
   h1,
   .h1 {
      font-size: 36px;
   }

   h2,
   .h2 {
      font-size: 27px;
   }

   h3,
   .h3,
   .gform_confirmation_message {
      font-size: 22px;
   }

   .home-banner h2 {
      line-height: 40px;
   }

   .nav > li > a {
      padding: 10px 15px 20px 15px !important;
      font-size: 16px;
   }

   footer .footer-content span {
      padding: 0 12px;
   }

   footer .copyright {
      margin-top: 38px;
   }

   a.donate-tab {
      padding: 15px 30px !important;
      margin-right: 10px;
   }

   .topbar a:link,
   .topbar a:hover,
   .topbar a:visited {
      width: 60%;
      font-size: 14px;
   }

   .home-banner {
      padding: 150px 150px 200px 150px;
   }

   .home-circles {
      margin-top: -125px;
      padding: 0 75px 25px 75px;
   }

   .home-circles > div {
      padding: 0 45px;
   }

   .home-donate {
      padding: 50px 100px;
   }

   .home-donate p {
      font-size: 21px;
      line-height: 32px;
   }

   .navbar-header {
      padding: 0px !important;
      margin: 0px;
      width: 25%;
   }

   .navbar-brand {
      float: left;
      padding: 0px;
      height: auto;
   }

   .navbar-brand img {
      width: 215px;
   }

   .nav-menu {
      float: left;
      margin: 59px 0px 0px 0px;
      padding: 0px;
   }

   .navbar-nav > li {
      width: auto;
   }

   .nav {
      width: auto;
   }

   ul.nav-social {
      width: auto;
   }

   ul.nav-social li {
      float: left;
      display: inline-block;
   }

   .topbar {
      display: block;
      text-align: center;
      font-size: 15px;
   }

   .nav-sidebar {
      padding: 60px 20px;
   }

   .default-well {
      padding: 60px 30px;
   }

   .blog-content.default-well {
      padding: 30px 60px 60px 60px;
   }
}

@media all and (min-width: 1200px) {
   .nav > li > a {
      padding: 10px 25px 20px 25px !important;
      font-size: 18px;
   }

   footer .footer-content span {
      padding: 0 20px;
      float: right;
   }

   a.donate-tab {
      padding: 20px 40px;
      margin-right: 20px;
   }

   .topbar a:link,
   .topbar a:hover,
   .topbar a:visited {
      width: 70%;
      font-size: 16px;
   }

   .contact-sidebar {
      padding: 40px;
   }

   .nav-sidebar ul li a,
   .nav-sidebar ul li a:link,
   .nav-sidebar ul li a:hover,
   .nav-sidebar ul li a:visited,
   .section-title {
      margin: 0px 25px;
   }

   .default-well {
      padding: 60px;
   }
}

.language-select {
   position: relative;
}

.language-select .switcher {
   position: relative;
}

@media all and (min-width: 768px) and (max-width: 992px) {
   .language-select .switcher {
      position: relative;
      right: 0;
      left: 0;
      margin: 10px auto;
      display: table;
   }
}

@media all and (min-width: 993px) {
   .language-select .switcher {
      position: absolute;
      right: 0;
      top: -50px;
   }
}

ul.nav li.dropdown:focus-within > ul.dropdown-menu {
   display: block !important;
}
.nav-sidebar ul li.section-title a {
   color: #434d10 !important;
}
.single-post {
   .post-navigation {
      display: flex;
      float: unset;
   }
   .full-width-image {
      width: 100%;
      border-top: 4px solid white;
   }
   .page-header {
      padding: 30px;
      .page-header-content {
         max-width: 900px;
         text-align: left;
         h1 {
            text-transform: none;
            letter-spacing: 0;
            font-size: 36px;
         }
         h4 {
            margin-top: 15px;

            text-transform: unset;
            letter-spacing: 0.75px;
            font-size: 15px;
         }
         .back-to-blog-link {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 4px;
            display: inline-block;
            color: #a6bd87;
            text-decoration: underline;
            transition: opacity 0.2s ease;
            &:hover {
               opacity: 0.8;
            }
         }
      }
   }
   .post_content {
      p,
      li {
         font-size: 18px;
         line-height: 27px;
      }
      blockquote {
         background: linear-gradient(
            270deg,
            rgba(3, 22, 33, 0) 0%,
            rgba(10, 54, 82, 0.75) 73%
         );
         background-color: #226494;
         padding: 50px;
         border-radius: 9px;
         p {
            color: white;
            font-size: 21px;
            line-height: 31px;
         }
      }
   }
}

.page-header {
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
      color: #fff;
   }
}
@media only screen and (max-width: 768px) {
   .nav-sidebar {
      display: none !important;
   }
}