/*
Theme Name: Progressive Education Network
Version: 5.6
Theme URI: http://www.cyberoptik.net
Description: Customizable responsive Wordpress theme created by CyberOptik
Author: CyberOptik
Author URI: http://www.cyberoptik.net
Template: optik-theme
*/



/*
 * CUSTOMIZABLE CSS
 */



/* -----------------------------------------------------------------------------
 * TABLE OF CONTENTS:
 * -----------------------------------------------------------------------------
 *
 * 1 CSS IMPORTS
 *   1.1 FRAMEWORK
 *   1.2 MODULES
 *   1.3 STYLES
 *
 * 2 STRUCTURAL ELEMENTS
 *   2.1 UNIVERSAL STYLES
 *   2.2 BACK TO TOP BUTTON
 *   2.3 ELEMENTOR
 *
 * 3 CONTENT STYLES
 *   3.1 TEXT & LINKS
 *   3.2 HEADINGS
 *   3.3 BORDERS & DIVIDERS
 *   3.4 BUTTONS
 *   3.5 ICONS
 *   3.6 LIST STYLES
 *   3.7 FORM STYLES
 *
 * 4 HEADER STYLES
 *   4.1 SCROLL BAR
 *   4.2 TOP BAR
 *   4.3 HEADER 
 *   4.4 NAV BAR
 *   4.5 NAV MENUS
 *   4.6 DROPDOWN MENUS
 *   4.7 MOBILE NAV
 *
 * 5 BODY STYLES
 *   5.1 BANNER
 *   5.2 BREADCRUMBS
 *   5.3 TITLE BAR
 *   5.4 PAGE NAV BAR
 *   5.5 MAIN
 *   5.6 ARCHIVE
 *   5.7 SINGLE
 *
 * 6 FOOTER STYLES
 *   6.1 CTA BAR
 *   6.2 FOOTER
 *   6.3 BOTTOM BAR
 *
 * 7 CUSTOM THEME STYLES
 *
 * ---------------------------------------------------------------------------*/





