/* General Styles
--------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Lato|Montserrat&display=swap');
* {box-sizing: border-box;}
body {font-family: 'Helvetica Neue', sans-serif;font-size: 14px;color: #666666;font-style: normal;font-weight: 400;}
.container {max-width: 1200px !important;}
.title {color: #4AAEC8;font-size:32px;font-family:'Montserrat', sans-serif;font-weight:700;}
a, a:focus, a:hover, a:active {/*outline:none;*/}
.ui-sortable-placeholder {min-height:40px;}

/* form updates */
.form-control {height: auto}
.input-group {position: relative;display: flex;flex-wrap: wrap;align-items: stretch;width: 100%}
.input-group .form-control {display: flex;align-items:center}
.input-group-addon, .input-group-btn {width: auto}
.label-add-on .input-group-addon {font-size: inherit}
.input-group .input-group-btn.input-group-append {display:flex}
.input-group-addon {display: flex;align-items: center;line-height: 1.5;text-align: center;white-space: nowrap;border-radius: 4px}
.input-group>.form-control, .input-group>.form-select {position: relative;flex: 1 1 auto;width: 1%;min-width: 0}
.input-group .input-group-btn div.btn {display: flex}
.input-group>.file-input.file-input-new {display: flex;flex: 1 1 auto}
.input-group > .file-input:not(.file-input-new) {display: flex;flex-wrap: wrap;flex: 1}
.input-group > .file-input .kv-upload-progress {width: 100%}
.input-group-addon~.file-input.file-input-new .form-control {border-top-left-radius: 0;border-bottom-left-radius: 0}
.swoogo-reg-summary .responsive-table .buttons .btn-group.btn-group-sm {min-width: 100px}
.btn-group.btn-group-sm>.btn {font-size: 12px !important}
/* end form updates */

/* 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;}

/* Backgrounds
--------------------------------------------------------------------------------------*/
.site-background {background-image: url('../../../swoogo.s3.amazonaws.com/themes/5b3e93ab517a2/adobestock.jpg');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-bottom: 1px solid #E8E8E8;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: 15px;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: #000;font-size: 11px;border: 1px solid transparent;}
.swoogo-nav > li > ul a {color: #333;font-size: 10px;}
.swoogo-nav > li > a::after {content: '';display: block;width: 0;height: 2px;background: #57C2B7;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: #57C2B7;}

.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: #57C2B7;}

/* Registration progress */
.swoogo-reg-progress .steps > li.active > a.step .number {/*color: #fff;background: linear-gradient(270deg, #50cee3, #005aa3);background-size: 400% 400%;-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 {color: #333;}
.swoogo-reg-progress .steps > li.done > a.step .number {background-color: #4AAEC8;color: #fff;}

/* Banner
--------------------------------------------------------------------------------*/
.header .title {font-family:'Montserrat', 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:'Montserrat', 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;}

/* 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: #33e3ff;font-family: 'Montserrat', sans-serif;font-style: normal;font-weight: 300;}
.btn-standard:hover, #btn-standard_hover {color:#fff;/*background: linear-gradient(270deg, #005aa3, #50cee3);background-size: 400% 400%;*/background-color: #005aa3;-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;}

/* Footer */
footer {background-color: #063f5a;padding-top: 25px;padding-bottom:25px;color:#7f7f7f;font-size:13px;line-height:22px;font-family:'Open Sans', sans-serif;}
footer a {color:#7f7f7f;text-decoration:none;}
footer a:hover {color:#ccc;}

/* Responsive */
@media all and (min-width:768px) {
    .standard-page #banner h2 {/*font-size: 3em;*/}
    .navbar {min-height:100px;display: flex;align-items: center;}
    .navbar > .container {flex: 0 0 auto;display: flex;align-items: center;flex-flow: row wrap;}
    .navbar > .container > .navbar-header {flex: none;}
    .navbar > .container > #navbar {flex: 1;}
    .header .paragraph {/*font-size: 24px;*/}
    .swoogo-nav {/*float:right;width:auto;*/display: flex;justify-content: flex-end;flex-flow: row wrap;align-items: center;}
    .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%;}
}
@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%}
}