/* * * 
* Purple: #9164CC
* * */

/* General Styles
--------------------------------------------------------------------------------------*/
/* @import url('https://fonts.googleapis.com/css?family=Montserrat'); */
* {box-sizing: border-box;}
body {
    /* font-family: 'Helvetica Neue', sans-serif; */
    font-family: "Helvetica", sans-serif;
    font-size: 16px;
    color: #3d3d3d;font-style: normal;
    font-weight: 400;
}
.container {max-width: 1200px !important;}
.content-section .title {
    color: #9164CC;
    font-size: 22px;
    font-family: "Helvetica", sans-serif;
    font-weight: bold;
}
a, a:focus, a:hover, a:active {outline:none;}
.ui-sortable-placeholder {min-height:40px;}

/* Logos
--------------------------------------------------------------------------------------*/
.text-logo a {color:#666666;text-decoration:none;}
.desktop-logo .text-logo {font-size: 28px;max-width:400px;}
.mobile-logo .text-logo {font-size: 18px;}
.desktop-logo img {max-height:50px;max-width:200px;}

/* Backgrounds
--------------------------------------------------------------------------------------*/
.site-background {background-image: url('https://swoogo.s3.amazonaws.com/themes/5b3e93ab517a2/adobestock.jpeg');background-repeat: no-repeat;background-position: center top;background-size: cover;}
/* .landing-page #header-wrap .banner-wrap {min-height: 254px;height: 254px;} */
.standard-page #header-wrap {overflow: hidden;/*background: linear-gradient(-45deg, #001377, #0098e5, #2bb4e5, #23D5AB);background-size: 400% 400%;-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;*/}

/* Navigation
--------------------------------------------------------------------------------*/
.navbar {margin-bottom:0px;background-color: #fff;border: none;min-height:60px;}
.navbar-header {padding-top: 4px;padding-bottom: 4px;}
.mobile-logo a {margin-left: 15px;}
.mobile-logo-img {padding-top: 0.35em;}
.swoogo-nav {float:left;padding-left: 15px;padding-top: 0px;padding-bottom: 15px;width:100%;}
.navbar-nav > li > a {padding-top: 7px;padding-bottom: 5px;}
.swoogo-nav > li a {
    line-height:19px;
    /* font-family:'Lato', sans-serif; */
    font-weight:600;
    text-transform:uppercase;
    /* letter-spacing:2px; */
    padding-left:10px;
    padding-right:10px;
}
.swoogo-nav > li > a {
    background:none !important;
    margin: 2px;color: #3d3d3d;
    font-size: 14px;
    border: 1px solid transparent;}
.swoogo-nav > li > ul a {color: #3d3d3d;font-size: 14px;}
.swoogo-nav > li > a::after {content: '';display: block;width: 0;height: 2px;background: #9164CC;transition: width .3s;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {border-color: transparent;}
.swoogo-nav .dropdown-menu > .active > a,
.swoogo-nav .dropdown-menu > .active > a:hover,
.swoogo-nav .dropdown-menu > .active > a:focus {background-color: #9164CC;}

.navbar-toggle {margin-top:15px;border: 1px solid transparent;}
.navbar-toggle {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.navbar-toggle .icon-bar {-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;position: absolute;height: 3px;width: 50%;opacity: 1;margin-top: 0!important;}
.navbar-toggle span.icon-bar:nth-child(odd) {border-radius: 4px 0 0 4px;}
.navbar-toggle span.icon-bar:nth-child(even) {border-radius: 0 4px 4px 0;}
.navbar-toggle.collapsed .icon-bar {-webkit-transform: rotate(0deg)!important;-moz-transform: rotate(0deg)!important;-o-transform: rotate(0deg)!important;transform: rotate(0deg)!important;opacity: 1!important}
.navbar-toggle.collapsed span.icon-bar:nth-child(1), .navbar-toggle.collapsed span.icon-bar:nth-child(2) {top: 0px;}
.navbar-toggle.collapsed span.icon-bar:nth-child(3), .navbar-toggle.collapsed span.icon-bar:nth-child(4) {top: 7px;}
.navbar-toggle.collapsed span.icon-bar:nth-child(5), .navbar-toggle.collapsed span.icon-bar:nth-child(6) {top: 14px;}
.navbar-toggle.collapsed span.icon-bar:nth-child(odd) {left: 0px;}
.navbar-toggle.collapsed span.icon-bar:nth-child(even) {left: 50%;}
.navbar-toggle span.icon-bar:nth-child(1) {left: 0px;top: 4px;}
.navbar-toggle span.icon-bar:nth-child(2) {left: calc(50% - 3px);top: 4px;}
.navbar-toggle span.icon-bar:nth-child(3) {left: -50%;opacity: 0;}
.navbar-toggle span.icon-bar:nth-child(4) {left: 100%;opacity: 0;}
.navbar-toggle span.icon-bar:nth-child(5) {left: 0px;top: 11px;}
.navbar-toggle span.icon-bar:nth-child(6) {left: calc(50% - 3px);top: 11px;}
.navbar-toggle span.icon-bar:nth-child(2), .navbar-toggle span.icon-bar:nth-child(5) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.navbar-toggle span.icon-bar:nth-child(1), .navbar-toggle span.icon-bar:nth-child(6) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

.navbar-toggle span.icon-bar {background: #9164CC;}

/* Registration progress */
/* .swoogo-reg-progress .steps > li a {opacity: 0.5;} */
.swoogo-reg-progress .steps > li.active > a.step .number {
    color: #fff;
    background: #9164CC;
    background-size: 400% 400%;
    opacity: 1.0;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;}
.swoogo-reg-progress .steps > li.active > a.step .desc,
.swoogo-reg-progress .steps > li a {color: #3d3d3d;}
.swoogo-reg-progress .steps > li.done > a.step .number {background-color: #9164CC;color: #fff;opacity: 0.8;}

/* Banner
--------------------------------------------------------------------------------*/
.header .title {font-family:"Helvetica", sans-serif;font-weight: 300; font-style: normal;font-size: 3em;color: #fff;}
.header .paragraph {color: #FFF;font-size: 18px;text-transform:uppercase;font-family:"Helvetica", sans-serif;}
/* .standard-page .header .title {font-size: 3em;} */
.landing-page #banner {text-align: center;}
.standard-page #banner,
.short-header-page #banner {text-align: left;}
.table-wrapper {display: table;width: 100%;table-layout: fixed;}
.tr-wrapper {display: table-row;height: 100%;}
.td-wrapper {display: table-cell;vertical-align: middle;}
/* .header a, .header a:hover {color:#FFF;} */
.standard-page .site-background {background-position: center center;}

.image-header {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
}
.image-header.desktop {
    display: none;
}
.image-header .widget {
    border: none;
}
.image-header img {
    width: 100%;
    height: auto;
    max-height: none !important;
    object-fit: cover;
    margin: 0 auto !important;
    padding: 0 !important;
}
.swoogo-preview .image-header, 
.swoogo-preview .image-header img {
    width: unset !important;
    max-height: 300px !important;
}

/* Buttons
--------------------------------------------------------------------------------*/
.btn {-webkit-transition: background-color .2s ease-in-out;-ms-transition: background-color .2s ease-in-out;transition: background-color .2s ease-in-out;}
.btn-standard, .btn-alternate {padding: 8px 16px;}
.btn-standard {
    color: #fff;
    background: #9164CC;
    padding-left: 25px;
    padding-right: 25px;
    /* font-family: 'Montserrat', sans-serif; */
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0;
}
.btn-standard:hover, #btn-standard_hover {
    color:#fff;
    /*background: linear-gradient(270deg, #005aa3, #50cee3);
    background-size: 400% 400%;
    background-color: #651D32;*/
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;
}
.btn-alternate {border-color: #666;background:transparent;color: #666;}
.btn-alternate:hover, #btn-alternate_hover {background-color:#454545;color: #fff;border-color:#454545;}

/* Main content */
.content-section-1, .content-section {margin-bottom:30px;}

h2.mt-large {
    margin: 0;
}
.content-bg {
    background: #ebebeb;
    padding: 33px 0;
}
.content-bg .container {
    max-width: 100% !important;
}
.content-bg .row > div:last-child {
    border-left: 1px solid #636363;
}

/* Footer */
footer {
    /* background-color: #063f5a; */
    padding-top: 25px;
    padding-bottom:25px;
    color:#676f76;
    font-size:14px;
    line-height:16px;
    font-family:'Open Sans', sans-serif;
}
footer .container {
    border-top: 2px solid #5a646c;
}
footer a {color:#676f76;text-decoration:none;}
footer a:hover {color:#9164CC;text-decoration:none;}
footer span::before {
    content: "\007C";
    padding: 0 5px;
}

/* Responsive */
@media all and (min-width:768px) {
    .desktop-logo img {
        max-width: unset;
    }
    /* .standard-page #banner h2 {font-size: 3em;} */
    .navbar-header {padding-top: 55px;}
    .navbar {min-height:100px;}
    /* .header .paragraph {font-size: 24px;} */
    .swoogo-nav {
        float:right; 
        padding: 55px 0 48px;
        width:auto;
    }
    .swoogo-nav > li > a {margin: 0px 10px 0px 0px;}
    .swoogo-reg-progress .steps > li > a.step > .number {padding: 12px 15px 13px 15px;}
    .swoogo-nav > li > a:hover::after {width: 100%;}

    .swoogo-preview .image-header {
        max-height: 300px;
    }
    .image-header.desktop {
        display: unset;
    }
    .image-header.mobile {
        display: none;
    }
    .content-bg {
        padding: 66px 0;
    }
}
@media screen and (min-width:992px) {
  .site-background {background-attachment: fixed;}
}

/* Keyframes */
@-webkit-keyframes Gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}
@-moz-keyframes Gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}
@keyframes Gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}