/******************************************************************************
 * * *  1 CSS IMPORTS  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/

 @import url("../optik-theme/style.css");


 /***  JosefinSans  ***/ 
 
 /* Light */
 @font-face {
   font-family: 'JosefinSans';
   font-weight: 300;
   src: url('fonts/josefin-sans/josefinsans-light.ttf');
 }
 
 /* Normal */
 @font-face {
   font-family: 'JosefinSans';
   font-weight: 400;
   src: url('fonts/josefin-sans/josefinsans-regular.ttf');
 }
 
 /* Italic */
 @font-face {
   font-family: 'JosefinSans';
   font-weight: normal;
   font-style: italic;
   src: url('fonts/josefin-sans/josefinsans-italic.ttf');
 }
 
 /* Medium */
 @font-face {
   font-family: 'JosefinSans';
   font-weight: 500;
   src: url('fonts/josefin-sans/josefinsans-medium.ttf');
 }
 
 
 /******************************************************************************
  * * *  2 STRUCTURAL ELEMENTS  * * * * * * * * * * * * * * * * * * * * * * * * 
  ******************************************************************************/
 
 
 /***  2.1 UNIVERSAL STYLES  ***/
 
 :root {
   --primary: #F8992A;
   --primary-dk: #EC6924;
   --secondary: #FFD052;
   --dark-1: #242424;
   --dark-2: #000;
   --dark-3: #ABC4BD;
   --dark-4: #58585B;
   --light-1: #eaf0ef;
   --light-2: #fff3d4;
   --radius-1: 20px;
   --radius-2: 10px;
   --radius-3: 25px;
   --radius-4: 100px;
 
 
   --primary-lt: red;
   --secondary-dk: red;
   --secondary-lt: red;
   --light-3: red;
 
 
 
   --shadow-1: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
   --gap-xs: 5px;
   --gap-sm: 10px;
   --gap-md: 15px;
   --gap-lg: 20px;
   --gap-xl: 30px;
   --spacer-xs: 60px;
   --spacer-sm: 80px;
   --spacer-md: 100px;
   --spacer-lg: 120px;
   --spacer-xl: 140px;
   --font-1: 'JosefinSans', sans-serif;
 }
 
 html {font-size: 18px;}
 
 body {
   line-height: 1.6em;
   font-family: var(--font-1);
   color: var(--dark-1);
   background-color: white;
   font-weight: 300;
 }
 
 p:empty:before {display: none !important;}
 
 .section-container {max-width: 1400px;}
 
 @media screen and (min-width:1300px) {
   .section-container{
     padding-left: 150px;
     padding-right: 150px;
   }
 }
 
 
 /***  2.2 BACK TO TOP BUTTON  ***/
 
 .btt-button .fa {
   border-radius: var(--radius-1);
   border: 1px solid white;
   background-color: var(--primary);
   font-weight: 300;
   -webkit-transition: all 300ms ease-in-out;
   transition: all 300ms ease-in-out;
 }
 
 .btt-button:hover .fa {
   background-color: white;
   color: var(--primary);
   border-color: var(--primary);
 }
 
 
 
 /***  2.3 ELEMENTOR  ***/
 
 /* Elementor Container Margins */
 
 .elementor-column {
   display: flex;
   margin-right: 0;
 }
 
 .elementor-column-gap-narrow {
   margin-top: calc(var(--gap-xs) * -1);
   margin-bottom: calc(var(--gap-xs) * -1);
 }
 
 .elementor-column-gap-default {
   margin-top: calc(var(--gap-sm) * -1);
   margin-bottom: calc(var(--gap-sm) * -1);
 }
 
 .elementor-column-gap-extended {
   margin-top: calc(var(--gap-md) * -1);
   margin-bottom: calc(var(--gap-md) * -1);
 }
 
 .elementor-column-gap-wide {
   margin-top: calc(var(--gap-lg) * -1);
   margin-bottom: calc(var(--gap-lg) * -1);
 }
 
 .elementor-column-gap-wider {
   margin-top: calc(var(--gap-xl) * -1);
   margin-bottom: calc(var(--gap-xl) * -1);
 }
 
 /* Elementor Inner Container Margins */
 
 .elementor-inner-section > .elementor-column-gap-narrow {
   margin-left: calc(var(--gap-xs) * -1);
   margin-right: calc(var(--gap-xs) * -1);
 }
 
 .elementor-inner-section > .elementor-column-gap-default {
   margin-left: calc(var(--gap-sm) * -1);
   margin-right: calc(var(--gap-sm) * -1);
 }
 
 .elementor-inner-section > .elementor-column-gap-extended {
   margin-left: calc(var(--gap-md) * -1);
   margin-right: calc(var(--gap-md) * -1);
 }
 
 .elementor-inner-section > .elementor-column-gap-wide {
   margin-left: calc(var(--gap-lg) * -1);
   margin-right: calc(var(--gap-lg) * -1);
 }
 
 .elementor-inner-section > .elementor-column-gap-wider {
   margin-left: calc(var(--gap-xl) * -1);
   margin-right: calc(var(--gap-xl) * -1);
 }
 
 /* Container Padding */
 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-no {
   padding-left: 50px;
   padding-right: 50px;
 }
 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-narrow {
   padding-left: calc(50px - var(--gap-xs));
   padding-right: calc(50px - var(--gap-xs));
 }
 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-default {
   padding-left: calc(50px - var(--gap-sm));
   padding-right: calc(50px - var(--gap-sm));
 }
 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-extended {
   padding-left: calc(50px - var(--gap-md));
   padding-right: calc(50px - var(--gap-md));
 }
 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-wide {
   padding-left: calc(50px - var(--gap-lg));
   padding-right: calc(50px - var(--gap-lg));
 }
 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-wider {
   padding-left: calc(50px - var(--gap-xl));
   padding-right: calc(50px - var(--gap-xl));
 }
 
 .full-section > .elementor-container{
   padding-left: 0!important;
   padding-right: 0!important;
 }
 
 @media screen and (max-width: 900px) {
 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-no {
   padding-left: 40px;
   padding-right: 40px;
 }
 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-narrow {
   padding-left: calc(40px - var(--gap-xs));
   padding-right: calc(40px - var(--gap-xs));
 }
 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-default {
   padding-left: calc(40px - var(--gap-sm));
   padding-right: calc(40px - var(--gap-sm));
 }
 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-extended {
   padding-left: calc(40px - var(--gap-md));
   padding-right: calc(40px - var(--gap-md));
 }
 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-wide {
   padding-left: calc(40px - var(--gap-lg));
   padding-right: calc(40px - var(--gap-lg));
 }
 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-wider {
   padding-left: calc(40px - var(--gap-xl));
   padding-right: calc(40px - var(--gap-xl));
 }
 
 }
 
 @media screen and (max-width: 600px) {
 
 .elementor-column-gap-no, 
 .elementor-column-gap-narrow, 
 .elementor-column-gap-default, 
 .elementor-column-gap-extended, 
 .elementor-column-gap-wide, 
 .elementor-column-gap-wider, 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-no, 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-narrow, 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-default, 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-extended, 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-wide, 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-wider {
   padding-left: 10px;
   padding-right: 10px;
   margin: 0;
 }
   
 .elementor-inner-section > .elementor-column-gap-no, 
 .elementor-inner-section > .elementor-column-gap-narrow, 
 .elementor-inner-section > .elementor-column-gap-default, 
 .elementor-inner-section > .elementor-column-gap-extended, 
 .elementor-inner-section > .elementor-column-gap-wide, 
 .elementor-inner-section > .elementor-column-gap-wider {
   margin: 0;
   margin-top: -15px;
   margin-bottom: -15px;
 }
   
 .elementor-column-gap-narrow > .elementor-column > .elementor-element-populated, 
 .elementor-column-gap-default > .elementor-column > .elementor-element-populated, 
 .elementor-column-gap-extended > .elementor-column > .elementor-element-populated, 
 .elementor-column-gap-wide > .elementor-column > .elementor-element-populated, 
 .elementor-column-gap-wider > .elementor-column > .elementor-element-populated {
   padding: 15px;	
 }
   
 .elementor-inner-section > .elementor-column-gap-narrow > .elementor-column > .elementor-element-populated, 
 .elementor-inner-section > .elementor-column-gap-default > .elementor-column > .elementor-element-populated, 
 .elementor-inner-section > .elementor-column-gap-extended > .elementor-column > .elementor-element-populated, 
 .elementor-inner-section > .elementor-column-gap-wide > .elementor-column > .elementor-element-populated, 
 .elementor-inner-section > .elementor-column-gap-wider > .elementor-column > .elementor-element-populated {
   padding-left: 0;
   padding-right: 0;
 }
 
 }
 
 @media screen and (max-width: 420px) {
 
 .elementor-column-gap-no, 
 .elementor-column-gap-narrow, 
 .elementor-column-gap-default, 
 .elementor-column-gap-extended, 
 .elementor-column-gap-wide, 
 .elementor-column-gap-wider, 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-no, 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-narrow, 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-default, 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-extended, 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-wide, 
 .elementor-top-section.elementor-section-boxed > .elementor-column-gap-wider {
   padding-left: 0;
   padding-right: 0;
 }
 
 }
 
 /* Elementor Headings */
 
 .elementor-widget-heading .elementor-heading-title {line-height: 1.3em !important;}
 
 /* Elementor Testimonials */
 
 .elementor-testimonial__image {display: none !important;}
 
 /* Elementor Buttons */
 
 .elementor-button {
   line-height: normal;
   font-size: inherit;
   -webkit-transition: all 350ms ease-in-out;
   -moz-transition: all 350ms ease-in-out;
   -o-transition: all 350ms ease-in-out;
   -ms-transition: all 350ms ease-in-out;
   transition: all 350ms ease-in-out;
 }
 .elementor-button:hover {text-decoration: none;}
 
 /* Elementor Buttons */
 
 .elementor-button {
   line-height: normal;
   font-size: inherit;
   -webkit-transition: all 350ms ease-in-out;
   -moz-transition: all 350ms ease-in-out;
   -o-transition: all 350ms ease-in-out;
   -ms-transition: all 350ms ease-in-out;
   transition: all 350ms ease-in-out;
 }
 .elementor-button:hover {text-decoration: none;}
 
 /* Elementor Icons */
 
 [class*="eicon-"], 
 [class*="e-icon-"] {font-style: normal !important;}
 
 .elementor-widget .elementor-icon-list-item:not(:last-child) {margin-bottom: 0.5em;}
 
 .elementor .fa,
 .elementor .fas,
 .elementor .far,
 .elementor .fal,
 .elementor .fab,
 .elementor .fa:before,
 .elementor .fas:before,
 .elementor .far:before,
 .elementor .fal:before,
 .elementor .fab:before {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
 }
 
 /* Elementor Gallery */
 
 .elementor-lightbox [class*="eicon-"] {color: white !important;}
 
 .elementor-image-gallery .gallery-item img {border: 0 !important;}
 
 .elementor-slideshow__header {
   -webkit-box-sizing: border-box !important;
   -moz-box-sizing: border-box !important;
   box-sizing: border-box !important;
 }
 
 
 
 
 
 /******************************************************************************
  * * *  3 CONTENT STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * *
  ******************************************************************************/
 
 
 
 /***  3.1 TEXT & LINKS  ***/
 
 a {color: var(--primary);}
 
 a:hover {color: var(--secondary);}
 
 
 
 /***  3.2 HEADINGS  ***/
 
 h1, h2, h3, h4, h5, h6 {
   font-weight: 500;
   color: var(--dark-1);
 }
 
 h1 {font-size: 2.4em;}

 @media screen and (max-width:900px) {
  h1 {font-size: 2.1em;}
 }
 
 .cta-title,
 h2 {font-size: 2.22em;}

 @media screen and (max-width:900px) {
  .cta-title,
  h2 {font-size: 1.9em;}
 }
 
 h3 {font-size: 1.778em;}
 
 .recent-posts-masonry .entry-title,
 h4 {font-size: 1.333em;}
 
 h5 {font-size: 1.222em;}
 h6 {font-size: 1.111em;}
 
 @media screen and (max-width:900px) {
   h3 {font-size: 1.4em;}
 }
 
 /***  3.3 BORDERS & DIVIDERS  ***/
 
 hr, .divider {
     display: block;
   width: 100%;
     height: 1px;
     border: 0;
     border-top: 1px solid #e2e2e2;
     margin: 2.5em auto;
     padding: 0;
   clear: both;
 }
 
 
 
 /***  3.4 BUTTONS  ***/
 
 .button, 
 .elementor-button,
 .elementor-button:visited{
   padding: .7em 1.5em 0.5em ;
   border: 2px solid var(--dark-3);
   background-color: var(--dark-3);
   font-weight: 500;
   color: var(--dark-1);
   text-transform: uppercase;
 }
 
 .button:hover, 
 .elementor-button:hover {
   border-color: var(--primary-dk);
   background-color: var(--primary-dk);
   color: white;
 }

 .button-dark-alt .elementor-button {
  color: white;
  border-color: var(--dark-1);
  background-color: var(--dark-1);
 }

 .button-dark-alt .elementor-button:hover {
  color: white;
  border-color: var(--primary-dk);
  background-color: var(--primary-dk);
 }

