/* --- Custom styles built for Herzing College */

/* --- Colours ---

Dark Blue: #01426a;

Light Blue: #4b92db;

Light Grey: #A9B2B1;

Dark Grey: #37424A;

*/



#wpadminbar {

  z-index: 999999999999999 !important;

}











/* ---------------------------------------------------------*/

/* ------- FONTS -------------------------------------------*/

/* ---------------------------------------------------------*/







@font-face {

    font-family: 'Brandon Grotesque Regular';

    font-style: normal;

    font-weight: normal;

    src: local('Brandon Grotesque Regular'), url('../fonts/Brandon_reg.woff') format('woff');

}





@font-face {

    font-family: 'Brandon Grotesque Regular Italic';

    font-style: normal;

    font-weight: normal;

    src: local('Brandon Grotesque Regular Italic'), url('../fonts/Brandon_reg_it.woff') format('woff');

}





@font-face {

    font-family: 'Brandon Grotesque Thin';

    font-style: normal;

    font-weight: normal;

    src: local('Brandon Grotesque Thin'), url('../fonts/Brandon_thin.woff') format('woff');

}





@font-face {

    font-family: 'Brandon Grotesque Thin Italic';

    font-style: normal;

    font-weight: normal;

    src: local('Brandon Grotesque Thin Italic'), url('../fonts/Brandon_thin_it.woff') format('woff');

}





@font-face {

    font-family: 'Brandon Grotesque Light';

    font-style: normal;

    font-weight: normal;

    src: local('Brandon Grotesque Light'), url('../fonts/Brandon_light.woff') format('woff');

}





@font-face {

    font-family: 'Brandon Grotesque Light Italic';

    font-style: normal;

    font-weight: normal;

    src: local('Brandon Grotesque Light Italic'), url('../fonts/Brandon_light_it.woff') format('woff');

}





@font-face {

    font-family: 'Brandon Grotesque Medium';

    font-style: normal;

    font-weight: normal;

    src: local('Brandon Grotesque Medium'), url('../fonts/Brandon_med.woff') format('woff');

}





@font-face {

    font-family: 'Brandon Grotesque Medium Italic';

    font-style: normal;

    font-weight: normal;

    src: local('Brandon Grotesque Medium Italic'), url('../fonts/Brandon_med_it.woff') format('woff');

}





@font-face {

    font-family: 'Brandon Grotesque Bold';

    font-style: normal;

    font-weight: normal;

    src: local('Brandon Grotesque Bold'), url('../fonts/Brandon_bld.woff') format('woff');

}





@font-face {

    font-family: 'Brandon Grotesque Bold Italic';

    font-style: normal;

    font-weight: normal;

    src: local('Brandon Grotesque Bold Italic'), url('../fonts/Brandon_bld_it.woff') format('woff');

}



@font-face {

    font-family: 'Proxima Nova Light';

    font-style: normal;

    font-weight: normal;

    src: local('Proxima Nova Light'), url('../fonts/Proxima_Nova_Light.woff') format('woff');

}



@font-face {

    font-family: 'Proxima Nova Regular Italic';

    font-style: normal;

    font-weight: normal;

    src: local('Proxima Nova Regular Italic'), url('../fonts/Proxima_Nova_Regular_Italic.woff') format('woff');

}



@font-face {

    font-family: 'Proxima Nova Regular';

    font-style: normal;

    font-weight: normal;

    src: local('Proxima Nova Regular'), url('../fonts/Proxima_Nova_Regular.woff') format('woff');

}



/*@font-face {

    font-family: 'Proxima Nova Medium';

    font-style: normal;

    font-weight: normal;

    src: local('Proxima Nova Medium'), url('../fonts/Proxima_Nova_Medium.woff') format('woff');

}

*/

@font-face {

    font-family: 'Proxima Nova Bold';

    font-style: normal;

    font-weight: normal;

    src: local('Proxima Nova Bold'), url('../fonts/Proxima_Nova_Bold.woff') format('woff');

}











/* ---------------------------------------------------------*/

/* ------- DEFAULTS ----------------------------------------*/

/* ---------------------------------------------------------*/











* {}



html {

    font-size: 18px;

    font-family: proxima-nova, sans-serif;

    scroll-behavior: smooth;

}



body {

    font-family: proxima-nova, sans-serif;

    font-size: 1rem;

    line-height: 1.2rem;

    color: #37424A;

    /* DARK BLUE */

}





/* ---- LAYOUT ---- */

.wrapper,

.site-main {

    max-width: 1200px;

    padding: 0 2%;

    margin: 0 auto;

    /* z-index: 999999;

  position: relative; */

}



.page {

    margin: 0 !important;

}



.grid {

    display: grid;

    align-items: center;

}



.flex {

    display: flex;

}

.flex-end {

    display: flex;

    align-items: flex-end;

}



.space-between {

    justify-content: space-between;

}



.one-col {

    grid-template-columns: 1fr;

}



.two-col {

    grid-template-columns: 1fr 1fr;

}



.three-col {

    grid-template-columns: 1fr 1fr 1fr;

}





.page-content,

.entry-content,

.entry-summary {

    margin: 0 !important;

    padding: 1.5em 0 0;

}



.placeholder {

    width: 100%;

    height: auto;

}



.col-60 {

    width: 60%;

    margin: auto;

}

.col-55 {

  width: 55%;

  margin: auto;

}

.mobile-show {

  display: none;

}



/* - Because we have the triangles over the featured images, we need to ensure this is on the top - */

.content-area {

	/** Z-index removed because it looks like this isn't needed - Dec 29-2022 **/

    /** z-index: 999; **/

    position: relative;

}



/* ---- Typography ------ */

h1 {

    text-transform: uppercase;

    font-family: 'Brandon Grotesque Regular';

    font-size: 3rem;

    line-height: 2.8rem;

}



h2 {

    font-family: 'Brandon Grotesque Regular';

    font-size: 2rem;

    line-height: 2.4rem;

    color: #01426a;

}

h2.thin {

  font-family: 'Brandon Grotesque Thin';

    font-weight: normal !important;

  line-height: 2.5rem;

}

h2.light {

  font-family: 'Proxima Nova Light';

}

h2.tri-title:before {

  background-image: url(../assets/ic-triangle.svg);

  background-position: top left;

  background-repeat: no-repeat;

  margin-left: -35px;

  padding: 0px 17px;

  content: " ";

  font-size: 25px;

}

h3.highlight-text, h3.highlight-text2 {

  font-family: 'Brandon Grotesque Thin';

    font-weight: normal !important;

  line-height: 2.5rem;

  font-size: 2rem;

  color: #01426a;

}

h3.highlight-text2 {

  line-height: 2rem;

  font-size: 1.5rem;

}

h3 {

    color: #37424a;

    font-family: proxima-nova, sans-serif;

font-weight: 600;

    font-size: 18px;

    line-height: 1.4rem;

    letter-spacing: .2px;

}

h3.lblue-h3 {

  color: #4b92db;

}



h4,

h5 {

    text-transform: uppercase;

    font-family: proxima-nova, sans-serif;

    font-weight: 700;

    font-size: 1rem;

    color: #01426a;

    letter-spacing: 1px;

}



h5 {

    font-size: 14px;

    letter-spacing: 2px;

}



a:hover {

    opacity: .8;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



b,

strong {



    font-weight: 600;

}



a,

a:visited {

    color: #4b92db;

    text-decoration: none;

}

.entry-content a, .entry-content a:visited {

  text-decoration: underline;

}



p {

    font-size: 1rem;

    line-height: 1.4rem;



}



ul, ol {

    margin: 0 0 1.5em 0em;

}

ul.tri {

  list-style-image: url(../assets/flick-w.svg);

  margin-left: 0px;

}

ul.tri li {

  padding-left: 20px;

  line-height: 30px;

}

li {

  padding-bottom: 20px;

}





/* ------ Table Styles ---------- */



.entry-content tbody tr:first-child {

  border-bottom: 2px solid #d8d6d6;

}

.entry-content tbody tr:nth-child(even){

  background-color: #e4eef9;

}

.entry-content tbody tr:first-child td {

    font-weight: 600;

}



.entry-content tbody tr td:first-child, tr th:first-child {

    padding-left: 10px;

}

.entry-content tbody tr td {

    height: 40px !important;

}

.entry-content tbody tr th {

    background-color: #fff;

}



.entry-content tbody tr td {

    padding: 5px;

}



/* ------ Buttons ---------- */



/* Messing UP Next style */

button,

input[type="button"],

input[type="reset"],

input[type="submit"],

button.vc_general.vc_btn3-color-btn-darkBlue, .vc_general.vc_btn3-color-btn-download, .vc_general.vc_btn3 {



}



.herzing-theme button,

.herzing-theme input[type="button"],

.herzing-theme input[type="reset"],

.herzing-theme input[type="submit"],

.herzing-theme button.vc_general.vc_btn3-color-btn-darkBlue, .vc_general.vc_btn3-color-btn-download, .vc_general.vc_btn3 {

    border: none;

    border-radius: 0px;

    background-color: #01426a;

    color: #fff;

    font-size: .8rem;



    font-family: proxima-nova, sans-serif;

    font-weight: 600;

    padding: 14px 36px 14px 45px !important;

}



.location-btn{

  background-color:white !important;

}



.vc_general.vc_btn3 {

    border: none !important;

    background-color: #01426a !important;

    color: #fff !important;

}

.vc_general.vc_btn3:hover, .vc_general.vc_btn3:focus {

    border: 0px solid transparent !important;

    text-decoration: none;



    opacity: .8;

}

.vc_general.vc_btn3 {



}



button.bg-lt-blue,

button.vc_general.vc_btn3-color-btn-lightBlue {

    background-color: #4b92db;

    padding: 15px 25px;

    margin: auto;

    text-align: center;

    font-family: proxima-nova, sans-serif;

    font-weight: 600;

}



.vc_general.vc_btn3-color-btn-whiteBlue {

    background-color: #fff !important;

    padding: 13px 38px !important;

    border: 1px solid #01426a !important;

    color: #01426a !important;

    margin: auto;

    text-align: center;

    font-family: proxima-nova, sans-serif;

font-weight: 600;

    margin-right: 20px;

}

.vc_general.vc_btn3-color-btn-whiteBlue:hover {

  border: 1px solid #01426a !important;

  background-color: #01426a;

  color: #fff;

}

button i {

    color: #fff;

}



button:focus {

    outline: 0;

}

.wpb_gmaps_widget .wpb_wrapper {

  background-color: #fff !important;

}



#scrollBtn {

  display: none;

  position: fixed;

  bottom: 20px;

  right: 35px;

  z-index: 99;



  background-image: url(../assets/ic-arrow-up-greyy.svg);

  background-size: 54px 25px;

  background-repeat: no-repeat;

  background-position: center;

  width: 55px;

  height: 55px;

  border: none;

  outline: none;

  background-color: #fff;

  color: white;

  border-radius: 100%;

  cursor: pointer;

  padding: 0px !important;

  z-index: 99999999999999;

  box-shadow: 0px 0px 12px rgba(0,0,0,0.3);

}



#scrollBtn:hover {

  opacity: .8;

}







/* ------ Arrows ------------- */

.right-arrow {

    width: 25px;

}



/* ------- Accordions --------- */

.accordion-title {

    background-image: url(../assets/flick-w.svg);

    background-position: left 4px;

    background-size: 10px;

    background-repeat: no-repeat;

    padding-left: 27px;

    margin: -7px 0;

}



/* -------- Design Elements ------------ */

.flick {

    width: 15px;

}

.grey-bg {

  background-color: #f7f7f7;

}

.hidden {

  display: none;

}





/* ---------------------------------------------------------*/

/* ------- HEADER ------------------------------------------*/

/* ---------------------------------------------------------*/



.site-header {

	position: fixed;

    width: 100%;

    z-index: 10000;

}



.tri-left {

    background-image: url(../assets/triangle-left.png);

    width: 100vw;

    background-position: top left;

    max-width: 690px;

    min-height: 750px;

    background-size: cover;

    position: absolute;

    left: 0px;

    display: none;

}



