@charset "utf-8";
/* CSS Document */
html {margin:0 !important; }
body {font-family: Arial, Helvetica, sans-serif;  color: #627682;}
table, tr, td {font-family: Arial, Helvetica, sans-serif;  color: #627682;}
h1, h2, h3, h4 {font-family: 'Kaisei Opti', serif; color:#798994;}
h1 {margin: 0; font-size:2em; letter-spacing:normal; font-weight:normal;}
h2 {margin: 0; font-size:1.875em; letter-spacing:normal; font-weight:normal;}
h3 {margin: 0; font-size:1.375em; letter-spacing:normal; font-weight:normal;}
h4 {margin: 0; font-size:.875em; letter-spacing:normal; font-weight:normal;}
body, #body {margin:0 !important; padding:0 !important; width: 100% !important;}

section {margin:3em auto !important;}
@media (max-width: 1198px) {
section .container-xl {padding:0 2em !important;}
}
@media (max-width: 768px) {
section .container-xl {padding:0 1em !important;}
}
a, a:visited {text-decoration:none; color:#007074;}
a:hover, a:active {text-decoration:none; color:#35978f;}
* {box-sizing: border-box;}
header {max-width:none !important;}

@media (max-width: 768px) {
  .w-md-100 { width: 100% !important; }
}

.smtxt {font-size:.75em;}

img {width: 100%; height: auto; padding:0; border:0; margin:0; outline:none;}
img:active, img:hover, img:visited {border:0; outline:none;}
#swainlogo1 img {width:125px !important;}
img.browsebutton {width:28px !important; height:auto !important}

.headertitle {font-family: 'Allura', cursive; font-size:3.25em; color:#35978f !important; }
.headerlogo {width:auto; height:auto; max-height: 96px}

/* Navbar*/
.topnav { width:100%; }
.topnav a { color: #333333 !important; padding:.5em 2.8em !important; text-decoration: none; font-size:1.125em;}
.topnav a:hover { background-color: #ddd; color: black; }
.nav-link {color: rgba(0, 0, 0, .55) !important;}
.navcontainer { margin: 0; width: 100%; background-color: rgba(255, 255, 255, .75); }
.topnav a { padding:.5em 2em !important; }
.dropdown-menu {padding:0 !important;}

.navcontainer, .dropdown-menu {z-index: 100000 !important; }

@media (max-width: 1200px) {   
	.nav-item {padding-right:1.5em;}
}
@media (max-width: 1100px) {   
	.nav-item {padding-right:1em;}
}
#main_header_link {display:block !important;}
@media (max-width: 998px) {   
	#main_header_link {display:none !important;}
}

/* Footer */
.footerlogo {width:130px !important;} 
footer {background:#202020 !important; color:#FFF !important; font-size:.875em;width:100% !important; padding:0 !important; margin:0 !important}
#footertop {background:#354f5f !important; height:7px !important; }
.footerrow1 {background:#3E3E3F !important;}
.footerrow2 {background:#202020 !important;}
footer a {color:#FFF !important}
footer a:hover {font-weight:bold !important}
footer h5 a:hover {font-weight:normal !important}
footer li {list-style:none !important; padding:0 !important;}
footer ul {list-style:none !important; padding:0 !important;}
footer h1, footer h2, footer h3, footer h4, footer h5 {color:#fff;}
footer .footericons i {font-size:1.5em;}

.ghostbuttong { display: inline-block; width: 200px; padding: .5em; text-align: center; outline: none; text-decoration: none; transition: background-color 0.2s ease-out, color 0.2s ease-out; background:none; color: #FFFFFF !important; border: 1px solid #02ac68 !important; background-color:#02ac68 !important; cursor:pointer; margin:1em auto;}
.ghostbuttong:hover, .ghostbuttong:active { transition: background-color 0.3s ease-in, color 0.3s ease-in; background:#FFFFFF !important; color:#02ac68 !important; border: 1px solid #02ac68 !important;}
.ghostbuttong { border: 1px solid #00707f !important; background-color:#00707f !important; }
.ghostbuttong:hover, .ghostbuttong:active { color:#00707f !important; border: 1px solid #00707f !important;}

@media (max-width: 992px) {
	.ghostbuttong { margin:2em auto !important;}
}

.headerimage {display:block !important}
@media screen and (max-width: 767px) {
	.headerimage {display:none !important}
}
.headerimagemobile {display:none !important}
@media screen and (max-width: 767px) {
	.headerimagemobile {display:block !important}
}

@media only screen 
  and (max-width: 767px) 
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {

  .headerimagemobile {
    display:none;
  }
}
@media screen and (max-width: 991px) {
	.navcontainer {background-color: rgba(255,255,255,1) !important}
}

.advisortoolicon {font-size:1.25em; padding-right:.5em;}

.companynewssection ul {margin:1em 0 !important}
.companynewslastupdated {margin-top:1em; font-style: italic; font-size:85%}

.greyquote {font-size:2em; color:#00707f; margin:0; margin-right: .25em;}

.headercontactbanner {text-align:right; padding:.5em 1em; background-color:#00707F !important; color:#FFF !important; font-size: .875em; margin-bottom:.5em}
.headercontactbanner {background-color:#627682 !important; }

.headercontactbanner a {color:#FFF !important;}
.headercontactbanner i {font-size:0.875em !important; padding:0 .25em;}