.titlecase .button, 
.titlecase .elementor-button {text-transform: capitalize;}
 
 .elementor-button:hover .elementor-button-icon path{fill: white;}
 
 .elementor-button .elementor-button-icon{ 
   margin-left: 4px;
 }
 
 .elementor-button .elementor-button-icon i{
   color: var(--dark-1);
   margin-top: -5px;
 }
 
 .button:hover i, 
 .elementor-button:hover .elementor-button-icon i{color: white;}
 
 .elementor-button .elementor-button-icon path{ transition: all 350ms ease-in-out; }
 
 /*transparent-button*/
 .transparent-button.button, 
 .transparent-button .elementor-button {
   padding: 0 0 5px;
   background-color: transparent;
   border-color: transparent;
   border-bottom-color: var(--dark-1);
 }
 
 .transparent-button.button{padding-bottom: 0;}
 
 .transparent-button.button:hover, 
 .transparent-button .elementor-button:hover {
   color: var(--primary-dk);
   border-bottom-color: var(--primary-dk);
 }
 
 .transparent-button.button:hover i.fas{ color: var(--primary-dk); }
 
 .transparent-button .elementor-button:hover .elementor-button-icon i{color: var(--primary-dk);}
 
 
 .transparent-button .elementor-button:hover .elementor-button-icon path{fill: var(--primary-dk);}
 
 /*hover-white-btn*/
 .hover-white-btn.transparent-button .elementor-button:hover{
   color: white;
   border-bottom-color: white;
 }
 
 .hover-white-btn.transparent-button .elementor-button:hover .elementor-button-icon path{fill: white;}
 
 /*bordered-button*/
 .bordered-button .button,
 .bordered-button .elementor-button{
   background-color: transparent;
   border-color: var(--dark-1);
   border-radius: var(--radius-2);
 }
 
 .bordered-button .button:hover,
 .bordered-button .elementor-button:hover{
   background-color: var(--primary-dk);
   border-color: var(--primary-dk);
 }
 
 /*dark-button*/
 .dark-button.button, 
 .dark-button .elementor-button{
   background-color: var(--dark-1);
   border-color: var(--dark-1);
   color: white;
   border-radius: 100px;
   padding: 1em;
   text-transform: none;
   font-size: 1.333em;
 }
 
 .dark-button.button:hover, 
 .dark-button .elementor-button:hover{
   background-color: var(--dark-3);
   border-color: var(--dark-3);
   color: var(--dark-1);
 }
 
 .dark-button.button i, 
 .dark-button .elementor-button i{
   color: white;
   font-size: .7em;
   margin-top: -5px;
   margin-right: 5px;
 }
 
 .dark-button.button:hover i, 
 .dark-button .elementor-button:hover i{
   color: var(--dark-1);
 }
 
 @media screen and (max-width:1200px) {
   .dark-button.button, 
   .dark-button .elementor-button{
     font-size: 1.111em;
   }
 }
 
 a i.fa-heart,
 a:hover i.fa-heart{
   color: white!important;
   margin-left: 3px;
   margin-top: -5px;
 }
 
 /* Empty Button */
 
 .button-empty {
   background: none;
   color: var(--primary);
 }
 
 .button-empty:hover {
   border-color: var(--secondary);
   background: none;
   color: var(--secondary);
 }
 
 
 
 /***  3.5 ICONS  ***/
 
 /*  Icon Colors  */
 
 .fa, .fas, .far, .fal, .fab {color: var(--primary);}
 
 a .fa, a .fas, a .far, a .fal, a .fab {
   color: var(--primary);
   webkit-transition: all 350ms ease-in-out;
   -moz-transition: all 350ms ease-in-out;
   -o-transition: all 350ms ease-in-out;
   -ms-transition: all 350ms ease-in-out;
   transition: all 350ms ease-in-out;
 }
 
 a:hover .fa, a:hover .fas, a:hover .far, a:hover .fal, a:hover .fab {color: var(--primary-dk);}
 
 /*  Icon Backgrounds  */
 
 .fa-bg {
   background-color: var(--primary);
   color: white;
 }
 
 a .fa-bg {
   background-color: var(--primary);
   color: white;
 }
 
 a:hover .fa-bg {
   background-color: var(--secondary);
   color: white;
 }
 
 /*  Icon Borders  */
 .fa-br {border-color: var(--primary);}
 a .fa-br {border-color: var(--primary);}
 a:hover .fa-br {border-color: var(--secondary);}
 
 /* Elementor Icons */
 
 .elementor-view-stacked .elementor-icon {background-color: var(--primary);}
 .elementor-view-stacked .elementor-icon i {color: white;}
 .elementor-view-stacked .elementor-icon:hover {background-color: var(--secondary);}
 
 
 
 /***  3.6 LISTS  ***/
 
 /* Icon Lists */
 
 .arrow-list, 
 .check-list, 
 .check-circle-list, 
 .icon-list, 
 .contact-list {list-style: none;}
 
 .arrow-list li, 
 .check-list li, 
 .check-circle-list li, 
 .icon-list li, 
 .contact-list li {position: relative;}
 
 .contact-list li a {color: var(--primary-dk);}
 
 .icon-list li .fa, 
 .icon-list li .fal, 
 .icon-list li .fas, 
 .icon-list li .fab, 
 .icon-list li .fad, 
 .contact-list li .fa, 
 .contact-list li .fal, 
 .contact-list li .fas, 
 .contact-list li .fab, 
 .contact-list li .fad {
   position: absolute;
   top: 0.25em;
   left: -1.75em;
   width: 1em;
   height: 1em;
   line-height: 1;
 }
 
 .arrow-list li:not(:last-child), 
 .check-list li:not(:last-child), 
 .check-circle-list li:not(:last-child), 
 .icon-list li:not(:last-child), 
 .contact-list li:not(:last-child) {margin-bottom: 0.5em;}
 
 .arrow-list li:before, 
 .check-list li:before, 
 .check-circle-list li:before, 
 .icon-list li:before, 
 .contact-list li:before {
   position: absolute;
   top: 0.33em;
   left: -1.75em;
   width: 1em;
   height: 1em;
   display: block;
   font-family: 'Font Awesome 5 Pro';
   font-weight: 300;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   font-size: 1em;
   text-align: center;
   color: var(--primary);
 }
 
 .arrow-list li:before, 
 .icon-list li.arrow:before, 
 .contact-list li.arrow:before {content: "\f105";}
 
 .check-list li:before, 
 .icon-list li.check:before, 
 .contact-list li.check:before {content: "\f00c";}
 
 .check-circle-list li:before, 
 .icon-list li.check-circle:before, 
 .contact-list li.check-circle:before {content: "\f058";}
 
 .icon-list li.map-marker:before, 
 .contact-list li.map-marker:before {content: "\f3c5";}
 
 .icon-list li.phone:before, 
 .contact-list li.phone:before {content: "\f095";}
 
 .icon-list li.fax:before, 
 .contact-list li.fax:before {content: "\f1ac";}
 
 .icon-list li.envelope:before, 
 .contact-list li.envelope:before {content: "\f0e0";}
 
 .icon-list li.clock:before, 
 .contact-list li.clock:before {content: "\f4fd";}
 
 .icon-list li.share:before, 
 .contact-list li.share:before {content: "\f14d";}
 
 /* Double Size Icon List */
 
 .icon-list-2x li, 
 .contact-list-2x li {margin-left: 3em;}
 
 .icon-list-2x li:not(:last-child), 
 .contact-list-2x li:not(:last-child) {margin-bottom: 1em;}
 
 .icon-list-2x li:before, 
 .contact-list-2x li:before {
   font-size: 1.5em;
   top: 0;
   right: calc(100% + 1em);
 }
 
 .contact-list li{margin-left: 0;}
 
 /* Column Lists */
 
 @media screen and (min-width: 601px) {
 
 .two-col-list, 
 .three-col-list, 
 .four-col-list, 
 .five-col-list {
   width: 100%;
   -webkit-column-gap: 20px;
   -moz-column-gap: 20px;
   column-gap: 20px;
 }
 
 .two-col-list:not(.nf-field-container) {
   -webkit-column-count: 2;
   -moz-column-count: 2;
   column-count: 2;
 }
 
 .three-col-list, 
 .four-col-list, 
 .five-col-list {
   -webkit-column-count: 3;
   -moz-column-count: 3;
   column-count: 3;
 }
 
 .two-col-list li, 
 .three-col-list li, 
 .four-col-list li, 
 .five-col-list li {
   display: inline-block;
   width: calc(100% - 1.75em);
 }
 
 }
 
 @media screen and (min-width: 901px) {
 
 .four-col-list, 
 .five-col-list {
   -webkit-column-count: 4; /* Chrome, Safari, Opera */
   -moz-column-count: 4; /* Firefox */
   column-count: 4;
 }
 
 }
 
 @media screen and (min-width: 1025px) {
 
 .five-col-list {
   -webkit-column-count: 5; /* Chrome, Safari, Opera */
   -moz-column-count: 5; /* Firefox */
   column-count: 5;
 }
 
 }
 
 
 
 /***  3.7 FORM STYLES  ***/
 
 /* Inputs */
 input[type="text"], input[type="email"], input[type="number"], 
 input[type="password"], input[type="search"], input[type="tel"], 
 input[type="url"], input[type="date"], input[type="datetime-local"], 
 input[type="month"], input[type="time"], input[type="week"], 
 textarea, select {
   border-radius:5px;
   color: var(--dark-1);
   font-size: 1.4em;
 }
 
 input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, 
 input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, 
 input[type="url"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, 
 input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, 
 textarea:focus, select:focus {border-color: var(--primary);}
 
 /* Buttons */
 
 input[type="submit"], input[type="reset"], input[type="button"] {
   background-color: var(--primary);
   height: 50px;
   border-radius: var(--radius-2);
   padding: 0.75em 2em;
   color: white;
   -webkit-transition: all 300ms ease-in-out;
   transition: all 300ms ease-in-out;
 }
 
 input[type="Submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
   background-color: var(--secondary);
   color: white;
 }
 
 input[type="Submit"]:active, input[type="reset"]:active, input[type="button"]:active {
   background-color:  var(--primary);
   color: white;
 }
 
 /*labels*/
 div.label-above .nf-field-label{margin-bottom: 0;}
 
 div.nf-field-label .nf-label-span, 
 div.nf-field-label label{
   color: var(--dark-1);
   font-size: 0.667em;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 400;
 }
 
 .field-wrap.list-wrap li label{
   font-weight: 300;
   /* font-size: 0.8em; */
 }
 
 /* Search Form */
 .search-area{background-color: transparent;}
 
 .search-form {position: relative;}
 
 input[type="text"].search-field,
 input[type="text"].search-field:focus {background-color: white;}
 
 input[type="Submit"].search-submit {
   display: block;
   position: absolute;
   z-index: 50;
   top: 50%;
   right: 0;
   float: none;
   width: 42px;
   height: 42px;
   border: 0;
   margin-top: -21px;
   background: rgba(0,0,0,0) url(images/icon-search.svg) center center no-repeat !important;
   background-size: 1.5em !important;
   opacity: 0.6;
   cursor: pointer;
   cursor: hand;
 }
 
 input[type="Submit"].search-submit:hover {
   outline: none;
   opacity: 1;
 }
 
 input[type="Submit"].search-submit:active {
   background-color: rgba(0,0,0,0.025);
   outline: none;
 }
 
 /* Ninja Forms */
 
 .nf-before-form-content {display: none !important;}
 
 .nf-field-element input[type="button"], 
 .nf-field-element input[type="submit"] {height: 50px;}
 
 
 
 
 
 /******************************************************************************
  * * *  4 HEADER STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * 
  ******************************************************************************/
 
 
 
 /***  4.1 SCROLL BAR  ***/
 
 .scroll-bar {
   background-color: white;
   box-shadow: var(--shadow-1);
 }

 .logged-in:not(.admin-bar) .scroll-bar { top: 0; }
 
 .scroll-logo img {max-height: 50px;}
 
 /***  4.2 TOP BAR  ***/
 
 .top-bar {
   padding-top: 2px;
   padding-bottom: 2px;
   background-color: #D9D9D9;
   font-size: 0.889em;
 }
 
 .top-bar a{color: var(--dark-1);}
 
 .top-bar a:hover{
   text-decoration: none;
   color: var(--primary-dk);
 }
 
 .top-bar i{
   color: var(--dark-1)!important;
   font-size: .8em;
   margin-right: 5px;
   margin-top: -3px;
 }
 
 @media screen and (min-width:1024px) {
   .top-bar-container{ padding-right: 20px; }
 }
 
 
 .top-bar .col-custom {
   padding-top: 2px;
   padding-bottom: 2px;
   text-align: right!important;
 }
 
 
 
 /***  4.3 HEADER  ***/
 
 .header .col-custom {
   padding-top: 0;
   padding-bottom: 0;
 }
 
 .header .logo-wrapper {
   padding-top: 20px;
   padding-bottom: 20px;
 }
 
 .logo img {max-height: 76px;}
 
 @media screen and (min-width:1201px) {
   .scroll-bar-container,
   .header-container{padding-right: 0;}
 
   .header .logo-wrapper,
   .scroll-logo-wrapper {width: 200px;}
 
   .scroll-bar-nav,
   .header .header-right {width: calc(100% - 200px);}
 }
 
 
 /* Menu Button */
 
 .header .menu-button .fal, 
 .header .menu-button:hover .fal {color: var(--dark-1);}
 
 .header .menu-button.active .fal {
   background-color: var(--primary);
   color: white;
 }
 
 
 
 /***  4.4 NAV BAR  ***/
 
 
 
 /***  4.5 NAV MENUS  ***/
 
 .nav-menu > li > a {
   padding: 30px .7em;
   color: var(--dark-1);
   font-size: 0.889em;
 }
 
 .single-service .nav-menu > li.services-link > a, 
 .single-post .nav-menu > li.posts-link > a, 
 .category .nav-menu > li.posts-link > a, 
 .nav-menu > li.current-menu-ancestor > a, 
 .nav-menu li.current-menu-item:not(.nav-button) > a, 
 .nav-menu > li:hover > a {color: var(--primary);}
 
 .search-button i{
   background-color: var(--light-1);
   color: var(--dark1);
   font-weight: 800;
   padding: 14px;
   border-radius: 100%;
   font-size: 1.2em;
 }
 
 .nav-button a{
   background-color: var(--primary);
   border: 2px solid var(--primary);
   line-height: 1;
   font-size: 1.25em;
 }
 
 .nav-button a:hover{
   background-color: var(--secondary);
   border-color: var(--secondary);
 }
 
 .nav-button a{
   padding-top: 55px!important;
   padding-bottom: 56px!important;
 }
 .nav-button:hover a{color: var(--dark-1)!important;}
 
 .nav-button a{
   text-transform: uppercase;
   font-size: 1.25em;
   letter-spacing: 1px;
   padding-left: 1.25em;
   padding-right: 1.25em;
   font-weight: 500;
 }
 
 .nav-menu > .menu-item-has-children>a:after {
   content: '\f067';
   font-family: "Font Awesome 5 Pro";
   margin-left: 7px;
   font-size: 0.6em;
   position: relative;
   top: -2px;
 }
 
 @media screen and (min-width:1250px) {
   .nav-menu > li > a {
     padding-left: 0.7em;
     padding-right: 0.7em;
   }
 }
 
 .scroll-menu > li > a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
 
 .scroll-menu .nav-button a{
   padding-top: 23px !important;
   padding-bottom: 23px !important;
   line-height: 1.5;
 }
 
 /***  4.6 DROPDOWN MENUS  ***/
  
 .nav-menu li ul li a {
   color: var(--dark-1);
   font-size: .9em;
 }
 
 .nav-menu li ul li:hover a {color: var(--primary-dk);}
 
 /*sub menu alignment*/
 .nav-menu li ul a {text-align: left;}
 
 /*mobile submenu*/
 
 .mobile-menu > li.current-menu-ancestor > a, 
 .mobile-menu li.current-menu-item:not(.nav-button) > a{
   color: var(--primary);
 }
 
 .mobile-menu .sub-menu{padding-left: 10px;}
 
 
 
 /***  4.7 MOBILE NAV  ***/
 
 .mobile-menu li a {color: var(--dark-1);}
 
 .mobile-menu .nav-button{display: none;}
 
 /*mobile donate button*/
 .header-right-widget{display: none;}
 
 @media screen and (max-width:1200px){
   .header .grid{ justify-content: space-between; }
   
   .header-right-widget{
     display: block;
     margin-bottom: 0;
   }
 
   .logo-wrapper{flex:1;}
 
   .header-left, .header-right, .logo-wrapper {
     width: auto;
   }
 
   .header-right-widget .button{
     border-radius: var(--radius-3);
     background-color: var(--primary);
     border-color: var(--primary);
     color: var(--dark-1);
     padding: 0.6em 1em 0.35em;
     margin-right: 20px;
     font-size: 0.889em;
     text-transform: none;
   }
 }
 
 @media screen and (max-width:550px){
   .logo img{max-height: 60px;}
 
   .header-right-widget .button{
     margin-right: 0;
     margin-left: 10px;
   }
 }
 
 /******************************************************************************
  * * *  5 BODY STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
  ******************************************************************************/
 
 
 
 /***  5.1 BANNER  ***/
 
 .banner {
   background-color: var(--dark-4);
   backdrop-filter: blur(2.5px);
   color: white;
 }
 
 .banner-inner {
   min-height: 500px;
   padding-top: 80px;
   padding-bottom: 80px;
 }
 
 .banner .banner-content{
   background-color: #242424B2;
   backdrop-filter: blur(2.5px);
   border-radius: var(--radius-3);
   padding: 50px;
   max-width: 537px;
   margin-left: 0;
 }
 
 body.page-id-767 .banner .banner-content{max-width: unset;}
 
 @media screen and (max-width:600px) {
   .banner .banner-content{
     padding: 25px;
   }
 }
 
 .banner h1{margin-bottom: 20px!important;}
 
 .banner-tall .banner-inner {min-height: 550px;}
 
 .banner a {color: var(--primary);}
 
 .banner a:hover {color: white;}
 
 .banner .entry-cats{margin-left: 10px;}
 
 .banner .entry-cats span:not(:first-of-type):before{
   margin-left: 10px;
   font-size: .4em;
 }
 
 .banner .job-details i{
   font-size: .8em;
   margin-top: -4px;
   transition: none;
 }
 
 .banner .job-details a:hover{
   text-decoration: none;
   color: var(--primary-dk);
 }
 
 .banner .job-cats{
   margin-top: 20px;
   margin-bottom: 7px;
 }
 
 .banner .job-cats span{
   background-color: var(--secondary);
   padding: 8px 8px 5px;
   margin-right: 5px;
   color: var(--dark-1);
 }

 .banner .job-company-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1em;
 }

 @media screen and (max-width: 600px) {
  .banner .job-company-wrapper {flex-wrap: wrap;}
 }

 .banner .job-company-logo {
    order: 2;
    max-width: 100px;
    max-height: 100px;
 }


 
 /***  5.2 BREADCRUMBS  ***/
 
 .breadcrumbs {
   padding-top: 10px;
   padding-bottom: 10px;
   background-color: var(--light-2);
 }
 
 
 
 /***  5.3 TITLE BAR  ***/
 
 .title-bar {
   padding-top: 20px;
   padding-bottom: 20px;
   background-color: var(--light-1);
 }
 
 
 
 /***  5.4 PAGE NAV BAR  ***/
 
 .page-nav-bar .page-menu {
   padding: 0;
   margin: 0;
   list-style: none;
   justify-content: center;
 }
 
 .page-nav-bar .page-menu {display: flex;}
 
 .page-nav-bar .page-menu li {
   margin: 0;
   font-size: 0.9em;
   line-height: 1.4;
   text-align: center;
 }
 
 .page-nav-bar .page-menu li > a {
     padding: 24px 18px;
     display: flex;
     align-items: center;
     color: var(--dark-1);
     -webkit-transition: all 350ms ease-in-out;
     -moz-transition: all 350ms ease-in-out;
     -o-transition: all 350ms ease-in-out;
     -ms-transition: all 350ms ease-in-out;
     transition: all 350ms ease-in-out;
 }
 
 .page-nav-bar .page-menu li.current-menu-item > a, 
 .page-nav-bar .page-menu li:hover > a {
     background: var(--primary);
     text-decoration: none;
     color: white;
 }
 
 
 
 /***  5.5 MAIN  ***/
 
 .main, 
 .section-spacer {
   padding-top: var(--spacer-md);
   padding-bottom: var(--spacer-md);
 }
 
 .section-spacer-top {padding-top: var(--spacer-md);}
 .section-spacer-btm {padding-bottom: var(--spacer-md);}
 
 .section-spacer-sm {
   padding-top: var(--spacer-sm);
   padding-bottom: var(--spacer-sm);
 }
 
 .section-spacer-top-sm {padding-top: var(--spacer-sm);}
 .section-spacer-btm-sm {padding-bottom: var(--spacer-sm);}
 
 .section-spacer-lg {
   padding-top: var(--spacer-lg);
   padding-bottom: var(--spacer-lg);
 }
 
 .section-spacer-top-lg {padding-top: var(--spacer-lg);}
 .section-spacer-btm-lg {padding-bottom: var(--spacer-lg);}
 
 @media screen and (max-width:600px) {
   .main, 
   .section-spacer {
     padding-top: 70px;
     padding-bottom: 70px;
   }  
 }
 
 @media screen and (min-width: 421px) {
 .content .alignleft {margin: 0 20px 1em 0;}
 .content .alignright {margin: 0 0 1em 20px;}
 }
 
 
 
 /***  5.6 ARCHIVE  ***/
 
 /* Entry Cols */
 
 .entry-cols .entry-link {
   border-radius: var(--radius-1);
   box-shadow: var(--shadow-1);
   overflow: hidden;
   color: var(--dark-1);
   background-position: center;
   background-size: cover;
 }
 
 .entry-cols .entry-link:hover {transform: translateY(-3px);}
 
 .entry-cols .entry-icon-wrap {padding: 30px 30px 0;}
 
 .entry-cols .entry-icon-wrap svg {
   width: 60px;
   fill: var(--primary);
 }
 
 .entry-cols img{width: 100%;}
 
 .entry-cols .recent-posts-masonry article:first-of-type{margin-bottom: 30px;}
 
 .entry-cols .entry-link .entry-title{
   margin-top: 0;
   color: var(--dark-1);
 }
 
 .entry-cols .entry-link:hover .entry-title{color: var(--primary-dk);}
 
 .entry-cols .entry-text-wrap {padding: 30px;}
 
 .entry-cols .entry-meta, 
 .entry-cols .entry-meta li {
   margin-left: 0;
   list-style: none;
   font-size: 0.667em;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: var(--dark-4);
 }
 
 .entry-cols .entry-meta li:not(:last-child) {margin-right: 10px;}
 
 .entry-cols .entry-date {
   font-size: 0.667em;
   text-transform: uppercase;
   letter-spacing: 1px;
 }
 
 .entry-cols .entry-cats span {
   margin: 0;
   color: var(--primary-dk);
   font-size: 0.667em;
   text-transform: uppercase;
   letter-spacing: 1px;
 }
 
 @media screen and (max-width:900px){
   .recent-post-cols .post-excerpt{display: none!important;}
 }
 
 @media (min-width:901px) and (max-width:1200px) {
   .recent-post-cols .col-third,
   .recent-post-cols .col-two-thirds{width: 50%!important;}
 }
 
 .entry-cols .entry-excerpt,
 .entry-cols .entry-excerpt+p{
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;  
   overflow: hidden;
 }
 
 .entry-cats span:not(:first-of-type):before{
   content: '\f111';
   font-family: 'Font Awesome 5 Pro';
   margin-left: 7px;
   margin-right: 10px;
   font-weight: 700;
   font-size: .6em;
   position: relative;
   top: -2px;
   color: var(--primary-dk);
 }
 
 .entry-cols .entry-more {
   position: absolute;
   width: 100%;
   left: 30px;
   bottom: 30px;
 }
 
 .entry-cols .entry-link .entry-button {
   color: var(--dark-1);
   border-bottom: 1px solid var(--dark-1);
   padding-bottom: 3px;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 400;
 }
 
 .entry-cols .entry-link:hover .entry-button{
   color: var(--primary-dk);
   border-bottom-color:var(--primary-dk) ;
 }
 
 .entry-cols .entry-link .entry-button svg{
   margin-left: 2px;
   width: 18px;
 }
 
 .entry-cols .entry-link .entry-button path{
   transition: all 300ms ease-in-out;
 }
 
 .entry-cols .entry-link:hover .entry-button path{
   fill: var(--primary-dk);
 }
 
 /*.entry-cols .entry-link .entry-button i{
   color: var(--dark-1);
   margin-top: -5px;
 }
 
 .entry-cols .entry-link:hover .entry-button i{color: var(--primary-dk);}*/
 
 /* Paging Nav */
 
 .archive-nav a {
   padding: 0.6em 1.2em;
   border-radius: var(--radius-3);
   border: 1px solid var(--light-1);
   background: var(--light-2);
   color: var(--dark-1);
 }
 
 .archive-nav a:hover {
   background-color: var(--secondary);
   color: white;
 }
 
 
 
 /***  5.7 SINGLE  ***/
 
 
 
 
 
 /******************************************************************************
  * * *  6 FOOTER STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * 
  ******************************************************************************/
 
 
 
 /***  6.1 CTA BAR  ***/
 
 .cta-bar {
   background-color: var(--secondary);
 }
 
 .cta-bar .grid {align-items: center;}
 
 .cta-bar .col-custom:last-child {margin-top: 1em;}
 
 
 .cta-bar a:hover{
   background-color: var(--dark-1);
   border-color: var(--dark-1);
 }
 
 .cta-bar a.button{
   background-color: var(--primary-dk);
   border-color: var(--primary-dk);
 }
 
 @media screen and (min-width: 1220px) {
   .cta-bar a.button{ font-size: 1.778em; }
 }
 
 @media screen and (min-width: 901px) {
   .cta-bar .section-container{padding-right: 0;}
 
   .cta-bar .col-custom:first-child {
   width: 66.7%;
   text-align: left;
   }
 
   .cta-bar .custom-cta p,
   .cta-bar .textwidget{max-width: 620px;}
 
   .cta-bar a.button{
     height: 350px;
     width: 100%;
 
     border-radius: 0;
     display: flex;
     align-items: center;
     margin: 0!important;
   }
   
   .cta-bar .col-custom:last-child {
     width: 33.3%;
     margin-top: 0;
   }
 }
 
 @media screen and (max-width: 900px) {
   .cta-bar {
     padding-top: 50px;
     padding-bottom: 50px;
   }
 
   .cta-bar a.button{
     border-radius: var(--radius-3);
     padding-top: 1em;
     padding-bottom: 1em;
   }
 }
 .cta-bar .cta-title, 
 .cta-bar .elementor-widget-heading {margin-bottom: 0.5em;}
 
 .cta-bar .cta-title + p {margin-top: 0;}
 
 /***  6.2 FOOTER  ***/
 
 .footer {
   padding-top: 120px;
   padding-bottom: 70px;
   background-color: var(--dark-1);
   color: white;
 }
 
 .footer .col-custom {
   padding-top: 15px;
   padding-bottom: 15px;
 }
 
 .footer aside:nth-of-type(2){ 
   padding-left: 60px; 
   padding-right: 60px;
 }
 
 .footer a {color: white;}
 
 .footer a:hover {
   text-decoration: none;
   color: var(--primary);
 }
 
 /* Footer Menus */
 
 .footer .menu {margin-top: -5px;}
 
 .footer .menu a {
   display: block;
   padding-top: 5px;
   padding-bottom: 5px;
 }
 
 /* Footer Icon List */
 
 .footer .arrow-list li, 
 .footer .check-list li, 
 .footer .check-circle-list li, 
 .footer .icon-list li, 
 .footer .contact-list li {margin-left: 1.75em;}
 /*
 .footer aside:last-of-type .textwidget{
   background-color: var(--dark-3);
   padding: 25px;
   border-radius: var(--radius-2);
 }
*/
 
 @media screen and (min-width:1200px) {
   .footer .menu{columns: 2;}
 }
 
 @media screen and (min-width:901px) {
 
   .footer aside{
     width: auto!important;
     flex: 1;
   }
 
   .footer aside:first-of-type{flex: none;}
 
 }
 
 @media screen and (max-width:900px) {
   .footer {padding-top: 50px;}
 
   .footer .grid{
     flex-direction: column-reverse;
     align-items: center;
     padding: 0 20px;
     gap: 60px;
     text-align: center; 
   }
   
   .footer aside:last-of-type{
     text-align: left;
     width: 100%!important;
   }
 
   .footer aside:nth-of-type(2) .textwidget{
     display: flex !important;
     flex-direction: column-reverse;
   }
 
   .footer .social-list{
     justify-content: center;
     margin-top: 0;
     margin-bottom: 60px;
   }
 }
 
 /***  6.3 BOTTOM BAR  ***/
 
 .bottom-bar {
   padding-top: 20px;
   padding-bottom: 80px;
   background-color: var(--dark-1);
   color: white;
   font-size: 0.667em;
   text-transform: uppercase;
 }
 
 .bottom-bar .grid{
   justify-content: center;
   margin-top: 10px;
 }
 
 .bottom-bar-inner{border-top: 1px solid var(--primary);}
 
 .bottom-bar .col-custom {
   padding: 10px;
   width: auto!important;
 }
 
 .bottom-bar a {color: white;}
 
 .bottom-bar a:hover {
   text-decoration: none;
   color: var(--primary);
 }
 
 .copyright, .credits {display: inline-block;}
 
 .credits img {width: 1.1em;}
 
 
 
 
 
 /******************************************************************************
  * * *  7 CUSTOM STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * 
  ******************************************************************************/
 
 /* Add custom theme styles here */
 .social-list{
   display: flex;
   margin-top: 40px;
   gap: 5px;
 }
 
 .social-list a i{
   padding: 7px;
   border-radius: 100%;
 }
 
 .social-list a:hover i{
   background-color: var(--primary-dk);
 }

 .text-primary,
 .text-primary * { color: var(--primary); }
 
 .bg-primary{background-color: var(--primary);}
 
 .bg-primary-dk{background-color: var(--primary-dk);}
 
 .bg-secondary{background-color: var(--secondary);}
 
 .bg-dk-one{background-color: var(--dark-1);}
 
 .bg-dk-three{background-color: var(--dark-3);}
 
 .bg-lt-one{background-color: var(--light-1);}
 
 .md-text{font-size: 1.111em;}
 
 .lg-text{font-size: 1.333em;}
 
 @media screen and (max-width:900px) {
   .lg-text{font-size: 1.111em;}
 }
 
 .section-move-right{
   margin-right: -123px;
 }
 
 .section-move-right .elementor-container{max-width: 1320px!important;}
 
 @media screen and (max-width:1400px) { 
   .section-move-right{
     margin-right: 0;
   }
 }
 
 @media (min-width:901px) and (max-width:1400px) {
 
   .section-move-right .elementor-container{
     margin-right: -2px!important;
     padding-right: 0!important;
   }
 }
 
 @media screen and (max-width:1360px) { 
   .section-move-right .elementor-container{ max-width: 1260px !important; }
 }
 
 @media screen and (max-width:1200px) { 
   .sq-line-separator .elementor-divider-separator{
     border-block-start-width: 5px!important;
   } 
 }
 
 /*bios*/
 .bio-cols .bio{transition: transform .2s;}
 
 .bio-cols .bio.bio:hover{transform: scale(1.02);}
 
 /*events*/
 .event-cols .event-link::after{
   content: '';
   background-color: #d9e3e0e8;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 1;
   top: 0;
 }
 
 .event-cols .event-text-wrap{
   position: relative;
   z-index: 2;
   padding-bottom: 80px;
   color: var(--dark-1);
   height: 100%;
 }
 
 .event-excerpt{font-size: 0.889em;}
 
 
 
 .event-pagination{
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 20px;
   gap: 10px;
 }
 
 .event-pagination > a.invisible{visibility: hidden;}
 
 .event-pagination a:hover{cursor: pointer;}
 
 .event-pagination li a{
   color: var(--dark-1);
   border-bottom: 2px solid transparent;
   padding: 5px 2px 3px;
 }
 
 .event-pagination li a:hover{
   cursor: pointer;
   color: var(--primary);
   text-decoration: none;
 }
 
 .event-pagination a:hover path{
   fill: var(--primary-dk);
 }
 
 .pagination-numbers{
   display: flex;
   align-items: center;
   margin: 0;
   gap: 10px;
 }
 
 .pagination-numbers li{
   list-style: none;
   margin-left: 0;
 }
 
 .pagination-numbers li.active a{
   color: var(--primary-dk);
   border-bottom-color: var(--primary-dk);
 }
 
 /*events custom elementor page*/
 .tec-events-elementor-event-widget__datetime-wrapper .tec-events-elementor-event-widget__datetime{
   font-weight: 500;
   font-size: 2.22em;
 }
 
 /*timeline-slider*/
 .timeline-slider .elementor-widget-theme-post-content img{max-width: 200px;}
 
 .timeline-slider .elementor-top-section.elementor-section-boxed > .elementor-column-gap-default{
   padding-left: 0;
   padding-right: 0;
 }
 
 .timeline-slider .elementor-swiper-button{
   padding: 10px;
   border-radius: 100%;
 }
 
 .timeline-slider .elementor-swiper-button:not(.swiper-button-disabled):hover{background-color: var(--light-1);}
 
 .timeline-slider .timeline-dot i{color: black!important;}
 
 .timeline-slider .swiper-slide:last-of-type .elementor-widget-theme-post-content{
   background-color: var(--dark-3);
   padding: 40px 40px 20px;
 }
 
 .timeline-slider .swiper-slide:last-of-type .elementor-widget-icon,
 .timeline-slider .swiper-slide:last-of-type .elementor-widget-divider,
 .timeline-slider .swiper-slide:last-of-type .timeline-date,
 .timeline-slider .swiper-slide:last-of-type .timeline-name{ display: none; }
 
 @media screen and (max-width:600px) {
   .timeline-slider .elementor-widget-theme-post-content img{
     width: 100%;
     max-width: unset;
   }
 }

 .event-tickets .tribe-tickets__commerce-checkout, .tribe-common .tribe-tickets__commerce-checkout,.event-tickets .tribe-tickets__commerce-order  {
  margin: 80px auto !important;
 }

 
 /*jobs*/
 .job-cols .current-menu-item{display: none;}
 
 .job-cat-filter{
   margin-top: 20px !important;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 5px;
 }
 
 .job-cat-filter span{padding: .4em .5em .1em;}
 
 .job-cat-filter li{
   margin-left: 0;
   list-style: none;
 }
 
 .job-cat-filter a{
   padding: .4em .5em .1em;
   display: inline-block;
   font-weight: 500;
 }
 
 .job-cat-filter a.active{
   background-color: var(--secondary);
   color: var(--dark-1)!important;
 }
 
 .job-cat-filter a:hover{
   cursor: pointer;
   text-decoration: none;
 }
 
 .job-back-button{
   margin-top: 60px;
   text-align: center;
 }
 
 .job-cols article.hide-job{display: none;}
 
 /*elementor accordion*/
 .elementor-widget-accordion .elementor-tab-title:hover{color: var(--primary-dk);}
 
 .elementor-widget-accordion .elementor-tab-title a:hover{
   text-decoration: none;
   color: unset;
 }
 
 .elementor-accordion .elementor-tab-content{border-top: none;}
 
 /*home-banner-dark-col*/
 @media screen and (min-width:1024px) {
   .home-banner-dark-col .elementor-widget-wrap{min-height: 750px;}
 }
 