.tri-right {

  background-image: url(../assets/triangle-slider.png);

  width: 662px;

  height: 680px;

  position: absolute;

  right: 0px;

}



.top-bar {

	background-image: url(../assets/triangle-topnav.png);

	background-size: contain;

	background-repeat: no-repeat;

	background-position: left;

	background-color: #4B92DB;

	width: 100%;

	padding: 8px 0;

	display: none;

	/* Hide on mobile */

}



.top-bar .wrapper {

    display: grid;

    grid-template-columns: .5fr 1.5fr;

    align-items: center;

    color: #fff;

}



.top-bar a {

    color: #fff;

    text-decoration: none;

    font-size: 14px;

}



.top-bar a: hover {

    color: #efefef;

}



.top-bar li {

    padding: 0 10px;

}



.top-bar [aria-current]:not([aria-current="false"]) {

    padding-bottom: 18px;

    border-bottom: 4px solid;

}



.tp-translation {

    color: #fff;

    position: relative;

    z-index: 100000;

}



.student-login {

    padding-left: 24px !important;

    background-image: url(../assets/student-login.png);

    background-repeat: no-repeat;

    background-position: left;

    background-size: contain;

    min-height: 20px;

    margin-left: 10px;

}



ul.menu {

    list-style: none;

    padding: 0px;

    display: flex;

    justify-content: flex-end;

    margin: 0px;

}



.prim-nav {

    background-color: hsla(203, 98%, 21%, 0.95);

    position: absolute;

    width: 100%;

    z-index: 1000;



}



.prim-nav .wrapper {

    display: grid;

    grid-template-columns: .3fr 1.7fr;

    align-items: center;

}



.prim-nav a,

.prim-nav a:visited {

    color: #fff;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 14px;

}



.prim-nav a:hover {

    color: #efefef;

}



.site-branding {

    padding: 0 0;

	line-height: 0;

}



.site-branding img {

    max-width: 160px;

}



.search-btn {

    background: none;

}





.main-navigation {

    clear: both;

    display: block;

    float: left;

    width: 100%;

    display: flex;

    justify-content: flex-end;

    align-items: center;

}



.main-navigation li {

    padding: 20px 10px;

    align-items: center;

    display: flex;

}



.main-navigation li.current-menu-item,

.main-navigation li.current-menu-ancestor {

    padding-bottom: 20px;

	padding-top: 25px;

	border-bottom: 5px solid #4b92db;

}

.main-navigation ul li.current-menu-item {

    padding-bottom: 20px;

	padding-top: 25px;

	border-bottom: 5px solid #4b92db;

}

.main-navigation ul.sub-menu li.current_page_item {

  border-bottom: none;

}

.main-navigation ul.sub-menu li.current_page_item a {

    color: #4b92db;

}

.main-navigation ul.sub-menu {

  background-color: hsla(203, 98%, 21%, 0.8);

  padding: 10px;

  z-index: 99999999999 !important;

  margin-left: -30px;

  width: 250px;



}



.main-navigation ul.sub-menu li {

    padding: 10px 20px;

    width: 100%;

    text-align: left;

}



.main-navigation ul ul a {

    width: auto;

}



.search-drop {

    background-color: hsla(203, 98%, 21%, 0.9);

    padding: 30px;

    display: none;

    text-align: center;

    color: #fff;

    justify-content: center;

    position: absolute;

    z-index: 9999999999999;

    align-items: center;

    margin-top: 99px;

    width: 100%;

}



.search-drop .search-field {

    background: none;

    border: none;

    width: 50vw;

    border-bottom: 1px solid #fff;

    color: #fff;

    padding-bottom: 10px;

    font-size: 36px;

    font-family: 'Proxima Nova Light';

}

.search-drop input:focus {

    color: #fff;

}



.search-drop ::placeholder {

    color: #fff;

    font-family: 'Proxima Nova Light';

}



.lg-search {

    color: #fff;

    font-size: 3rem;

    margin-right: 40px;

}





.main-navigation ul.nav-menu,

.main-navigation div.nav-menu > ul {

    display: none;

}



.main-navigation ul.nav-menu.toggled-on,

.main-navigation #mobile-menu.toggled-on ul.nav-menu,

.menu-toggle {

    display: inline-block;

}



.main-navigation #mobile-menu li {

    display: block;

    float: none;

    width: 100%;

    padding: 0.5em !important;

    border: none !important;

}



.main-navigation #mobile-menu.toggled-on {

    display: block;

}



.main-navigation #mobile-menu {

    display: none;

	position: absolute;

	top: 51px;

	background-color: hsla(203, 98%, 21%, 0.9);

	width: 100%;

	min-height: 100vh;

	right: 0;

	left: 0;

	padding: 10px 5%;

	z-index: 9999999999;

}



ul.toggled-on li {

    background-color: red;

    padding: 0px;

    margin: 0px;

}



.main-navigation ul.nav-menu.toggled-on {

    display: grid;

}



#menu-langauge {

    justify-content: flex-start;

}



#menu-langauge li:first-child {

    padding-left: 0px;

    position: relative;

}



.menu-languages-container li:first-child::after {

    content: "";

    background: #fff;

    position: absolute;

    right: -1px;

    top: 0;

    bottom: 0;

    margin: auto;

    padding: 0.5em 0 !important;

    width: 1px;

    height: 20px;

}



#mobile-menu .menu-languages-container li:first-child {

    padding-right: 14px !important;

    margin-right: 5px;

}



.mobile-menu-top-container {

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    padding-bottom: 10px;

    margin-bottom: 10px;

}



.mobile-menu-bottom-container {

    border-top: 1px solid rgba(255, 255, 255, 0.5);

    padding-top: 10px;

    margin-top: 10px;

}

.mmenu-last-bottom {

  padding-top: 30px;

  border-top: 1px solid #fff;

  margin-top: 20px;

}

.mobile-left {

  display: flex;

  justify-content: space-between;

  float: left;

  width: 40%;

}

.mobile-left a {

    font-size: 20px !important;

}

.main-navigation #mobile-menu .menu-footer-right-container ul {

}

.main-navigation #mobile-menu .menu-footer-right-container li, .main-navigation #mobile-menu  .menu-footer-right-french-container li {

  padding: 0px !important;

  display: inline-block;

  width: auto;

  margin-left: 15px;

}



.main-navigation #mobile-menu .menu-footer-right-container li a, .main-navigation #mobile-menu .menu-footer-right-french-container li a {

  font-size: 12px;

  text-transform: capitalize;



}

.mobile-right {

  width: 50%;

  float: right;

}



#mobile-menu .menu-languages-container {

    display: inline-block;

}



#mobile-menu .mobile-menu-top-container a,

#mobile-menu .mobile-menu-bottom-container a,

#mobile-menu .menu-primary-menu-container .sub-menu a {

    text-transform: initial;

}



#mobile-menu .menu-mobile-top-container, #mobile-menu .menu-mobile-top-francais-container {

    display: inline-block;

    white-space: nowrap;

    float: right;

}



#site-navigation #mobile-menu .icon-student-login {

    padding-left: 26px !important;

    background-size: 18px 20px;

}

#site-navigation #mobile-menu a.btn-border-white {

    text-transform: capitalize;

    font-weight: 600;

    text-align: right;

    padding: 8px 17px;

    border: 1px solid #fff;

    display: inline;

    float: right;

}



.mobile-menu-bottom-container {

    text-align: center;

}



#mobile-menu .mobile-menu-bottom-container {

    text-align: center;

}



#mobile-menu .mobile-menu-bottom-container .menu-mobile-bottom-container, #mobile-menu .mobile-menu-bottom-container .menu-mobile-bottom-french-container {

    display: inline-block;

    white-space: nowrap;

    margin: auto;

    text-align: center;

}

#mobile-menu .mobile-menu-bottom-container .menu-mobile-bottom-french-container ul {

  display: block;

}

.main-navigation #mobile-menu li.student-login {

    padding-left: 31px !important;

    height: 36px;

    /* margin-left: 50px; */

    background-position: left 6px;

    background-size: 22px;

}



#mobile-menu .search-form {

    display: inline-block;

    position: relative;

    margin: 14px 0;

    width: 100%;

    border-radius: 0px;

}

#mobile-menu .search-form::placeholder {

  color: #fff;

}

input.search-field::placeholder {

    color: #fff;

}

#mobile-menu .search-field {

    background: transparent;

    color: #fff;

    border-radius: 0;

    font-size: 15px;

    padding: 6px 9px;

    width: 74% !important;

}

#mobile-menu input.search-submit {

    position: static;

    background-color: #4b92db;

    color: #fff;

    width: 25% !important;

    padding: 11px !important;

    cursor: pointer;

}





.menu-languages-container .current-lang a {

    text-decoration: underline !important;

    font-weight: bold !important;

}



.main-navigation #mobile-menu.toggled-on ul.nav-menu {

    width: 100%;

}



.main-navigation #mobile-menu li ul.sub-menu {

    display: block;

    float: none;

    position: initial;

    background: transparent;

    box-shadow: none;

    left: 0;

    padding-bottom: 0;

    padding-top: 7px;

    margin-left: 7px;

}



.main-navigation #mobile-menu li ul.hide {

    display: none !important;

}



#mobile-menu .menu-item-has-children {

    position: relative;

}



#mobile-menu .menu-item-has-children > a {

    background: transparent;

}



#mobile-menu .menu-item-has-children > a + span {

    position: absolute;

    right: 0;

    top: 0;

    padding: 10px 20px;

    font-size: 20px;

    font-weight: 700;

    cursor: pointer;

    z-index: 3;

}



.main-navigation #mobile-menu .menu-primary-menu-container > ul > li > a {

    font-weight: bold;

}

.main-navigation #mobile-menu .menu-primary-menu-container ul .sub-menu li {

    font-weight: bold;

}





span.menu-closed:before {

    content: "keyboard_arrow_down";

    display: block;

    color: #fff;

    font-size: 18px;

    font-family: 'Material Icons';

}



span.menu-closed.menu-open:before {

    content: "keyboard_arrow_up";

}







@media screen and (min-width: 1180px) {

    .top-bar {

        display: block;

    }



    .main-navigation ul.nav-menu,

    .main-navigation div.nav-menu > ul {

        display: flex;

        text-align: center;

        width: 100%;

        justify-content: flex-end;

    }





    .menu-toggle {

        display: none;

    }



}





@media screen and (max-width: 1180px) {



	.site-branding {padding: 15px 0;}

	.site-branding img {max-width: 105px;}



    .prim-nav .wrapper {

        grid-template-columns: 1fr;

    }



    button.menu-toggle {

        position: absolute;

    	top: 14px;

	    padding: 0;

		padding-top: 0 !important;

		padding-bottom: 0 !important;

    	background: none;

	    font-size: 18px;

    	cursor: pointer;

	    padding-right:0px !important;

	    transform:translateX(2px);

    }



    .menu-toggle.material-icons::before {

        content: "menu";

    }



    .menu-toggle.material-icons.toggled-on::before {

        content: "close";

    }



    button.search-btn {

        display: none;

    }



    .m-header-top {

        width: 100%;

        display: flex;

        justify-content: space-between;

    }



    .wprmenu_bar #custom_menu_icon.hamburger {

        top: 30px;

        right: 30px;

        float: right !important;

        background-color: #00426b !important;

        z-index: 999999999999999999999999;

        position: fixed;

    }

    .main-navigation .menu-primary-menu-container li.current-menu-item > a {

        padding-bottom: 2px;

        border-bottom: 3px solid #4b92db;

        display: inline-block;

    }



	.location-menu h4 {font-size: 24px !important;}



}



@media screen and (max-width: 340px) {

    .main-navigation #mobile-menu .mobile-menu-top-container li {

        padding: 0.3em !important;

    }

}









/* ---------------------------------------------------------*/

/* ------- Chat WIDGET ------------------------------------------*/

/* ---------------------------------------------------------*/



#chat-widget-container {

  right: 80px !important;

  bottom:100px !important;

}

