/*
Theme Name: Multisite
Description: Template
Version: 1.0.1
Author: Sheppard Web Development Inc
*/


@import "css/bootstrap.min.css";


* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html { scrollbar-width: thin; scrollbar-color: #fff #3478D8; color: #000; }
body {position: relative; right: 0;  font-family: "Lato", sans-serif; }
body.slide-out-open {right: 60%;}
a {text-decoration: none; color: #0F2D46;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
a, button { cursor: pointer; }
a:hover {text-decoration: none; color: #3478D8; }
.clear {clear: both;}
.alignleft {float: left; margin: 0 20px 20px 0;}
.alignright {float: right; margin: 0 0 20px 20px;}
.v-align {display: flex; align-items: center; align-content:center; flex-direction: column; justify-content: center}
img {max-width: 100%;}
.overflow-hidden { overflow: hidden; }

body { padding-top: 110px; background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom; }

h1, h2, h3, h4, h5 { font-family: "Roboto", sans-serif; }
h1 { font-weight: 700; font-size: 60px; line-height: 1.07; }
h2 { font-size: 32px; font-weight: 400; margin-bottom: 25px; padding-top: 25px;}
h2 span,
h2 a,
h2 strong { font-weight: 300; background: linear-gradient(90deg, #008FD9 0%, #00ECBC 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
h2.h2-small { font-size: 34px; }
h3, .h3 { font-size: 30px; }
p { line-height: 1.5; color: #000; }
p strong, p b { font-family: "Roboto", sans-serif; }
.text-white p { color: #fff; }

.spacer-xs {height: 5px}
.spacer-sm {height: 15px}
.spacer-md {height: 30px}
.spacer-lg {height: 45px}
.spacer-xl {height: 60px}
.spacer-xxl {height: 80px}

.container {position: relative;}

.nav-open { overflow: hidden; }

.hamburger { cursor: pointer; padding: 0; margin: 0; background-color: transparent; border: 0; position: fixed; z-index: 99; flex-shrink: 0; justify-content: center; align-items: center; width: 22px; height: 15px; top: 28px; right: 15px; }
.hamburger:focus { outline: 0; }
.hamburger span { left: 50%; height: 2px; width: 100%; top: 50%; background: #008FD9; position: absolute; display: block; transform: translate(-50%, -50%); transition: all .3s cubic-bezier(0.4, 0, 0.1, 1); }
.hamburger span:first-of-type { transform: translate(-50%, -7px); }
.hamburger span:nth-of-type(2) { transform: translate(-50%, -50%); }
.hamburger span:last-of-type { transform: translate(-50%, 5px); }
.hamburger[aria-expanded="true"] span { top: 50%; background: #fff; }
.hamburger[aria-expanded="true"] span:first-of-type { transform: translate(-50%, -50%) rotate(135deg); }
.hamburger[aria-expanded="true"] span:nth-of-type(2) { transform: scaleX(0); }
.hamburger[aria-expanded="true"] span:last-of-type { transform: translate(-50%, -50%) rotate(-135deg); }

.btn.focus, .btn:focus { box-shadow: none; }
.btn { cursor: pointer; padding: 15px 20px; border-radius: 0; color: currentColor; transition: all .3s ease; }
.btn-border { border: 1px solid currentColor; }
.btn-border:hover { background-color: #fff; color: #3478D8; }
.btn-gradient { padding: 10px 20px; position: relative; border-width: 1px; border-style: solid; border-image: linear-gradient(90deg, #008FD9 0%, #00ECBC 100%) 1; color: #102E47; }
.btn-gradient:hover { color: #fff;  }
.btn-gradient:hover:before { opacity: 1; }
.btn-gradient:before { content: ''; opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(90deg, #008FD9 0%, #00ECBC 100%); transition: all .3s ease; }
.btn-gradient span { position: relative; z-index: 2; }

header { background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 20; padding: 24px 0; transition: padding .3s ease; }
header.affix { padding: 10px 0; }
.menu li { position: relative; margin: 0 20px; }
.menu li a { transition: all .3s ease; font-size: 16px; font-weight: 700;}
.menu a:hover,
.menu li.current-menu-item > a { color: #3478D8; }
.menu .navbar-nav .dropdown-menu { position: absolute; }
.menu .btn-contact { white-space: nowrap; color: #3478D8; margin-left: 20px; transition: color .3s ease; }
.menu .btn-contact:hover { color: #00ECBC; }

[data-toggle="dropdown"] { display: inline-flex; align-items: center; }
[data-toggle="dropdown"]:hover:after { transform: translateY(5px);  }
.dropdown-toggle:after { width: 24px; height: 24px; border: none; transition: .3s ease; background-size: 24px; background-position: center center; background-repeat: no-repeat; background-image: url('img/arrow-down.svg'); }
.dropdown:hover>.dropdown-menu {display: block; }
.dropdown-menu { border-radius: 0; border: 1px solid #3478D8; background: #FFF; visibility: visible; left: -20px; top: calc(100% - 1px); padding: 0; margin: 0;}
.dropdown-menu li {padding: 0 !important; margin: 0 !important;}
.dropdown-menu li:hover a {background: #3478D8; color: #fff; text-shadow: none;}
.dropdown-menu li a {padding: 10px 20px; display: block; margin: 0;}
.dropdown-menu li a span {color: #222; font-size: 14px;}

.home p { color: inherit; }


.news-item a:hover img { transform: scale(1.1); }
.news-item img { transition: transform .3s ease; aspect-ratio: 15 / 10; object-fit: cover; width: 100%; }
.news-item h4 { margin-bottom: 0; font-size: 24px; font-weight: 700; color: #0F2D46; }

.blog-module {margin-bottom: 30px; background: #EFEFEF;}
.blog-module h2 {padding: 0 15px; background: #2c3692; color: #FFF; text-align: left; line-height: 35px; font-size: 18px; margin: 0}
.blog-module .inside {padding: 15px;}
.blog-module .inside a {color: #2c3692; text-transform: capitalize; font-size: 13px; line-height: 18px;}
.blog-module li {display: block;}


footer { color: #fff; padding-top: 45px; background: linear-gradient(180deg, #001323 0%, #0F2D46 83.67%); }
footer h2 { font-size: 26px; }
footer h2 a { border-bottom: 1px solid transparent; }
footer h2 a:hover { border-bottom: 1px solid #00ECBC; }
footer hr { margin-top: 45px; margin-bottom: 40px; border: none; background-color: #2B4F6D; height: 1px; border: none; }
footer p { color: #fff;  }
footer .col-text { max-width: 590px; }
footer .menu { margin-bottom: auto; width: calc(100% - 590px); }
footer .menu li { margin: 0 10px 10px; }
footer .menu li a { color: #fff; }
footer .menu .dropdown-toggle:after { filter: brightness(0) invert(100%); }
footer .menu .btn-contact { margin-bottom: 10px; margin-left: 10px; }
footer .menu .socials {}
footer .menu .socials a {margin-left: 15px;}
footer .menu .socials li:last-of-type { margin-right: 0; }
footer .menu .socials path { transition: .3s ease fill; }
footer .menu .socials a:hover path { fill: #00ECBC; }
footer .menu .nav-link { padding: 0; }

.copy { padding: 10px 0; background: #000; font-size: 13px; color: #767676; }
.copy a { font-size: 13px; color: #767676; }
.copy a:hover { color: #fff; }
.copy ul li:first-of-type { margin-left: 0; }
.copy ul li { margin-left: 30px; }


model-viewer {margin: 60px auto 0; display: block; height: 180%;}

#fortris-page-builder .constrain .side-image {object-fit: contain}
#fortris-page-builder p {font-size: 17px; line-height: 1.8}
#fortris-page-builder ul,
#fortris-page-builder ol {font-size: 17px; line-height: 1.8}
.page-template-default #fortris-page-builder h2 {color: #2a97df}
/*.page-template-default #fortris-page-builder #content .container {max-width: 1100px !important}*/
 #fortris-page-builder #content {padding: 60px 0 0 !important;}
 #fortris-page-builder #content:last-child {padding-bottom: 60px !important}

.page-id-11 #fortris-page-builder #content.key-1 img {max-width: 90% !important;}

.page-id-11 #fortris-page-builder #content.key-2 {color: #FFF; background: #0e2d46 !important; padding-bottom: 0 !important;}
.page-id-11 #fortris-page-builder #content.key-2 h2 {color: #FFF; }
.page-id-11 #fortris-page-builder #content.key-2 p {color: #FFF;}
.page-id-11 #fortris-page-builder #modules.modules-key-2 {background:  #0e2d46 !important; text-align: center;}
.page-id-11 #fortris-page-builder #modules.modules-key-2 .module {text-align: center; }
.page-id-11 #fortris-page-builder #modules.modules-key-2 .module p {color: #FFF !important; font-size: 20px; line-height: 1.5}

.page-id-11 #fortris-page-builder #content.key-3 p {max-width: 90%}

.page-id-11 #fortris-page-builder #content.key-4 img {height: 700px; max-height: 700px;}

.page-id-11 #fortris-page-builder #content.key-7 .btn {display: block; width: 200px; margin: 0 auto; background: #0e2a43; color: #FFF; border-color: #0e2a43}

#fortris-page-builder .hero h1 {font-weight: 300;}

#modules {padding-bottom: 30px; }
#modules .module {padding: 15px;}
#modules .module img {border-radius: 5px; margin-bottom: 10px; }
#modules .module h3 {color: #2ec9c4; margin-bottom: 10px; font-size: 20px;}
#modules .module h4 {text-transform: uppercase; color: #8398a5; font-size: 16px;}

#modules.class-advisors .module {padding: 0;}
#modules.class-advisors .col-md-3 {max-width: 220px;}
#modules.class-advisors .col-md-3 img {width: 100%;}

#fortris-page-builder .callout.x-large {padding-top: 340px; padding-bottom: 340px;}
#fortris-page-builder .callout.large {padding-top: 240px; padding-bottom: 240px;}
#fortris-page-builder .callout.small {padding-top: 60px; padding-bottom: 60px;}
#fortris-page-builder .callout.x-small {padding-top: 30px; padding-bottom: 30px;}


.callout .mask {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000;}
.callout .container {position: relative; z-index: 1;}



.site-id-4 .logo img {max-width: 110px !important;}
.site-id-4 header {padding: 10px 0}



.site-id-6 .logo img {max-width: 280px !important;}