/** RCP Membershipt Table **/

/* General form styling */
form#rcp_registration_form {
  background-color: #f8f8f8; /* light background for contrast */
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Label styling */
form#rcp_registration_form label {
  color: var(--dark-1);
  font-size: 0.667em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
}

/* Input fields */
form#rcp_registration_form input[type="text"],
form#rcp_registration_form input[type="password"],
form#rcp_registration_form input[type="email"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 15px;
  box-sizing: border-box;
  font-size: 14px;
}

/* Highlight input on focus */
form#rcp_registration_form input:focus {
  border-color: #f7931d; /* matches 'Donate Now' button color */
  outline: none;
  box-shadow: 0 0 5px rgba(247, 147, 29, 0.2);
}

/* Submit button */
form#rcp_registration_form input[type="submit"] {
  background-color: #f7931d;
  color: #fff;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  margin-top: 15px;
}

form#rcp_registration_form input[type="submit"]:hover {
  background-color: #e68114; /* darker shade for hover effect */
}

/* Auto Renew checkbox */
#rcp_auto_renew_wrap label {
  color: #333;
  font-size: 14px;
}

/* Membership table styling */
.rcp_registration_total table,.label-above .nf-field-element {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
  font-size: 0.667em;
  text-transform: uppercase;

}

.rcp_registration_total th,
.rcp_registration_total td {
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #ddd;

}