.gfq-wrap {

  z-index: 9999999999;

  position: fixed;

  top: 50%;

  right: 0;

  margin-top: -100px;

}

.gfq-badge {

  width: 90px;

  background-color: hsla(203, 98%, 21%, 0.95);

  color: #fff;

  text-align: center;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  border-bottom: 1px solid #6FA7E2;

  padding: 10px 5px 8px 5px;

}

.gfq-badge:last-child {border-bottom: 0;}

/*.gfq-badge img {

position: relative;

left: 50%;

transform: translate(-50% ,-50%);

top: 50%;

border: none!important;

width: 80%!important;

}*/

.gfq-wrap.active-wrap .gfq-badge:not(.active-badge) {

  color: #ccc;

}

.gfq-badge:hover {

  cursor: pointer;

  z-index: 9999999999;

}



.hover-text {

  min-width: 100%;

  line-height: 0.75rem;

  text-align: center;

  z-index: 1;

  font-family: 'Proxima Nova Regular';

  font-size: 0.625rem;

  text-transform: uppercase;

}

.gfq-badge:hover .hover-text {

  opacity: 1;

  visibility: visible;

}

.active-badge {

  background: #6FA7E2;

  position: relative;

}

.gfq-panel {

  position: fixed;

  bottom: 15%;

  width: 375px;

  height: 70%;

  max-width: 100%;

  max-height: calc(100% + 0px);

  right: 90px;

  background: #F9FAFA;

  transform: scale(0);

}

.gfq-panel > .wpcf7 {

  /* overflow-y: auto;

  width: 100%;

  height: 100%;

  min-height: 0px;

  min-width: 0px;

  margin: 0px;

  padding: 0px;

  background-image: none;

  background-position: 0% 0%;

  background-size: initial;

  background-attachment: scroll;

  background-origin: initial;

  background-clip: initial;

  background-color: rgba(0, 0, 0, 0);

  border-width: 0px;

  float: none;

  padding-top: 40px;

  position: absolute;

  inset: 0px; */

  transition: none 0s ease 0s !important;

}



.gfq-panel > .wpcf7 input {

  width: 100%;

  border-radius: 0px;

  border: 1px solid #01426a;

  padding: 3px 8px;

  margin: 5px 0;

}

.gfq-panel > .wpcf7 input[type="checkbox"] {

  width: 50px;

  float: left;

}

.gfq-panel > .wpcf7 select{

  display: inline-block;

  margin: 5px 0;

}



.gfq-panel > .wpcf7 input[type="submit"] {

    /* width: 80%; */

    margin: auto;

    text-align: center;

    padding: 14px;

    background-color: #6fa8e2;

}



.panel-active {

  opacity: 100;

  visibility: visible;

  transition: transform .3s linear;

  transform-origin: bottom right;

  transform-style: preserve-3D;

  transform: scale(1);

  border-radius: 8px;

  box-shadow: 0px 0px 12px rgba(0,0,0,0.3);

  padding: 50px 30px 30px;

  overflow: hidden;

  scroll-behavior: auto;

  overflow-y: auto;

}

.panel-top-bar {

  width: 100%;

  height: 35px;

  position: absolute;

  background: #6FA7E2;

  border-radius: 8px 8px 0px 0px;

  z-index: 1;

  left: 0;

  top: 0;

}

.panel-top-bar h3{

  color: #fff;

    margin: 4px;

    text-transform: uppercase;

    text-align: center;

    font-family: proxima-nova, sans-serif;

font-weight: 600;

    font-size: .8em;

}

.gfield.no-label > .gfield_label {

  display: none;

}

.gfq-panel input[type="submit"] {

  width:100%

}

.close-panel {

  position: absolute;

  right: 10px;

  top: 0;

  color: #fff;

  cursor: pointer;

  padding: 7px;

}

.gfq-badge .icon {

  z-index: 999999;

  width: 28px;

  height: 28px;

  margin-bottom: 5px;

}

.icon span {

  font-size: 2rem;

}

.icon {

  background-size: 28px;

  background-position: center;

  background-repeat: no-repeat;

}

.chat-badge .icon {

  background-image: url('../assets/chat_side-bar_cta_web.svg');

}

.chat-badge.active-badge .icon, .chat-badge:hover .icon {

  background-image: url('../assets/chat_side-bar_cta_web_white.svg');

}

.tour-badge .icon {

  background-image: url('../assets/tour_side-bar_cta_web.svg');

}

.tour-badge.active-badge .icon, .tour-badge:hover .icon {

  background-image: url('../assets/tour_side-bar_cta_web_white.svg');

}

.ask-badge .icon {

  background-image: url('../assets/info_side-bar_cta_web.svg');

}

.ask-badge.active-badge .icon, .ask-badge:hover .icon {

  background-image: url('../assets/info_side-bar_cta_web_white.svg');

}

.explore-badge .icon {

  background-image: url('../assets/explore_side-bar_cta_web.svg');

}

.explore-badge.active-badge .icon, .explore-badge:hover .icon {

  background-image: url('../assets/explore_side-bar_cta_web_white.svg');

}



.tour-panel form, .ask-panel form {



  margin: auto;

}

.tour-panel form input, .ask-panel form input {

  width: 100%;

}



div#livechat-compact-container {

    display: none;

}



div#livechat-full {

    right: 90px !important;

    left: auto !important;

    bottom: 15% !important;

    width: 375px !important;

    height: 70% !important;

    max-width: 100%;

    max-height: calc(100% + 0px);

    padding: 50px 30px 30px;

}















/* ---------------------------------------------------------*/

/* ------- Sidebar ------------------------------------------*/

/* ---------------------------------------------------------*/



.mobile-hide {

  display: block;

}



/* -- Content beside sidebar triangle --*/

.content-sidebar {

  display: grid;

  grid-template-columns: 1.5fr .6fr;

  grid-gap: 40px;

}

.loaction-wrap {

  grid-template-columns: 1fr .6fr;

  grid-gap: 150px;

}

.main-content {

  padding-bottom: 50px;

}

.sidebar-mobile {

  padding-left: 22px;

  border: 2px solid #01426a !important;

  color: #01426a;

  background-color: #fff;

  cursor: pointer;

  padding: 18px;

  width: 100%;

  text-align: left;

  border: none;

  outline: none;

  transition: 0.4s;

  display: none;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.06 13.06'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2301426a;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eselect-down%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M6.79,9.15l3.48-3.48a.36.36,0,0,0,0-.51l-.22-.22a.36.36,0,0,0-.51,0l-3,3-3-3a.36.36,0,0,0-.51,0l-.22.22a.36.36,0,0,0,0,.51L6.27,9.15A.37.37,0,0,0,6.79,9.15Zm6.27-2.62A6.53,6.53,0,1,1,6.53,0,6.53,6.53,0,0,1,13.06,6.53Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

  background-repeat: no-repeat, repeat;

  background-position: right 1em top 50%, 0 0;

  background-size: 1em auto, 100%;

}





aside.widget-area {margin-top: 35px;}

aside.sidebar-w-nav {margin-top: 63px;}

.sticky-sb {

  position: sticky;

  top: 0;

  position: -webkit-sticky; /* Safari */

}

h2.widget-title {

  font-family: proxima-nova, sans-serif;

  font-size: .8rem;

  text-transform: uppercase;

  border-top: 1px solid #efefef;

  border-bottom: 1px solid #efefef;

  padding: 3px 10px;

  letter-spacing: .5px;

}

ul.child {

  list-style: none;

  margin: 0px;

  padding: 0px 10px;

}

ul.child a {

  text-decoration: none;

  font-family: proxima-nova, sans-serif;

  font-style: normal;

  font-weight: 600;

  color: #37424A;

}

  ul.child li {

    margin: 10px 0;

  }

  ul.child li.current_page_item {

    border-bottom: 4px solid #4b92db;

    padding-bottom: 8px;

    margin-bottom: 30px;

  }



.fomo-notification-font-md .fomo-notification-content-wrapper .fomo-notification-content {

  font-size: 14px !important;

  line-height: 16px !important;

}





/* ---------------------------------------------------------*/

/* ------- HOME PAGE ------------------------------------------*/

/* ---------------------------------------------------------*/

.blue-bg {

  background-color: #01426a;

  position: relative;

  /*z-index: -1;*/

}



.home-featured {

	color: #fff;

	background-position: top center;

	background-size: cover;

	min-height: 75vh;

	height: 578px;

	align-items: center;

	display: flex;

	position: relative;

	width: 100%;

}



.home-featured::before {

background-size: cover;

content: "";

display: block;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

/*z-index: -1;*/

opacity: 0.7;

}



.home-featured .wrapper {

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-gap: 120px;

  padding-top: 5rem;

  z-index: 2;

}



.home-featured .featured-left h4,

.home-featured .featured-left h1,

.home-featured .featured-left p {

  color: #fff;

  margin: 0px;

}



.home-featured .featured-left h1 {

  margin: 1rem 0;

  line-height: 3.5rem;

}



.home-featured .featured-left p {

  font-family: 'Brandon Grotesque Light';

  font-size: 24px;

  line-height: 28px;

}



/* ---------------------------------------------------------*/

/* ------- PAGES ------------------------------------------*/

/* ---------------------------------------------------------*/





.page-featured {

  color: #fff;

  background-color: #01426a;

  background-position: top center;

  background-size: cover;

  min-height: 450px;

  padding-top: 190px;

  font-size: 16px;

}

.featured-bg {

  background-size: cover;

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 0;

  opacity: 0.6;

}

.page-featured .wrapper {

    position: relative;

}

.page-featured.Business-color, .page-featured.Design-color, .page-featured.Education-color, .page-featured.Studies-color, .page-featured.Healthcare-color, .page-featured.Technology-color, .page-featured.Media-color, .page-featured.Safety-color, .page-featured.Trades-color {

  min-height: 350px !important;

}





.page-title {

  font-size: 4rem;

  line-height: 4rem;

  font-family: 'Brandon Grotesque Regular';

  color: #fff;

  text-transform: none;

  margin-top: 30px;

  margin-bottom: 0px;

  /*padding-bottom: 20px;*/

}



a.breadcrumbs__link {

  color: #fff;

}



/* -------------------- Success Stories Page ---------- */

.ss-content {

  width: 60%;

  float: left;

}

button.review {

    float: right;

    margin-top: 50px;

}



.tabcontent {

  display: none;

  padding: 6px 12px;



  border-top: none;

  -webkit-animation: fadeEffect 1s;

  animation: fadeEffect 1s;

}



/* Fade in tabs */

@-webkit-keyframes fadeEffect {

  from {opacity: 0;}

  to {opacity: 1;}

}



@keyframes fadeEffect {

  from {opacity: 0;}

  to {opacity: 1;}

}



.tabcontent.active {

  display: block;

}

.tab {

  padding: 10px 0 0;

  font-size: .8rem;

  color: #efefef;

  border-bottom: 1px solid #a9b2b1;

  position: sticky;

  position: -webkit-sticky; /* Safari */

  top: 0;

  z-index: 1;

  background-color: #fff;

  display: flex;

  justify-content: center;

}

.tab button {

    padding: 5px 10px 10px;

    background-color: #fff;

    color: #a9b2b1;

    font-family: 'Brandon Grotesque Bold';

    text-transform: uppercase;

}

.tab button.active {

    color: #01426a;

    border-bottom: 5px solid #4b92db;

    padding-bottom: 5px;

}





.s-accordion, .e-accordion {

  background-color: #fff;

  color: #444;

  cursor: pointer;

  text-transform: uppercase;

  padding: 18px;

  width: 100%;

  /* border: none; */

  outline: none;

  padding-left: 0px;

  transition: 0.4s;

  text-align: left;

  border-bottom: 1px solid #eaeaea;

}



.s-accordion:hover img.right-arrow, .e-accordion:hover img.right-arrow {

  -webkit-transform: rotateZ(-360deg);

  -ms-transform: rotateZ(-360deg);

  transform: rotateZ(-360deg);

  transition: .5s all;

}





.s-active, .s-accordion:hover, .e-active, .e-accordion:hover {

  background-color: #fff;



}

