.elementor-kit-5{--e-global-color-primary:#001437;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-56783b2:#E6E6E6;--e-global-color-b25ebc2:#001537;--e-global-color-49608b5:#EF1AA9;--e-global-color-1d8707b:#397778;--e-global-color-e431fb5:#001337;--e-global-color-599c552:#EBC439;--e-global-color-c3757ce:#364C73;--e-global-color-174f5c3:#F6F6F7;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-f6fe365-font-family:"Favorit";color:var( --e-global-color-b25ebc2 );font-family:"Favorit", Sans-serif;font-size:20px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 p{margin-block-end:1em;}.elementor-kit-5 a{color:var( --e-global-color-49608b5 );}.elementor-kit-5 a:hover{color:var( --e-global-color-49608b5 );}.elementor-kit-5 h1{font-size:64px;font-weight:500;line-height:1.125em;}.elementor-kit-5 h2{font-size:48px;font-weight:600;line-height:1.125em;}.elementor-kit-5 h3{font-size:32px;font-weight:600;line-height:1.125em;}.elementor-kit-5 h4{font-size:28px;font-weight:600;line-height:1.25em;}.elementor-kit-5 h5{font-size:26px;font-weight:600;line-height:1.25em;}.elementor-kit-5 h6{font-size:20px;font-weight:600;line-height:1.25em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-49608b5 );border-radius:0px 0px 0px 0px;padding:10px 40px 10px 40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5 h1{font-size:44px;}.elementor-kit-5 h2{font-size:38px;}.elementor-kit-5 h3{font-size:32px;}.elementor-kit-5 h4{font-size:28px;}.elementor-kit-5 h5{font-size:26px;}.elementor-kit-5 h6{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* MEMBER  LOGIN */

#wpmem_login, #wpmem_reg {
    max-width: 800px;
    margin: 0 auto;
}

/* PREVENT BODY SCROLLING */

body {
    max-width: 100%;
    overflow-x: hidden;
}

/* START COLUMN PATCH */

/* 
Firstly, remove the default padding Elementor adds to columns containing content.
We don't want this because it causes slight mis-alignments and when you use a background colour, 
it bleeds out around the elements. Content should sit flush with the column edge by default.
*/
.elementor-container > .elementor-column > .elementor-element-populated {
  padding: 0;
}

/* 
Next, the various column gap settings.
Elementor changes the class on the container element depending on the column gap setting.

These are the possible "gap" classes:

.elementor-column-gap-default
.elementor-column-gap-no (no gap)
.elementor-column-gap-narrow
.elementor-column-gap-extended
.elementor-column-gap-wide
.elementor-column-gap-wider

You should override these as you see fit. 
I won't include them all but I'll give an example below:
*/

/*== "Extended" gap (30px in this example) ==*/
/* Apply a left-hand margin of 15px to all columns except the first */
.elementor-column-gap-extended > .elementor-column:not(:first-of-type) {
  margin-left: 15px; /* Half of total desired gap */
}

/* Apply a right-hand margin of 30px to all columns except the last */
.elementor-column-gap-extended > .elementor-column:not(:last-of-type) {
  margin-right: 15px; /* Half of total desired gap */
}

/*... Repeat the above pattern for each of the column gap classes ...*/

/* 
Since we're adding margins to columns, we need to ensure that flexbox wrapping is disabled 
until we actually want it to take effect. Elementor activates wrapping below the "Tablet" breakpoint 
that is defined in the Site Settings panel. In my case, I want to control this separately (see next section)
*/
.elementor-section .elementor-container {
    flex-wrap: nowrap;
}

/* 
When columns wrap, we need to remove our "gap" margins since there will only be 1 column now.
Adjust this breakpoint to suit your design:
*/
@media only screen and (max-width: 767px) {
  .elementor-container > .elementor-column {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Allow columns to stack */
  .elementor-section .elementor-container {
    flex-wrap: wrap;
  }

  /* Full width, single columns */
  .elementor-section .elementor-column {
    width: 100% !important;
  }
}

/* END COLUMN PATCH */

.box-shadow{
    
    box-shadow: -2px 4px 23px 0px rgba(0,0,0,0.29);
-webkit-box-shadow: -2px 4px 23px 0px rgba(0,0,0,0.29);
-moz-box-shadow: -2px 4px 23px 0px rgba(0,0,0,0.29);
}

.entry-title{
    display:none!important;
}
.secondary-nav ul li:last-child{
    border:2px solid #EF1AA9;
}
.secondary-nav a:hover{
    background:#FFF!important;
    color:#001437!important;
    border:0px!important;
}
.pink-border-btn{
    padding:12px 40px!important;
    margin-top:20px!important;
    margin-bottom:20px!important;
}
.elementor-menu-toggle{
    font-size:36px!important;
}

/* START MENU STYLING */

@media all and (max-width:800px){

/* WFT was this trying to target? It sure manages to break stuff, since it targets all columns of a speciic width on the entire site instead of a specific column. Probably meant for something in the menu, but don't see anything in the menu with this class that needs to be no larger than 50px. Contninue rest of media query below.

    .elementor-col-66 {
        max-width: 50px !important;   
    }

*/

    #main-menu {
        position: absolute;
        top: 0px;
        right: 26px;
        font-size: 40px;
    }
    
    #menu-logo {
        position: relative;
        float: left;
        max-width: 200px;
    }

    #secondary-menu {
        display: none;
}
}

/* END MENU STYLING */

/* AI ZINDEX GLITCH PATCH */

.elementor-106 .elementor-element.elementor-element-d39dd67 {
    z-index: initial !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Favorit';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://scopiolabs.com/wp-content/uploads/2021/08/ABCFavorit-MediumItalic-Trial.woff2') format('woff2'),
		url('https://scopiolabs.com/wp-content/uploads/2021/08/ABCFavorit-Regular-Trial.woff') format('woff');
}
@font-face {
	font-family: 'Favorit';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://scopiolabs.com/wp-content/uploads/2021/08/ABCFavorit-Medium-Trial.woff2') format('woff2'),
		url('https://scopiolabs.com/wp-content/uploads/2021/08/ABCFavorit-Medium-Trial.woff') format('woff');
}
@font-face {
	font-family: 'Favorit';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://scopiolabs.com/wp-content/uploads/2021/08/ABCFavorit-Light-Trial.woff2') format('woff2'),
		url('https://scopiolabs.com/wp-content/uploads/2021/08/ABCFavorit-Light-Trial.woff') format('woff');
}
@font-face {
	font-family: 'Favorit';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://scopiolabs.com/wp-content/uploads/2021/08/ABCFavorit-Bold-Trial.woff2') format('woff2'),
		url('https://scopiolabs.com/wp-content/uploads/2021/08/ABCFavorit-Bold-Trial-1.woff') format('woff');
}
/* End Custom Fonts CSS */