.rcp_registration_total th {
  background-color: #f1f1f1;
  font-weight: bold;
  
}

.rcp_registration_total .rcp-total {
  background-color: #fafafa;
  font-weight: bold;
}

/* Credit card field styling */
.rcp-gateway-new-card-fields label {
  color: #333;
}

.rcp-gateway-new-card-fields input[type="text"] {
  margin-bottom: 10px;
}

/* Test card info box */
#rcp-sandbox-gateway-test-cards {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 4px;
}

#rcp-sandbox-gateway-test-cards p {
  color: #333;
  margin-bottom: 10px;
}

#rcp-sandbox-gateway-test-cards ul {
  padding-left: 20px;
  margin-bottom: 0;
  color: #555;
}

/* Responsive design */
@media (max-width: 768px) {
  form#rcp_registration_form {
      padding: 15px;
  }

  .rcp_registration_total th,
  .rcp_registration_total td {
      padding: 8px;
  }

  form#rcp_registration_form input[type="submit"] {
      width: 100%;
  }
}


/** My-account **/
.my-account main{
  width: 100% !important;
}
@media screen and (min-width: 56.25em) {
  .account {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start;
      justify-content: space-between;
  }
  .account-tabs {
    width:25%
  } 
}
.account-tabs form {
  max-width: 53.3333333333em;
  margin: 0
}
.account-tabs__menu {
  padding: 0;
  margin: 1em 0;
  list-style: none !important;
}
.account-tabs__menu__item{
  margin: 0;
}
.account-tabs__menu__item.active>a {
  background: #f8992a;
  color: #fff
}
.account-tabs__menu__item__link {
  display: block;
  padding: .2em .5em;
  font-size: 0.889em;
  transition: all .2s ease-in-out
}
.account-tabs__menu__item__link:hover {
  background: var(--primary);
  color: var(--dark-1);
  text-decoration: none; 
  font-weight: 500;
}