.accord-panel {

  width: 84%;

  float: right;

}



.s-panel, .e-panel {

  padding: 0 18px;

  background-color: white;

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.2s ease-out;

}



.story-group {

  margin-bottom: 70px;



}

.story-group ul {

  list-style: none;

  padding: 0px;

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-gap: 50px;



}

#Students h3.grey-h3, #Employers h3.grey-h3 {

  margin-bottom: 50px;

}

#Students h2 span, #Employers h2 span {

  font-size: 1.8rem;

  margin-right: 15px;

}



#Students h2 span.icon-technology, #Students h2 span.icon-legal, #Employers h2 span.icon-technology, #Employers h2 span.icon-legal {

    font-size: 1.3rem;

}

#Students h2 span.icon-business, #Employers h2 span.icon-business {

    font-size: 1.2rem;

}





/* ---------------------------------------------------------*/

/* ------- GLOBAL BLOCKS ------------------------------------------*/

/* ---------------------------------------------------------*/







/* -------- Number Bar --------------------------------- */



.glob-numbers {

    width: 100%;

    background-image: url(../assets/bg-numbers.png);

    background-position: center;

    background-size: contain;

    font-family: 'Brandon Grotesque Bold';

    margin-top: -2px;

}



.glob-numbers .wrapper {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    width: 100%;

}



.big-num {

    color: #fff;

    font-size: 4rem;

    line-height: 4rem;

    margin: 0px;

    font-family: 'Brandon Grotesque Bold';

}



.num-capt {

    color: #fff;

    font-size: 20px;

    line-height: 25px;

    margin: 0px;

    padding-left: 20px;



}



.num-cta {

    color: #fff;

    font-size: 1.4rem;

    margin: 0px;

    padding-right: 30px;

    float: left;

    line-height: 31px;

}



.numbers-l {

    background-color: #4b92db;

    color: #fff;

    display: flex;

    align-items: center;

    padding: 40px 40px 40px 0;

}



.numbers-c {

    background-color: #6fa8e2;

    color: #fff;

    display: flex;

    align-items: center;

    padding: 30px;

}



.numbers-r {

    background-color: #01426a;

    color: #fff;

    padding: 30px 0 30px 30px;

    display: flex;

    align-items: center;

}

.numbers-r.french .right-arrow {

  float: right;

}

a:hover img.right-arrow {

  -webkit-transform: rotateZ(-360deg);

  -ms-transform: rotateZ(-360deg);

  transform: rotateZ(-360deg);

  transition: .5s all;

}





/* -------- Explore Your Program --------------------------------- */



.explore-mobile {

  display: none;

}

.explore {

    margin-top: 50px;

}



.explore h2 {



    /* font-family: proxima-nova, sans-serif; */

    margin: 7px 0;

}



.explore .flex p,

.explore h5 {

    color: #01426a;

    margin-top: 0px;

}

.ex-left {

  font-family: proxima-nova, sans-serif;

font-weight: 600;

  margin-bottom: 50px;

  margin-top: 0px;

  font-size: 1rem;

}

.ex-left {

  float: left;

}

.ex-right {

  float: right;

}

.small-i-l {

  position: relative;

  left: -30px;

  margin-bottom: -20px;



}



.empty-space {

    width: 100%;

    height: 400px;

    clear: both;

}

.explore-tour {

  background-color: #fff;

  border: 2px solid #01426a;

  text-transform: uppercase;

  color: #01426a;

  margin-bottom: 40px;

}

.explore-tour:hover{

  background-color: #01426a;

  color: #fff;

  border: 2px solid #01426a;

}





.location-bar {

    /* display: grid; */

    grid-template-columns: repeat(6, 1fr);

    width: 100%;

    justify-content: space-around;

    border-bottom: 1px solid;

    color: #a9b2b1;

    text-align: center;

}



/* Style the buttons */

.location-btn {

    border: none;

    outline: none;

    padding: 4px;

    margin-bottom: 6px;

    text-transform: uppercase;

    background-color: #fff;

    color: #a9b2b1;

    cursor: pointer;

}



.location-btn:hover,

.location-btn.active {

    color: #01426a;

}



.location-group .wpb_wrapper {

    justify-content: end;

    align-items: end;

    min-height: 243px;

  }



/* Creates bar that moves below location */

.one:hover ~ hr,

.one.active ~ hr {

    margin-left: 0%;

    opacity: 1;

}



.two:hover ~ hr,

.two.active ~ hr {

    margin-left: calc(100% / 6);

    opacity: 1;

}



.three:hover ~ hr,

.three.active ~ hr {

    margin-left: calc(100% / 6 * 2);

    opacity: 1;

}



.four:hover ~ hr,

.four.active ~ hr {

    margin-left: calc(100% / 6 * 3);

    opacity: 1;

}



.five:hover ~ hr,

.five.active ~ hr {

    margin-left: calc(100% / 6 * 4);

    opacity: 1;

}



.six:hover ~ hr,

.six.active ~ hr {

    margin-left: calc(100% / 6 * 5);

    opacity: 1;

}



.location-bar hr {

    height: .25rem;

    width: calc(100% / 6);

    opacity: 0;

    margin: 0;

    background: #4b92db;

    border: none;

    transition: .3s ease-in-out;

    grid-column-start: 1;

    grid-column-end: 7;

}









.og-expander h2 {

  font-family: 'Brandon Grotesque Regular';

}

/* .og-expander .vc_row-fluid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-gap: 50px;

} */

.og-expander .vc_row-fluid .vc_col-sm-6 {

  width: 100%;



}

.og-expander .vc_col-sm-6 ul {

  margin: 0px;

  list-style: none;

  padding: 0px;

}

.og-expander .vc_col-sm-6 ul li {

  display: block;

  margin: 20px 0px;

  vertical-align: top;

  height: auto;

  width: 100%;

}





/* Add bg and content colours by industry */



div#main-industry.white-background {

    background-color: #fff;

}



.top-explore-title p {

    display: inline-block;

    padding-top: 8px;

    font-family: 'Brandon Grotesque Bold';

}

.cmb-sub {

    margin-top: 25px;

}

.top-explore-title {

    color: #01426a;

}

.bg-business-color .top-explore-title p {

    border-top: 2px solid #006666;

    margin-top: 30px;

}

.business-color, .bg-business-color, .Business-color, .Business-section div#overview, li.filterDiv.business.show.og-expanded .icon, li.filterDiv.business .icon:hover {

    background-color: #006666;

    transition: .3s;

}

li.filterDiv .icon:hover p.industry-name, li.filterDiv .icon:hover span:before {

  color: #fff !important;

}





.og-grid li.Business:hover {

    border-bottom: 3px solid #006666;

    transition: .5s;

    padding-bottom: 11px;

}



.bg-design-color .top-explore-title p {

    border-top: 2px solid #009B74;

}

.design-color, .bg-design-color, .Design-color, .Design-section div#overview, li.filterDiv.design.show.og-expanded .icon, li.filterDiv.design .icon:hover {

    background-color: #009B74;

}

.og-grid li.Design:hover {

    border-bottom: 3px solid #009B74;

    transition: .5s;

    padding-bottom: 11px;

}



.bg-education-color .top-explore-title p {

    border-top: 2px solid #F3CF45;

}

.education-color, .bg-education-color, .Education-color, .Education-section div#overview, li.filterDiv.education.show.og-expanded .icon, li.filterDiv.education .icon:hover {

    background-color: #F3CF45;

}

li.filterDiv.education .icon:hover p.industry-name, li.filterDiv.education .icon:hover span:before {

  color: #01426A !important;

}

.og-grid li.filterDiv.education.show.og-expanded .icon p.industry-name, li.filterDiv.education:hover .icon p.industry-name, i.filterDiv.education:hover .icon-education:before {

  color: #01426A;

}

.Education-color .page-title, .Education-color, .Education-color a {

  color: #01426a;

}

.Education-section div#overview h2, .Education-section div#overview h4 {

  color: #01426a;

}

.og-grid li.Education:hover {

    border-bottom: 3px solid #F3CF45;

    transition: .5s;

    padding-bottom: 11px;

}





.bg-legalstudies-color .top-explore-title p {

    border-top: 2px solid #93509E;

}

.legalstudies-color, .bg-legalstudies-color, .Studies-color, .Studies-section div#overview, li.filterDiv.legal-s.show.og-expanded .icon, li.filterDiv.legal-s .icon:hover {

    background-color: #93509E;

}

.og-grid li.Studies:hover {

    border-bottom: 3px solid #93509E;

    transition: .5s;

    padding-bottom: 11px;

}



.bg-healthcare-color .top-explore-title p {

    border-top: 2px solid #DE4561;

}

.healthcare-color, .bg-healthcare-color, .Healthcare-color, .Healthcare-section div#overview, li.filterDiv.health-c.show.og-expanded .icon, li.filterDiv.health-c .icon:hover {

    background-color: #DE4561;

}

.og-grid li.Healthcare:hover {

    border-bottom: 3px solid #DE4561;

    transition: .5s;

    padding-bottom: 11px;

}



.bg-technology-color .top-explore-title p {

    border-top: 2px solid #73AF55;

}

.technology-color, .bg-technology-color, .Technology-color, .Technology-section div#overview, li.filterDiv.technology.show.og-expanded .icon, li.filterDiv.technology .icon:hover {

    background-color: #73AF55;

}

.og-grid li.Technology:hover {

    border-bottom: 3px solid #73AF55;

    transition: .5s;

    padding-bottom: 11px;

}



.bg-media-color .top-explore-title p {

    border-top: 2px solid #9999CC;

}

.media-color, .bg-media-color, .Media-color, .Media-section div#overview, li.filterDiv.media.show.og-expanded .icon, li.filterDiv.media .icon:hover {

    background-color: #9999CC;

}

.og-grid li.Media:hover {

    border-bottom: 3px solid #9999CC;

    transition: .5s;

    padding-bottom: 11px;

}



.bg-publicsafety-color .top-explore-title p {

    border-top: 2px solid #663366;

}

.publicsafety-color, .bg-publicsafety-color, .Safety-color, .Safety-section div#overview, li.filterDiv.publicsafety.show.og-expanded .icon, li.filterDiv.publicsafety .icon:hover {

    background-color: #663366;

}

.og-grid li.Safety:hover {

    border-bottom: 3px solid #663366;

    transition: .5s;

    padding-bottom: 11px;

}



.bg-skilledtrades-color .top-explore-title p {

    border-top: 2px solid #F69240;

}

.skilledtrades-color, .bg-skilledtrades-color, .Trades-color, .Trades-section div#overview, li.filterDiv.skilledtrades.show.og-expanded .icon, li.filterDiv.skilledtrades .icon:hover {

    background-color: #F69240;

}

.og-grid li.Trades:hover {

    border-bottom: 3px solid #F69240;

    transition: .5s;

    padding-bottom: 11px;

}



/* NP. Feb 10, 2021 */

.bg-professionaldevelopment-color .top-explore-title p {

    border-top: 2px solid #004650;

}

.professionaldevelopment-color, .bg-professionaldevelopment-color, .Professionaldevelopment-color, .Professionaldevelopment-section div#overview, li.filterDiv.professionaldevelopment.show.og-expanded .icon, li.filterDiv.professionaldevelopment .icon:hover {

    background-color: #004650;

}

.og-grid li.Professionaldevelopment:hover {

    border-bottom: 3px solid #004650;

    transition: .5s;

    padding-bottom: 11px;

}





.og-grid {

    list-style: none;

    padding: 0 0;

    margin: 0 auto;

    text-align: center;

    width: 100%;

    background-color: #fff;

    max-width: 1140px;

}

#main-industry .og-grid {

    display: grid !important;

    grid-template-columns: 1fr 1fr 1fr;

}



.og-grid li.filterDiv {

    display: inline-block;



    vertical-align: top;

    min-height: 150px;

    padding-bottom: 0px;

}

p.industry-name {

  color: #01426A;

}

.og-grid li.filterDiv.og-expanded p.industry-name {

    color: #fff;

}

.og-grid li.filterDiv > a,