@media screen and (min-width: 56.25em) {
  .account__content {
      width:75%;
      padding-left: 5%
  }
}

/* Personal Profile */
.account-tabs__menu__item__link.active {
  background-color: var(--primary);
  color: var(--dark-1);
  padding: 10px; 
  border-radius: 0; 
  font-weight: 500;
}
.account__content {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

#profile h2, #billing h2 {
  color: #f97300;
  border-bottom: 2px solid #f97300;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.6em;
  text-transform: uppercase;
}

#profile h3
 {
  font-size: 1.25em;
}
#rcp_update_card_form h3{
  display:none;
}
/* Table Styling */
.rcp-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  font-size: 0.889em;
}

.rcp-table thead th {
  background: var(--primary);
  color: var(--dark-1);
  padding: 10px;
  text-align: left;
  font-size: 0.789em;
  font-weight: 500;
  text-transform: uppercase;
}
.rcp-table thead th:first-child {
  padding-left: .3em;
  
}
.rcp-table tbody tr {
  border-bottom: 1px solid #ddd;
}

.rcp-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.rcp-table td {
  padding: 5px;
}

.rcp_sub_details_update_card {
  display: none !important;
}

.rcp-table td a {
  color: #f97300;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.875em;
}

.rcp-table td a:hover {
  text-decoration: underline;
}