.og-grid li.filterDiv > a img {

    border: none;

    outline: none;

    display: block;

    position: relative;

}

.og-grid li.filterDiv > a:hover {

  opacity: 1;

}



.og-grid li.filterDiv > a img {

    width: 30px;

}



.og-grid li.filterDiv .icon {

    display: flex;

    justify-content: center;

    align-items: center;

    min-height: 150px;

}



.og-grid li.filterDiv .icon p {

    margin: 0px;

    padding-left: 20px;

}



.og-grid li.filterDiv:hover > a::after, .og-grid li.filterDiv.og-expanded > a::after {

  top: auto;

  border: solid transparent;

  content: " ";

  height: 29px;

  width: 30px;

  position: absolute;

  pointer-events: none;

  /* border-bottom-color: #ddd; */

  /* border-width: 15px; */

  right: 22px;

  margin: -50px 0 0 0;

  background-image: url('../assets/arrow-right.svg');

  content: '';

  background-repeat: no-repeat;

  transform: rotate(0deg);

  transition: .3s;

}

.og-grid li.filterDiv.education > a::after {

  background-image: url('../assets/arrow-right-blue.svg');

}

.og-grid li.filterDiv.og-expanded > a::after {

  transform: rotate(90deg);

  transition: .3s;

}



.og-expander {

    position: absolute;

    top: auto;

    left: 0;

    width: 100%;

    margin-top: 10px;

    text-align: left;

    height: 0;

    overflow: hidden;

}



.og-expander-inner {

    padding: 0px 30px 50px;

    height: 100%;

    max-width: 1198px;

    margin: auto;

}



.og-expander-inner .entry-content {

    background: #fff;

    max-width: 1200px;

    padding: 10px 40px;

    margin: 0 auto !important;

}

.og-expander-inner .entry-content .vc_row:before, .og-expander-inner .entry-content .vc_row:after {

  display: none;

}



.og-close {

    position: absolute;

    width: 40px;

    height: 40px;

    top: 20px;

    right: 20px;

    cursor: pointer;

}



.og-close::before,

.og-close::after {

    content: '';

    position: absolute;

    width: 100%;

    top: 50%;

    height: 1px;

    background: #888;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    transform: rotate(45deg);

}



.og-close::after {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.og-close:hover::before,

.og-close:hover::after {

    background: #333;

}



.og-fullimg,

.og-details {

    width: 50%;

    float: left;

    height: 100%;

    overflow: hidden;

    position: relative;

}



.og-details {

    padding: 0 40px 0 20px;

}



.og-fullimg {

    text-align: center;

}



.og-fullimg img {

    display: inline-block;

    max-height: 100%;

    max-width: 100%;

}



.og-details h3 {

    font-weight: 300;

    font-size: 52px;

    padding: 40px 0 10px;

    margin-bottom: 10px;

}



.og-details p {

    font-weight: 400;

    font-size: 16px;

    line-height: 22px;

    color: #999;

}



.og-details a {

    font-weight: 700;

    font-size: 16px;

    color: #333;

    text-transform: uppercase;

    letter-spacing: 2px;

    padding: 10px 20px;

    border: 3px solid #333;

    display: inline-block;

    margin: 30px 0 0;

    outline: none;

}



.og-details a::before {

    content: '\2192';

    display: inline-block;

    margin-right: 10px;

}



.og-details a:hover {

    border-color: #999;

    color: #999;

}



.og-loading {

    width: 20px;

    height: 20px;

    border-radius: 50%;

    background: #ddd;

    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -25px 0 0 -25px;

    -webkit-animation: loader 0.5s infinite ease-in-out both;

    -moz-animation: loader 0.5s infinite ease-in-out both;

    animation: loader 0.5s infinite ease-in-out both;

}



@-webkit-keyframes loader {

    0% {

        background: #ddd;

    }



    33% {

        background: #ccc;

        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;

    }



    66% {

        background: #ccc;

        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;

    }

}



@-moz-keyframes loader {

    0% {

        background: #ddd;

    }



    33% {

        background: #ccc;

        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;

    }



    66% {

        background: #ccc;

        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;

    }

}



@keyframes loader {

    0% {

        background: #ddd;

    }



    33% {

        background: #ccc;

        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;

    }



    66% {

        background: #ccc;

        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;

    }

}



@media screen and (max-width: 830px) {



    .og-expander h3 {

        font-size: 32px;

    }







}



@media screen and (max-width: 650px) {



    .og-fullimg {

        display: none;

    }



    .og-details {

        float: none;

        width: 100%;

    }



}



.filterDiv {

    opacity: .2;

    pointer-events: none;

}



.show {

    opacity: 1;

    pointer-events: all;

}



.show-all {

    display: none;

}

.entry-content.explore {

    display: grid;

    grid-template-columns: 1.5fr 1fr;

}

.request {

  grid-column-start: 2;

  text-align: right;

  padding-right: 40px;

}

.request h5 {

  color: #01426a;

  margin-top: 0px;

  border-bottom: 10px solid #4b92db;

  display: inline-block;

  padding-bottom: 30px;

  margin-bottom: -10px;

}



.explore:before {

  display: none !important;

}

.explore-right {

  margin-bottom: 30px;

}

.explore-right li {

  padding: 13px 0;

  border-bottom: 1px solid #ababab;

  color: #37424a;

}

.explore-right a {

  text-decoration: none;

}

.explore-right img.right-arrow.all-arrow {

  margin-top: 11px;

}

.explore-right ul p {

    margin: 0px;

    width: 90%;

    display: inline-block;

}

.explore-left {

  padding-right: 10%;

}

.explore-right ul {

  margin: 0px;

  padding: 0px;

  list-style: none;

  line-height: 2rem;

}

.explore-right ul li a {

    color: #01426A;

    text-decoration: none;

}





/* ------- Explore - ALL PROGRAMS ------ */

.mtl-left {

    margin-right: 10%;

}

.mtl-left, .mtl-right {

  width: 45%;

  float: left;

}

.explore-all {

  width: 100%;

  float: left;

  -moz-column-count: 2;

  -moz-column-gap: 1em;

  -webkit-column-count: 2;

  -webkit-column-gap: 1em;

  column-count: 2;

  column-gap: 10%;

  margin-bottom: 70px;

  padding-top: 40px;

}

.explore-all.no-pad {

  padding-top: 0px;

}

li.filterDiv.all-prog {

    width: 90%;

    margin: auto;

    opacity: 0;

    display: none;

}

li.filterDiv.all-prog.show {

  opacity: 1;

  display: block;

  transition: .5s all;



}

.all-prog {

  text-align: left;

}

.all-prog ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

    text-align: left;

}



.all-prog li {

    padding: 13px 0;

    width: 100%;

    border-bottom: 1px solid #ababab;

  color: #37424a;

  display: inline-block;

}

.all-prog .top-explore-title p {

    text-align: left;

    text-transform: uppercase;

    color: #01426a;

    font-family: proxima-nova, sans-serif;

    font-weight: 600;

    font-size: .8em;

    display: flex;

    align-items: center;

}

img.right-arrow.all-arrow {

    float: right;

    width: 15px;

    margin-top: 6px;

}

.seal {

  max-width: 55px;

  height: auto;

  margin-right: 15px;

}









/* -------- Flex-Ed --------------------------------- */



.i-flex-ed {

    width: 20px;

    bottom: -25px;

}



.flex-ed {

    background-color: #a1006b;

    background-image: url(../assets/right-flex.png);

    background-position: right center;

    background-size: contain;

    background-repeat: no-repeat;

    padding: 50px 0;

}



.flex-ed .wrapper * {

    color: #fff;

}



.flex-ed .grid {

    grid-template-columns: .8fr 1.5fr;

    grid-gap: 50px;

    margin-top: 0px;

}



.flex-ed-media {

    display: flex;

    justify-content: flex-end;

}



.flex-ed-content h5 {

    margin: 0px;

}



.flex-ed-content h2 {

    text-transform: uppercase;

    margin-top: 0px;

}

button.whiteBTN {

  background-color: #fff;

  padding: 15px 40px;

  color: #01426a !important;

}



/* -------- Recent Articles --------------------------------- */

.recent-art .wrapper {

    padding-top: 50px;

}



.recent-art h2 {

    margin-top: 3px;

}



.left-tri-recent {

    background-image: url(../assets/tri-recent.png);

    background-repeat: no-repeat;

    background-size: contain;

    max-width: 595px;

    height: 612px;

    width: 100vw;

    position: absolute;

    z-index: -1;

    opacity: .5;

    left: -10%;

}



.list-recent {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 50px;

}



.recent-thumb {

    width: 100%;

    height: 200px;

    background-size: cover;

    background-position: center;

    margin-bottom: 20px;

}



p.recent-date {

    font-size: .9rem;

    color: #01426a;

    font-family: proxima-nova, sans-serif;

font-weight: 600;

}



.recent-line {

    background-color: #a9b2b1;

    height: 6px;

    width: 70%;

}





/* -------- Why herzing --------------------------------- */

.why-herzing .wrapper {

  padding: 50px 2%;

}

.why-herzing h2 {

  margin: 0px;

}





/* -------- News herzing --------------------------------- */

section.news-herzing {

    margin-bottom: 40px;

}

.news-herzing .tri-title {

  margin-bottom: 0px;

}

.slick-slide {

  margin: 0px 15px;

}

.slick-list.draggable {

    width: 70%;

}

.list-recent.slick-slider {

    display: flex;

    justify-content: center;

    align-items: center;

}

button.slick-prev.slick-arrow, button.slick-next.slick-arrow {

    font-size: 0px;

    background-color: transparent;

    background-image: url(../assets/arrow-right-blue.svg);

    background-size: contain;

    background-repeat: no-repeat;

    width: 30px;

    height: 30px;

    transition: .5s;

}

button.slick-arrow:hover {

  opacity: .5;

}

button.slick-prev.slick-arrow {

    transform: rotate(180deg);

}



/* -------- Discover --------------------------------- */



.discover {

    display: grid;

    grid-template-columns: 1fr 1fr;

    margin-right: 50px;

    align-items: center;

    margin-bottom: -6px;

}

.discover-img {

  margin-bottom: -6px;

}

.discover-quote p {

    font-family: 'Brandon Grotesque Light';

    font-size: 2rem;

    line-height: 2.5rem;

    color: #01426a;

    max-width: 80%;

    margin-left: 20px;

}



.discover-quote h5 {

    text-align: right;

    max-width: 80%;

}

.discover-quote h5:hover {

    opacity: .5;

    transition: .2s;

}



/* Satellite Campus --------------------------------- */



.sat-block {

  position: relative;

  padding: 50px 0;

}

.sat-content {

  width: 50%;

}

.sat-img {

  position: absolute;

  right: 0;

  width: 50%;

  bottom: 0;

}

.sat-img img {

    float: right;

    max-height: 600px;

}



/* -------- Stories --------------------------------- */

.top-3-stories {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  min-height: 200px;

}

.story1 {

  background-color: #4b92db;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  min-height: 200px;

}

.story1 img {

  max-width: 40px;

  height: auto;

}

.story2 {

  background-color: #01426a;

}

.story3 {

  background-color: #4b92db;

}

.story1, .story2, .story3, .f-story {

  background-size: cover;

}

.f-story {

  min-height: 600px;

  background-color: #01426a;

  text-align: center;

  display: grid;

  align-items: center;

}

.f-story .tri {

  background-image: url(../assets/triangle-left.png);

  background-size: cover;

  background-repeat: no-repeat;

  background-position: left;

  height: 100%;

}

.f-story .tri:hover {

  background-color: #09476a70;

}

.tri .wrapper {

    display: grid;

    align-items: center;

    height: 100%;

}

.f-story h2 {

  color: #fff;

}

.f-story-caption {

  color: #fff;

  opacity: 0;

  transition: .5s all;

  padding: 50px 15% 150px;



}

.f-story:hover .f-story-caption {

  opacity: 1;



}

.more-stories {

  width: 40%;

  background-color: #01426a;

  padding: 45px;

  text-align: left;

  float: right;

  margin-top: -120px;

}

.story-caption {

  width: 100%;

  height: 100%;

  text-align: center;

  opacity: 0;

  transition: .5s all;

  background-color: #ffffffc4;

  border-bottom: 10px solid #4b92db;

  padding: 10%;

  max-height: 300px;

  overflow: scroll;

}

.story-caption:hover {

  opacity: 1;

}

h4.f-story-name {

  color: #fff;

}

.more-stories {

  display: grid;

  grid-template-columns: 1fr 1fr;

  align-items: center;

  color: #fff;

  font-size: 1.5rem;



}

.more-stories img {

  width: 30px;

}



/* -------- Exploration Kit ------------------------- */

.exploration {



    margin: 60px auto;

    text-align: center;

}



.exploration h4 {

    margin: 0px;

}



.exploration h2 {

    margin-top: 10px;

}

.exploration.grey-bg {

  margin: 0px;

  padding: 50px 0;

}

/* -------- International ------------------------- */

.international {

    background-color: #01426a;

}



.international * {

    color: #fff;

}



.int-left {

    padding-right: 50px;

    padding-top: 50px;

    min-height: 500px;

}



.int-right {

    width: 50%;

    position: absolute;

    right: 0px;

    height: 500px;

    background-size: cover;

}



.international h2 {

    margin-top: 0px;

}



.international h5 {

    float: left;

    margin: 4px 0;

    margin-right: 20px;

}



.international a {

    margin-top: 40px;

}



/* -------- Next Step Form ------------------------- */

.next-step-form {

  text-align: left;

  font-family: proxima-nova, sans-serif;

font-weight: 600;

  font-size: .8rem;

}

.next-step-form p {

  margin: 10px 0px;

}

span.footnote {

  font-size: .8rem;

  color: #a9b2b1;

}

label {

  width: 100%;

  align-items: center;

  justify-content: center;

  text-transform: uppercase;

  color: #01426a;

  font-size: .8rem;

}

.next-step-form input {

  width: 100%;

  border-radius: 0px;

  border: 1px solid #01426a;

  padding: 8px 11px;

}

input::placeholder, select::placeholder {

  color: #adaeaf;

  font-family: proxima-nova, sans-serif;

font-weight: 600;

  /*font-size: .8rem;*/

}

.kpd-request-form__item select:first-child {

    color: #769ca1 !important;

}

.kpd-request-form__item select {

    font-family: Proxima Nova Bold !important;

    font-size: 14px !important;

    line-height: 1.21429 !important;

    color: #004650 !important;

}

span.wpcf7-list-item {

  margin-left: 0px;

}

.phone {

  display: flex;

}

input.sm-cc {

  width: 40px;

  margin-right: 10px;

}

.next-left, .next-right {

  float: left;

  width: 50%;

}

.next-right {

  padding-left: 10px;

}



.next-agree p {

  margin-top: 0px;

  margin-left: 50px;

  text-transform: initial;

  font-size: .8rem;

  font-family: proxima-nova, sans-serif;

  margin-bottom: 30px;

}

.next-submit {

  text-align: center;

}

.next-step-form .next-agree input {

  width: 5%;

  float: left;

}

select {

  color: #adaeaf;

  border-radius: 0px;

    border: 1px solid #01426a;

    font-size: .8rem;

    display: block;

    font-size: .8rem;

    font-weight: 700;

    line-height: 1.3;

    padding: 12px 1.4em 12px .8em;

    width: 100%;

    max-width: 100%;

    box-sizing: border-box;

    margin: 0;

    border-radius: 0rem;

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

    background-color: #fff;

    line-height: 1rem;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.06 13.06'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2301426a;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eselect-down%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M6.79,9.15l3.48-3.48a.36.36,0,0,0,0-.51l-.22-.22a.36.36,0,0,0-.51,0l-3,3-3-3a.36.36,0,0,0-.51,0l-.22.22a.36.36,0,0,0,0,.51L6.27,9.15A.37.37,0,0,0,6.79,9.15Zm6.27-2.62A6.53,6.53,0,1,1,6.53,0,6.53,6.53,0,0,1,13.06,6.53Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    background-repeat: no-repeat, repeat;

    background-position: right 1em top 50%, 0 0;

    background-size: 1em auto, 100%;

}

select::-ms-expand {

    display: none;

}

select:hover {

    border-color: #888;

}



.select-css option {

    font-weight:normal;

}





.next-step-form .next-submit input {

  padding: 10px;

  width: 40%;

}





/* ---------- Video Bar - Story of Success ------------ */

.lity {

    z-index: 9999999999990;

  }

.vid-bar {

  width: 100%;

  min-height: 500px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-size: cover;

  background-position: center;

  background-color: #01426a;



}

.vid-bar h2 {

  color: #fff;

  margin-bottom: 20px;

}

.vid-bar .vid-triangle {

  background-image: url(../assets/triangle-success.png);

  background-position: left top;

  background-repeat: no-repeat;

  text-align: center;

  width: 100vw;

  background-size: contain;

  justify-content: center;

  align-items: center;

}

.vid-bar .play {

  max-width: 40px;

  margin: auto;

}

/* ---------------------------------------------------------*/

/* ------- PAGES ------------------------------------------*/

/* ---------------------------------------------------------*/



.site-content {

    min-height: 500px;

}



.location-img .vc_column-inner {

  min-height: 257px;

  background-size: cover;

  width: 95% !important;

}



/* ----- Location Pages -------------------- */

section.location-map {

    padding-top: 20px;

}

.grid.maps2 {

    grid-template-columns: 1fr 1fr;

    grid-gap: 2%;

}

.location {

  margin-bottom: 40px;

}

.map iframe {

    width: 100%;

}

.map {

  width: 60%;

  float: left;

  margin-right: 3%;

}





.content-area .active-badge {

    box-shadow: 0px 0px 0px;

}



.content-area .active-badge::before {

    content: none;

}

.social-btns .social-icons {

    font-size: 29px;

    margin-top: 12px;

}

.social-btns .social-icons a {

    color: #01426a;

    padding-left: 10px;

}

.social-icons {

  text-align: right;



}

.social-btns {

    border-top: 1px solid #cecece;

    padding-top: 15px;

    display: grid;

    grid-template-columns: 1fr 1fr;

    align-items: center;

    width: 100%;

    margin-bottom: 18px;

}



/* ---------------------------------------------------------*/

/* ------- PAGES - Program Overview ------------------------------------------*/

/* ---------------------------------------------------------*/

.program-nav {

  padding: 10px;

  font-size: .8rem;

  color: #efefef;

  border-bottom: 1px solid #a9b2b1;

  position: sticky;

  position: -webkit-sticky; /* Safari */

  top: 0;

  z-index: 1;

  background-color: #fff;

  padding-bottom: 0px;

}

.program-nav ul {

    list-style: none;

    padding-left: 0px;

    margin: 0px;

    display: flex;

    justify-content: center;

}

.program-nav ul li {

    padding: 5px 10px;

}

.program-nav a {

    color: #a9b2b1;

    font-family: 'Brandon Grotesque Bold';

    text-decoration: none;

}

.s-program {

  margin-top: 50px;

}

.s-program h2 {

  margin-top: 0px;

}

.hide {

    display: none;

}

.program-nav a.active {

    color: #01426a;

    border-bottom: 0.25rem solid #4b92db;

}

.panel {

  padding: 0 18px;

  background-color: white;

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.2s ease-out;

}

.start-ready {

  color: #fff;

}

.start-ready h3.highlight-text {

    color: #fff;

}

.start-ready p {

    color: #fff;

}

.program-overview {



}



.program-overview .small-i-l {

    position: absolute;

    left: -10px;

    bottom: auto;

}

.overview-left {

  width: 60%;

}

.overview-right {

  width: 40%;

}



.overview-box {

  padding: 20px;

}

  .overview-box h2, .overview-box h4, .overview-box p {

    color: #fff;

    margin: 0px;

  }

  .overview-box h2 {

    font-family: 'Brandon Grotesque Bold';

    margin: 10px 0;

  }

  .overview-box p {

    font-size: .7rem;

  }

.program-overview table td:nth-child(2n+1) {

/*  font-size: .7rem; */

/* removed per Jenna for tables on page */

}

.overview-summary .wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button {

  margin-bottom: 0px;

}

.overview-summary div:nth-of-type(1) {

  font-family: 'Brandon Grotesque Bold';

  font-size: .8rem;

}

.overview-summary {

  border-top: 1px solid #efefef;

  padding-bottom: 17px;

}



.wpb-js-composer .program-overview .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading, .wpb-js-composer .program-overview .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {

  background-color: #fff;

  border-color: #fff;



}

.wpb-js-composer .program-overview .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body, .wpb-js-composer .program-overview  .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::after, .wpb-js-composer .program-overview  .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::before {

  border-color: none;

}

.wpb-js-composer .program-overview .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body {

  background-color: none;

}

.wpb-js-composer .program-overview .vc_tta.vc_general .vc_tta-panel-title {

  text-transform: capitalize;

  border-bottom: 1px solid #eaeaea;

}

.wpb-js-composer .program-overview .vc_tta.vc_general .vc_tta-panel-title>a {

  padding: 14px 0;

}

/* -- .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {

  background-image: url('../assets/arrow-right.svg');

  background-color: red;

}

.wpb-js-composer .vc_active i.vc_tta-controls-icon.vc_tta-controls-icon-triangle {

    background-color: green !important;

}

/* -- Instructor Section ---- */

.instructor-name {

  font-family: proxima-nova, sans-serif;

font-weight: 600;

  font-size: 1rem;

  color: #666;



}

.instructor-title {

  font-family: proxima-nova, sans-serif;

font-weight: 600;

  font-size: .8rem;

  color: #01426a;

  margin-top: 10px;

  margin-left: 0px !important;

}

.instructor-description {

}

.instructor-image {

    max-width: 12%;

    min-width: 60px;

    min-height: 60px;

    float: left;

    background-size: cover;

    border-radius: 50%;

    background-color: #01426a;

  }

.instructor-panel {

  width: 87%;

  float: right;

}

.instructor-space {

  clear: both;

  margin-bottom: 30px;

}

.why-choose {

  background-image: url('../assets/ready-to-start-bg.jpg');

  background-repeat: no-repeat;

  background-position: bottom;

  background-size: contain;

  background-color: #01426A;

}

.why-choose .vc_column-inner {

  padding-top: 10px !important;

}

#online .flick {

  display: none;

}

#online h2 {

  font-family: 'Brandon Grotesque Thin';

      font-weight: normal !important;

}

@media (min-width: 768px) {

  .vc_col-sm-2\/5 {

      width: 38%;

      float: right;

  }

  .vc_col-sm-3\/5 {

    width: 58%;

  }

}

/* ---------------------------------------------------------*/

/* ------- PAGES - Blog ------------------------------------------*/

/* ---------------------------------------------------------*/



.blog-left {

    width: 60%;

    margin: 70px 0;

}



.blog-sidebar {

    float: right;

}



/* -------- 404 Page ------------ */

.error-404 {

  width: 60%;

}





/* ---------------------------------------------------------*/

/* ------- FOOTER ------------------------------------------*/

/* ---------------------------------------------------------*/

footer.site-footer {

    clear: both;

    position: relative;

    z-index: 100;

}



.footer-menu {

    width: 100%;

    padding: 50px 0;

    background: #fff;

}

.footer-menu a {

    color: #01426A;

}

.footer-menu ul.menu {

    display: block;

}



.footer-menu ul.menu li {

    display: inline-block;

}



.footer-menu ul li {

    padding-right: 3%;

    text-transform: uppercase;

    font-family: 'Brandon Grotesque Bold';

    font-size: .7rem;

    text-align: center;

    padding-bottom: 0px;

}



.footer-menu .wrapper {

    display: grid;

    grid-template-columns: 1fr .55fr;

    align-items: center;

}



.footer-menu .footer-right {

    display: flex;

    text-align: right;

    justify-content: space-between;

    align-items: center;

}



.footer-right {

    text-transform: uppercase;

    font-family: 'Brandon Grotesque Bold';

    font-size: .7rem;

}