/* Form Fields */
.rcp_form {
  margin-top: 20px;
  font-size: 0.889em;
}

form.event-update-form input[type="text"],
form.event-update-form input[type="date"],
form.event-update-form input[type="email"],
form.event-update-form input[type="number"],
form.event-update-form input[type="time"],
form.event-update-form textarea,
form.event-update-form select,
form.partner-update-form input[type="text"],
form.partner-update-form input[type="email"],
form.post-update-form input[type="text"],
form.post-update-form textarea,
form.post-update-form select,
form.job-update-form input[type="text"],
form.job-update-form textarea,
form.job-update-form select,
form.job-update-form input[type="email"],
form.job-update-form input[type="url"]
{
  font-size: 0.889em;
}

form.event-update-form textarea,
form.post-update-form textarea,
form.job-update-form textarea{
  height: 200px;
}


.rcp_form fieldset {
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #fff;
}

.rcp_form legend {
  color: #f97300;
  font-weight: 500;
  font-size: 1em;
  text-transform: uppercase;
}

.single-partner .section.banner {display: none;}

#partner-profile .school_details_label  .nf-field-element legend,
#partner-profile .map_details_label .nf-field-element legend,
#billing p,#post-a-job p,#submit-a-blog-post p,#post-an-event p,
#support p, #partner-profile p
{
  font-weight: 500 !important;
  color: #f97300 !important;
  text-transform: uppercase;
}
#billing p,#support p
{
  font-size: 1em;
  border-bottom: 1px solid #e5e5e5;
}
#rcp_submit_wrap{
  border-bottom:none !important;
}
#partner-profile #nf-field-148-container, #partner-profile #nf-field-141-container{
  margin-bottom: 0;
}