.footer-right a {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.footer-right a img {

    padding-right: 10px;

}



.footer-sl {

    width: 30px;

}



.footer-blue {

    background-color: #4b92db;

    padding: 50px 0;

}

.footer-blue a {

  color: #fff;

}

.footer-blue ul li {

  padding-left: 12px;

  margin-left: 12px;

  font-family: 'Brandon Grotesque Bold';

  font-size: .9rem;

  text-align: center;

  padding-bottom: 0px;

  border-left: 1.5px solid #fff;

}

.footer-blue ul li:first-child {

    padding-left: 0px;

    border-left: 0px;

}

.footer-blue .footer-bleft {

  width: 60%;

  float: left;

  font-size: 1.5rem;

}

.footer-blue .footer-bleft a {

  padding-right: 20px;

}



.footer-blue .menu-footer-right-container li:last-child, .footer-blue .menu-footer-right-french-container li:last-child {

  border-right: 0px;

  padding-right: 0px;

}

.footer-blue .menu-footer-right-container li:first-child, .footer-blue .menu-footer-right-french-container li:first-child {

    padding-left: 0px;

}

.footer-logo .wrapper {

  display: flex;

  padding: 50px 2%;

  align-items: center;

  justify-content: space-between;

}



.footer-btm {

  background-color: #e3e6e5;

  border-top: 10px solid #01426a;

}



.footer-btm .wrapper {

  display: grid;

  justify-content: space-between;

  grid-template-columns: 1fr .5fr;

  grid-gap: 20%;

}



.footer-btm p {

  font-size: 12px;

  line-height: 18px;

}



.footer-btm p.right {

  text-align: right;

  font-family: proxima-nova, sans-serif;

font-weight: 600;

}



/** Location Menu */

.location-menu {margin-bottom: 60px;}

.location-menu {

	display: flex;

	background-color: #F4F5F5;

	justify-content: center;

	align-items: center;

	padding: 40px 21px;

	position: relative;

}

.location-menu::after {

	content: '';

	width: 0px;

	height: 0px;

	border-left: 25px solid transparent;

	border-right: 25px solid transparent;

	border-top: 21px solid #F4F5F5;

	position: absolute;

	bottom: -21px;

	left: 0;

	right: 0;

	margin: 0 auto;

}

.location-menu h4 {

	margin: 0 15px 0 0;

	text-transform: initial;

	font-size: 36px;

	font-weight: 600;

}

.location_dropbtn {

	display: inline-block;

  background-color: #fff;

	border: 2px solid #01426A;

  padding: 12px;

  font-size: 18px;

  cursor: pointer;

	color: #01426A;

	max-width: 400px;

	width: 400px;

}

.location_dropbtn::after {

	content: ' ';

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.06 13.06'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2301426a;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eselect-down%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M6.79,9.15l3.48-3.48a.36.36,0,0,0,0-.51l-.22-.22a.36.36,0,0,0-.51,0l-3,3-3-3a.36.36,0,0,0-.51,0l-.22.22a.36.36,0,0,0,0,.51L6.27,9.15A.37.37,0,0,0,6.79,9.15Zm6.27-2.62A6.53,6.53,0,1,1,6.53,0,6.53,6.53,0,0,1,13.06,6.53Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

width: 16px;

height: 16px;

background-size: contain;

background-repeat: no-repeat;

position: absolute;

right: 12px;

	top: 17px;

}

.location-select {

  position: relative;

  display: inline-block;

}

.dropdown-content {

  display: none;

  position: absolute;

  background-color: hsla(203, 98%, 21%, 0.9);

  min-width: 160px;

	width: 100%;

  overflow: auto;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;



}

.dropdown-content a {

  color: #fff;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

	font-size: 16px;

}

.location-select a:hover {color: #efefef;}

.show-menu .dropdown-content {

	display: block;

}

/** End Location Menu */



/* Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {



  /* Campus Pages ----------------------- */



  .map {

    width: 100%;

    float: none;

    margin-right: 0px;

  }



}





/* Small devices (landscape phones, less than 768px) */

@media (max-width: 768px) {

  .entry-content tbody {

      font-size: 15px;

      line-height: 22px;

  }



  .col-55 {

    width: 75%;

  }

  .width-70 {

    width: 100%;

  }

  .wrapper,

  .site-main {

      padding: 0 5%;

  }





    /* Home Page -------------------*/

    .home-featured .wrapper {

        grid-template-columns: 1fr;

        grid-gap: 0px;

    }



    /* Sidbar Page ------------------ */

    .content-sidebar {

      display: grid;

      grid-template-columns: 1fr;

      grid-gap: 10px;

    }

    .content-sidebar .width-30 {

      grid-row-start: 1;

    }

    .sidebar-mobile {

      display: block;

      margin-bottom: 10px;

    }

    .mobile-hide {

      display: none;

    }



    /* Numbers Bar --------------------- */

    .glob-numbers .wrapper {

        display: block;

        padding: 0px;

    }



    .numbers-l, .numbers-c, .numbers-r {

    padding: 40px;

    display: block;

    text-align: center;

    }



    .numbers-r {

        grid-column-start: 1;

        grid-column-end: 3;

    }



    /* Flex - Ed ------------------------ */

    .flex-ed .grid {

        grid-template-columns: 1fr 1fr;

        grid-gap: 25px;

    }



    /* Student Stories ----------------------- */

    .top-3-stories {

      display: grid;

      grid-template-columns: 1fr;

    }

    .more-stories {

      width: 100%;

    }

    .ss-content {

      width: 100%;

    }

    button.review {

        float: left;

        margin-top: 0px;

        margin-bottom: 40px;

    }



    /* Recent Articles ------------------------ */

    .list-recent {

        display: grid;

        grid-template-columns: 1fr;

        grid-gap: 5px;

    }



    /* Discover --------------------------------- */

    .discover-quote p {

        font-size: 1.5rem;

        line-height: 2rem;

    }





    /* International Students ------------------------ */

    .two-col {

        grid-template-columns: 1fr;

    }



    .int-left {

        padding-right: 0px;

        padding-top: 50px;

        min-height: 0px;

        padding-bottom: 50px;

        grid-row: 2;

    }



    .int-right {

      width: 104%;

      margin-left: -2%;

        position: relative;

        right: 0px;

        height: 250px;



        background-size: cover;

        background-repeat: no-repeat;

    }

    /* Sat Locations ------------------------ */

    .sat-content {

      width: 100%;

    }

    .sat-img {

      position: relative;

      width: 100%;

    }

    .sat-block {

      padding: 50px 0 0;

      margin-bottom: -6px;

      overflow: auto;

    }



    /* Programs Block ------------------------ */

    #main-industry .og-grid {

      grid-template-columns: 1fr 1fr;

    }

    .mtl-left, .mtl-right {

      width: 100%;

      float: none;

    }

    .mtl-left {

      margin-left: 0;

    }

    .explore-all {

      -moz-column-count: 1;

      -moz-column-gap: 0;

      -webkit-column-count: 1;

      -webkit-column-gap: 0;

      column-count: 1;

      column-gap: 0;

      margin-bottom: 70px;

    }







    /* Footer ------------------------ */

    .footer-menu .wrapper {

        grid-template-columns: 1fr;

        text-align: center;

    }

    .footer-menu .footer-right {

      margin-top: 20px;

    }

    .footer-logo .wrapper {

      display: grid;

      grid-template-columns: 1fr 1fr;

      justify-content: space-around;

      grid-gap: 49px;

      grid-row-gap: 20px;

      padding: 30px 36px;

      text-align: center;

    }

    .footer-menu ul.menu {

        justify-content: center;

    }



    .footer-menu ul li {

        padding-top: 30px;

        padding-bottom: 30px;

    }

    .footer-btm {

      padding-bottom: 55px;

    }



  /* ------ All Pages -------- */

  .page-title {

    font-size: 2rem;

    line-height: 2rem;

    margin-top:10px;

  }



	/** Location Menu */

	.location-select {width: 100%;}

	.location_dropbtn {

		width: 100%;

		max-width: 100%;

	}

	.location-menu h4 {display: none;}

	/** End Location Menu */



}





/* Phones  */

@media (max-width: 575.98px) {

  .mobile-hide {

    display: none;

  }

  .mobile-show {

    display: block;

  }

  .col-55 {

    width: 95%;

  }

  .col-60 {

    width: 90%;

  }



  .entry-content {

    padding: 0px;

  }

  .flex-end {

    display: block !important;

  }

  .grid.maps2 {

      grid-template-columns: 1fr;

  }

  #scrollBtn {

    width: 40px;

    height: 40px;

    background-size: 19px 19px;

  }

  /* -------- 404 Page ------------ */

  .error-404 {

    width: 80%;

  }



    /* Home Page ----------------------- */

    .glob-numbers .wrapper {

        grid-template-columns: 1fr;

    }



    /* Number Bar ----------------------- */

    .numbers-r {

        grid-column-start: auto;

        grid-column-end: auto;

    }



    /* Flex - Ed ------------------------ */

    .flex-ed .grid {

        grid-template-columns: 1fr;

        grid-gap: 25px;

    }



    .flex-ed {

      background-size: cover;

    }



    /* Discover ------------------------- */

    .discover {

        grid-template-columns: 1fr;

        margin-right: 0px;

    }



    .discover-quote p {

      font-size: 1.5rem;

      line-height: 2rem;

      text-align: center;

      max-width: 100%;

      margin: 20px;

    }

    .discover-quote h5 {

      max-width: 100%;

      text-align: center;



    }

    /* Featured Stories ---------------------------- */

    .f-story h2 {

      font-size: 1rem;

      line-height: 1.5rem;

    }

    .f-story-caption {

      padding: 60px 20px 200px;

    }

    .more-stories {

      grid-template-columns: 1.5fr .5fr;

    }



  /* Explore Page ---------------------------- */

    .global-explore .locations .location-btn {

      padding: 10px !important;

    }

    .ex-accordion {

      border: 2px solid #01426a !important;

      color: #01426a;

      background-color: #fff;

      cursor: pointer;

      padding: 18px;

      width: 100%;

      text-align: left;

      border: none;

      outline: none;

      transition: 0.4s;

      display: block;

      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.06 13.06'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2301426a;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eselect-down%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M6.79,9.15l3.48-3.48a.36.36,0,0,0,0-.51l-.22-.22a.36.36,0,0,0-.51,0l-3,3-3-3a.36.36,0,0,0-.51,0l-.22.22a.36.36,0,0,0,0,.51L6.27,9.15A.37.37,0,0,0,6.79,9.15Zm6.27-2.62A6.53,6.53,0,1,1,6.53,0,6.53,6.53,0,0,1,13.06,6.53Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

      background-repeat: no-repeat, repeat;

      background-position: right 1em top 50%, 0 0;

      background-size: 1em auto, 100%;



    }

    .ex-right {

      padding-right: 5%;

    }

    /* .ex-accordion:after {





      content: '\02795'; /* Unicode character for "plus" sign (+)

      font-size: 13px;

      color: #777;

      float: right;

      margin-left: 5px;

    } */





    .location-bar {

      display: block;

      margin-top: 15px;

    }

    .location-btn {

      display: block;

      padding: 7px 4px;

      margin-bottom: 6px;

    }

    .show-all {

      display: none;

    }



    .entry-content.explore {

      display: block;

      padding: 0px;

    }

    .og-expander-inner {

      padding: 0px 5%;

    }



    /* Style the accordion panel. Note: hidden by default */

    .locations {

      padding: 0 18px;

      background-color: white;

      display: none;

      overflow: hidden;

    }



    /* Program Page ----------------------- */

    .instructor-panel {

      width: 78%;

    }



    .story-group ul {

      grid-template-columns: 1fr;

      grid-gap: 15px;

    }

    .accord-panel {

      width: 77%;

    }

    .location-img .vc_column-inner {

      width: 100%;

    }

    /* Footer ---------------------------- */

    .footer-right a {

        align-items: center;

        display: flex;

    }



    .footer-right img {

        margin-right: 15px;

    }



    .int-right {

        background-size: cover;

    }

    .footer-blue .footer-bleft {

        width: 100%;

        float: none;

        font-size: 1.5rem;

        text-align: center;

    }

    .footer-bright ul.menu {

      margin-top: 20px;

      justify-content: center;

    }

    .footer-btm .wrapper {

      grid-gap: 14px;

    }

    .footer-btm .wrapper {

      grid-template-columns: 1fr;

      text-align: center;

    }

    .footer-btm p.right {

      text-align: center;

    }





    /* WIDGET ---------------------------- */

    .chat-badge.active-badge .icon {

      background-image: url('../assets/live-chat-white.svg');

    }

    .tour-badge.active-badge .icon {

      background-image: url('../assets/compass-white.svg');

    }

    .ask-badge.active-badge .icon {

      background-image: url('../assets/information-white.svg');

    }

    .explore-badge.active-badge .icon {

      background-image: url('../assets/explore-white.svg');

    }

    .cta-mobile-hide {

      /*  display: none; */

    }

    .gfq-wrap {

        top: auto;

        right: 0;

        margin-top: 0px;

        bottom: 0px;

        width: 100%;

    }

    .active-wrap {

      background-color: #4b92dbb3;

    }

    .hover-text {

      visibility: visible;

      opacity: 1;

      white-space: normal;

      grid-row: 2;

      font-size: 10px;

      padding: 0px;

    }

    .gfq-badge {

        padding-top: 15px;

        width: auto;

        height: auto;

        float: left;

        margin: 0px;

        border-radius: 0px;

        display: grid;

        /* grid-template-columns: 1.5fr .5fr; */

        width: 25%;



        box-shadow: none;

    }

    .hover-text {

      width: 100%;

      height: auto;

      float: left;

      margin: 0px;

      padding-right: 0px;

      border-radius: 0px;

      position: relative;

      left: 0px;

      box-shadow: none;

      line-height: 15px;

    }

    .gfq-badge .icon {

      width: auto;

      height: auto;

      border-radius: 0px;

      height: 22px;

      background-size: contain;

    }

    .active-badge::before, .gfq-badge:hover::before {

      display: none;

    }

    .active-badge {

      background-color: #6fa8e2;

      color: #fff;

    }

    .active-badge .hover-text {

      background-color: #6fa8e2;

    }

    .badges {

      display: flex;

      height: 85px;

    }

    span.hide {

      display: none;

    }



    /* .explore-badge {

      width: 30%;

    }

    .ask-badge {

      width: 20%;

    } */

    .gfq-panel {

      right: auto;

      left: 7%;

    }

    /* arrow removed .active-badge::before, .gfq-badge:hover::before {



        border-width: 0px 10px 10px 10px;

        border-color: transparent transparent #6fa8e2; transparent;

        z-index: 2;

        top: -10px;

        left: 30px;

    } */







}









/* Explore New Code */

.global-explore .ex-accordion-desktop {

  background-color: transparent;

  color: #01426a;

  text-transform: uppercase;

  margin: auto;

  display: block;

  text-align: center;

	cursor: pointer;

  position: relative;

	padding: 25px 25px 25px 0;

}

button.ex-accordion-desktop.explore-desktop::after {

    content: ' ';

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.06 13.06'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2301426a;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eselect-down%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M6.79,9.15l3.48-3.48a.36.36,0,0,0,0-.51l-.22-.22a.36.36,0,0,0-.51,0l-3,3-3-3a.36.36,0,0,0-.51,0l-.22.22a.36.36,0,0,0,0,.51L6.27,9.15A.37.37,0,0,0,6.79,9.15Zm6.27-2.62A6.53,6.53,0,1,1,6.53,0,6.53,6.53,0,0,1,13.06,6.53Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    width: 1.1em;

    height: 1.1em;

    background-size: contain;

    background-repeat: no-repeat;

    position: absolute;

    right: 1px;

}

.global-explore.campus-selected .ex-accordion-desktop {

	border-bottom: 3px solid #4b92db;

}

.global-explore .locations {

/* 	display: none; */

	margin-bottom: 25px;

}

.global-explore .locations .location-btn {

  padding: 2rem 2rem 16px;

  color: #01426a;

  margin-bottom: 15px;

}

.global-explore .locations .location-btn.active {

  padding-bottom: 11px;

  border-bottom: 5px solid #4b92db;

}

.global-explore .locations .location-btn:hover {

  border-bottom: 5px solid #4b92db;

  padding-bottom: 11px;

  transition: .3s;

}



.global-explore #og-grid {

	display: none;

  margin-bottom: 70px;

}

/* .select-campus {

	border-top: 1px solid #bbb;



} */

.campus-selected .select-campus {

	border-bottom: 1px solid #bbb;

}

@media (max-width: 575.98px) {

  .global-explore .ex-accordion-desktop {

    /* display: none; */

    /* position: absolute; */

    width: 100%;

    text-align: left;

    padding-left: 22px;

    border: 1px solid;

    border: 2px solid #01426a !important;

    color: #01426a;

    background-color: #fff;

    cursor: pointer;

    padding: 18px;

    width: 100%;

    margin-bottom: -54px;

    text-align: left;

    border: none;

    outline: none;

    transition: 0.4s;

    display: block;

  }

  button.ex-accordion-desktop.explore-desktop::after {

    right: 12px;

  }

}



.xdsoft_datetimepicker {

    z-index: 9999999999 !important;

}



.contact-request-form {

    width:46%;

    display: inline-block;

}



@media screen and (max-width: 768px){

    .contact-request-form {

        width:100%;

        display: block;

    }

}





.entry-content.explore button,

.entry-content.explore .request a{

  cursor: pointer;

}





/* styling for kompass sidebar  added 5212021 by HEM */

.kompass-sidebar-cta .panel-top-bar h3{



  color: #fff;

  margin: 4px;

  text-transform: uppercase;

  text-align: center;

  font-family: proxima-nova, sans-serif;

  font-weight: 600;

  font-size: .9em;

  line-height: 1.4rem;

}



.kompass-sidebar-cta  .gfq-panel h4{

  font-family: proxima-nova, sans-serif;

  font-weight: 600 !important;

  font-size: 16px !important;

}



.kompass-sidebar-cta .bg-req-form p,.kompass-sidebar-cta .bg-req-form.mobile_phone_container  {

  margin-bottom: 20px !important;

}



.kompass-sidebar-cta .txt-optin .optin{

width: auto;

  margin-right: 15px;

  margin-bottom: 5px;

}



.kompass-sidebar-cta .bg-req-form .req{

  border: none;

  border-radius: 0px;

  background-color: #004650;

  color: #fff !important;

  letter-spacing: 1px;

  font-size: .8rem;

  font-family: proxima-nova, sans-serif;

  font-weight: 600;

  padding: 14px 36px !important;

  text-align: center !important;

}

.kompass-sidebar-cta .bg-req-form .req:hover{

  cursor: pointer;

  background-color: #4c7d84 !important;

}



.kompass-sidebar-cta .parsley-errors-list {

  list-style: none;

  margin: 0;

  color: #004650;

  padding: 0;

  list-style-type: none;

  font-size: 0.9em;

  line-height: 0.9em;

  text-transform: uppercase;

}



.kompass-sidebar-cta .parsley-custom-error-message {

  font-size: 12px;

  padding: 5px;

  margin: 0 !important;

  font-family: proxima-nova, sans-serif !important;

}

.kompass-sidebar-cta .bg-req-form textarea,.kompass-sidebar-cta .bg-req-form input{

  padding-left: 10px;

  color:#666 !important;

}

.kompass-sidebar-cta .bg-req-form input::-webkit-input-placeholder,.kompass-sidebar-cta .bg-req-form textarea::-webkit-input-placeholder { /* Edge */

  font-weight: 500;

  font-family: proxima-nova, sans-serif !important;

  color:#adaeaf !important;

}



.kompass-sidebar-cta .bg-req-form input:-ms-input-placeholder,.kompass-sidebar-cta .bg-req-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */

  font-weight: 500;

  font-family: proxima-nova, sans-serif !important;

  color:#adaeaf !important;

}





.kompass-sidebar-cta .bg-req-form input::placeholder,.kompass-sidebar-cta .bg-req-form textarea::placeholder {

  font-weight: 500;

  font-family: proxima-nova, sans-serif !important;

  color:#adaeaf !important;

}



/* modify badges */

.page-template-page-kompass-program-overview #chat-widget-container,.page-id-3523 #chat-widget-container,.page-template-page-kompass-regular #chat-widget-container,.page-template-page-kompass-register-online #chat-widget-container,.page-template-page-kompass-register-courses #chat-widget-container,.page-template-page-kompass-request-information #chat-widget-container{

/* bottom:100px !important; */

}



@media (max-width: 575.98px){

  .kompass-sidebar-cta .badges {

      display: flex;

      height: 85px;

      background-color: #fff;

      justify-content: center;

  }

  .page-template-page-kompass-program-overview #chat-widget-container,.page-id-3523 #chat-widget-container,.page-template-page-kompass-regular #chat-widget-container,.page-template-page-kompass-register-online #chat-widget-container,.page-template-page-kompass-register-courses #chat-widget-container,.page-template-page-kompass-request-information #chat-widget-container{

    right: 40px !important;

    max-width: 80% !important;

    max-height: calc(100vh - 200px) !important;

    scroll-behavior: auto;

    overflow-y: auto;

    bottom:100px !important;

  }



}



/* override chat button for kompass */

.kompass-sidebar-cta .ask-badge .icon{

  background-image: url(../assets/info_side-bar_cta_web.svg);

}

.kompass-sidebar-cta .ask-badge:hover .icon,.kompass-sidebar-cta .ask-badge.active-badge .icon{

  background-image: url(../assets/info_side-bar_cta_web_white.svg) !important;

}

.kompass-sidebar-cta .chat-badge .icon{

  background-image: url(../assets/chat_side-bar_cta_web.svg);

}

.kompass-sidebar-cta .chat-badge.active-badge .icon,.kompass-sidebar-cta .chat-badge:hover .icon{

  background-image: url(../assets/chat_side-bar_cta_web_white.svg);

}



.kompass-sidebar-cta .active-badge::before, .kompass-sidebar-cta .gfq-badge:hover::before{

  border-color: transparent #4c7d84 transparent

}

.kompass-sidebar-cta .gfq-badge:hover .hover-text{

color:#fff;

}



.kompass-sidebar-cta .panel-top-bar{

  background-color:#004650 !important;

}

.new-kompass-sidebarform .select{

  background-image: url(../assets/ardown.svg) !important;

}



/* override main site CTA */

@media (max-width: 1080px){

  #ctaWidget {

    display: block !important;

  }

}

/* end override */



/* fix footer spacing */

footer#colophon + p,footer#kpd-footer + style + p {

  margin:0;

}

footer#colophon + p br,footer#kpd-footer + style + p br {

  display: none;

}



/* update kompass homepage change mobile background image position */

@media screen and (max-width:768px){

  .page-template-kpd-front-page .kpd-block-testimonial__background{

    background-position: 20% center !important;

  }

}



/* mobile menu */

#kpd-header-mobile .kpd-shopping-cart{

  margin-left: auto;

  margin-right: 30px;

}



#kpd-header-mobile .kpd-shopping-cart .kpd-shopping-cart__price{

 /*  display: none; */

}

#kpd-header-mobile .kpd-shopping-cart a i{

  color:#FFF !important;

}



.Helcim_Error{

    width:100%;

    padding:5px 10px !important;

    margin:10px auto !important;background-color:#f2dede;

    color:#7F2626 !important;

    border:1px solid #7F2626;

    border-radius:3px;

}

.form-group{

  display:block;

  width:100%;

}

.form-group input{

  width:100%;

}



/* KDP Fix overides main.css conflicts*/

body.kpd-theme strong {

font-family: 'Proxima Nova Regular' !important;

}



.kpd-theme h4 {

font-family: 'Proxima Nova Regular' !important;

}

/* QUICK FIX - TOUR HIDE Oct 18 2023 */
.tour-badge {
	display: none !important;
}