.rcp_form label {
  color: var(--dark-1);
  font-size: 0.667em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
}

.rcp_form input[type="text"],
.rcp_form input[type="email"],
.rcp_form input[type="password"],
.rcp_form select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 10px;
  font-size: 0.889em;
  box-sizing: border-box;
}

#rcp_login_submit,
.rcp_form input[type="submit"],
.partner-update-form input[type="submit"],
.event-update-form input[type="submit"],
.job-update-form input[type="submit"],
.post-update-form input[type="submit"]{
  background-color: var(--primary);
  color: var(--dark-1);
  padding: 10px 15px;
  border: none;
  border-radius: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.889em;
  text-transform: uppercase;
}

.event-update-form p button span,
.job-update-form p button span,
.post-update-form p button span {
   font-weight: 500;
  font-size: 0.889em;
  text-transform: uppercase;

}
.event-update-form p button,
.job-update-form p button,
.post-update-form p button {
padding: 10px 15px;
}

#partner-profile #nf-form-10-cont #nf-field-146,
#post-a-job #nf-form-4-cont #nf-field-36,
#post-an-event #nf-form-8-cont #nf-field-130,
#support #nf-form-12-cont #nf-field-159,
#submit-a-blog-post #nf-form-11-cont #nf-field-155{
  background-color: var(--primary);
  color: var(--dark-1);
  padding: 10px 15px;
  border: none;
  border-radius: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 1.2em !important;
  text-transform: uppercase;
}

#rcp_login_submit,
.rcp_form input[type="submit"]:hover,
#partner-profile #nf-form-10-cont #nf-field-146:hover,
#post-a-job #nf-form-4-cont #nf-field-36:hover,
#post-an-event #nf-form-8-cont #nf-field-130:hover,
#submit-a-blog-post #nf-form-11-cont #nf-field-155:hover,
#support #nf-form-12-cont #nf-field-159:hover,
.partner-update-form input[type="submit"]:hover,
.event-update-form input[type="submit"]:hover,
.job-update-form input[type="submit"]:hover,
.post-update-form input[type="submit"]:hover {
  background-color:var(--secondary);
}

#rcp_profile_editor_form .rcp-input {
  width: 100%;
  height: 2.6666666667em;
}

/* Button Styling */
.rcp-button {
  background-color: #f97300;
  color: white;
  border: none;
  padding: 10px 15px;
  font-size: 0.889em;
  cursor: pointer;
  border-radius: 5px;
  display: inline-block;
}

.rcp-button:hover {
  background-color: #e36400;
}

/* Radio Buttons & Payment Methods */
.rcp-gateway-saved-payment-methods li {
  margin-bottom: 10px;
  font-size: 0.889em;
}

.rcp-gateway-saved-payment-methods label {
  display: flex;
  align-items: center;
}

.rcp-gateway-saved-payment-methods span {
  margin-right: 10px;
  font-weight: normal;
}

.rcp-gateway-saved-card-delete a {
  color: #d9534f;
  font-weight: bold;
}

.rcp-gateway-saved-card-delete a:hover {
  text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
  .rcp-table thead {
      display: none;
  }

  .rcp-table tbody tr {
      display: block;
      margin-bottom: 10px;
      border-bottom: 2px solid #ddd;
  }

  .rcp-table td {
      display: block;
      text-align: right;
      padding-left: 50%;
      position: relative;
  }

  .rcp-table td:before {
      content: attr(data-th);
      position: absolute;
      left: 10px;
      width: calc(50% - 20px);
      font-weight: bold;
      text-align: left;
  }
}

/* Partner Profile , Event and Post */
#partner-profile .ui-accordion-content .partner-update-form label,
#post-an-event .ui-accordion-content .event-update-form label,
#post-a-job .ui-accordion-content .job-update-form label,
#submit-a-blog-post .ui-accordion-content .post-update-form label,
#partner-profile .partner-create-form label{
  display: block;
  cursor: pointer;
  color: var(--dark-1);
  font-size: 0.667em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400; 
  padding: 15px 0 6px 0;
}
#partner-profile .ui-state-active,
#post-an-event .ui-state-active,
#post-a-job .ui-state-active,
#submit-a-blog-post .ui-state-active{
  border: 1px solid #CC7000;
  background: var(--primary) !important;
  font-weight: normal;
  color: #ffffff;
}

#partner-profile .ui-accordion .ui-accordion-header,
#post-an-event .ui-accordion .ui-accordion-header,
#post-a-job .ui-accordion .ui-accordion-header,
#submit-a-blog-post .ui-accordion .ui-accordion-header{
  font-size: 0.889em;
  font-weight: 300;
}

#partner-profile .ui-state-default,
#post-an-event .ui-state-default,
#post-a-job .ui-state-default,
#submit-a-blog-post .ui-state-default{
  border: 1px solid #c5c5c5;
  background: #FFF4E5;
}
#partner-profile .ui-widget,
#post-an-event .ui-widget,
#post-a-job .ui-widget,
#submit-a-blog-post .ui-widget{
  font-family: var(--font-1);
}

#partner-profile .ui-widget .partner-update-form legend,
#post-an-event .ui-widget .event-update-form legend,
#post-a-job .ui-widget .job-update-form legend,
#submit-a-blog-post .ui-widget .post-update-form legend,
#partner-profile .partner-create-form legend{
  font-weight: 500 !important;
  color: #f97300 !important;
  text-transform: uppercase;
  font-size: 100%;
  margin-top: 10px;
}


.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon, .ui-widget-content .ui-icon {
  background-image: url(https://code.jquery.com/ui/1.14.1/themes/base/images/ui-icons_555555_256x240.png);
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url(https://code.jquery.com/ui/1.14.1/themes/base/images/ui-icons_ffffff_256x240.png);
}
.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

#rcp_login_form input#rcp_user_login,
#rcp_login_form input#rcp_user_pass{
    height: 2.6666666667em !important;
}


/*** Columm Link Custom Style ***/
.ae-link-yes .elementor-icon-box-wrapper { transition: all 300ms ease-in-out; }

.ae-link-yes:hover .elementor-icon-box-wrapper { transform: translateY(-10px); }


/*** NO IMG BIOS ***/
.no-img-bios .bio-portrait-wrap { display: none; }



/*** TRIBE EVENTS ***/

.tribe-events-content a { 
  line-height: normal;
  color: var(--dark-1);
  border-bottom: 2px solid var(--dark-3);
  border-radius: 3px;
  transition: all 300ms ease-in-out;
}

.tribe-events-content a:hover {
  border-bottom: 2px solid var(--primary-dk);
  color: white;
}


/*** PARTNER CAROUSEL ***/
.partner-logo-carousel .swiper-wrapper { align-items: center; }


/*** SINGLE JOB ***/
.single-job .main.section video {
  width: 600px;
  max-width: 100%;
  height: auto;
}

.single-job .main.section iframe { max-width: 100%; }


/*** SINGLE POST ***/
.single-post .post-nav select {height: auto;}


/*** POST CARDS ***/
.post-link .post-thumb-wrap {
  position: relative;
  padding-bottom: 56.25%;
}

.post-link .post-thumb-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/*** PARTNER MAPS ***/
.search-box-container {
    position: relative;
    width: 100%;
}

#search-box {
    width: 100%;
    padding: 10px 40px 10px 15px; /* Add padding to make space for the icon */
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
}

#search-box:focus {
    border-color: #0073e6; /* Highlight color for focus */
}

.search-icon {
    position: absolute;
    top: 50%;
    right: 1px; /* Adjust to match the input padding */
    transform: translateY(-50%);
    font-size: 16px;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    background-color: transparent
}

/* Partners Map TEMP rules */
.elementor-shortcode .wpgmza_map .wpgmza_infowindow_image {max-width: 100%}

.elementor-shortcode .wpgmza_map .wpgmza_infowindow_address { display: none; }

/* Pen-tickets-table-css */
#event-tickets-table th, #event-tickets-table td { padding: 6px 8px;border: 1px solid #ddd; }
#event-tickets-table th { border-bottom: 1px solid #ddd; font-weight: 600; }

/* Aspects */
.aspect-square img { 
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center center;
}

 /*
  * END OF
  * CUSTOMIZABLE CSS
  */