/*
Title: International Student Services CSS;
Author: The Wilson Concept, LLC
Author URI: https://thewilsonconcept.com
Description: Testing & Development website for the CIE program of University of Toronto
Version: 3.0.2
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
*/


// Options


// Color variables

.issprimary {
	color: #d0e6ec;
}

.isssecondary {
	color: #eaf6f7;
}

.isssecondary-navtext {
	color: #1a6176;
}

.isssecondary-navtext-highlight {
	color: #1a6176;
}

/* Icons */
.issnav-icon {
	color: #1d6277;
}

.iss_smicon {
	background-color: #abc2c8;
    padding: 10px;
    color: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 100px 100px 100px 100px;
    font-size: 2rem;
}

.iss_iconsvg {
	color: #3b7d91 !important;
  font-size: 3.875rem;
}

.iss_iconsvg_purple {
	color: #565cae !important;
	font-size: 3.875rem;
}

.iss_iconsvg_yellow {
	color: #666f20 !important;
	font-size: 3.875rem;
}

.iss_iconsvg_green {
	color: #006b4d !important;
	font-size: 3.875rem;
}

/* Buttons */
.issbutton_primary {
	color: #abc2c8 !important;
	margin: 20px 0;
}

/* Feb 1 2023, How to apply for a study permit accordion, video icon on buttons */ 
.page-id-169 .issbutton_primary .button {
	background-image: url(https://internationalexperience.utoronto.ca/wp-content/uploads/icons/generic-video.svg);
	background-size: 50px;
    background-repeat: no-repeat;
	color: #5a554d !important;
	background-color: #D0E6EC !important;
	border: solid 4px #D0E6EC !important;
	background-position: left;
	
}



/* july 13th addition by ritchie */
.page-id-2849 .issbutton_primary .button {
	background-image: url(https://internationalexperience.utoronto.ca/wp-content/uploads/icons/generic-video.svg);
	background-size: 50px;
    background-repeat: no-repeat;
	color: #5a554d !important;
	background-color: #D0E6EC !important;
	border: solid 4px #D0E6EC !important;
	background-position: left;
	
}


/* july 13th addition by ritchie */
.page-id-3249 .issbutton_primary .button {
	background-image: url(https://internationalexperience.utoronto.ca/wp-content/uploads/icons/generic-video.svg);
	background-size: 50px;
    background-repeat: no-repeat;
	color: #5a554d !important;
	background-color: #D0E6EC !important;
	border: solid 4px #D0E6EC !important;
	background-position: left;
	
}


/* july 13th addition by ritchie */
.page-id-177 .issbutton_primary .button {
	background-image: url(https://internationalexperience.utoronto.ca/wp-content/uploads/icons/generic-video.svg);
	background-size: 50px;
    background-repeat: no-repeat;
	color: #5a554d !important;
	background-color: #D0E6EC !important;
	border: solid 4px #D0E6EC !important;
	background-position: left;
	
}

/* dec 1st addition by ritchie coop */
.page-id-176 .issbutton_primary .button {
	background-image: url(https://internationalexperience.utoronto.ca/wp-content/uploads/icons/generic-video.svg);
	background-size: 50px;
    background-repeat: no-repeat;
	color: #5a554d !important;
	background-color: #D0E6EC !important;
	border: solid 4px #D0E6EC !important;
	background-position: left;
	
}

/* nov 21st addition by ritchie */
.page-id-167 .issbutton_primary .button {
	background-image: url(https://internationalexperience.utoronto.ca/wp-content/uploads/icons/generic-video.svg);
	background-size: 50px;
    background-repeat: no-repeat;
	color: #5a554d !important;
	background-color: #D0E6EC !important;
	border: solid 4px #D0E6EC !important;
	background-position: left;
	
}

/*added by Ritchie aug 5 */
.page-id-2849 .issbutton_primary {
	color: #abc2c8 !important;
	margin: 10px 0;
}
/*pgwp*/
.page-id-177 .issbutton_primary {
	color: #abc2c8 !important;
	margin: 10px 0;
}
/* working in canada */
.page-id-167 .issbutton_primary {
	color: #abc2c8 !important;
	margin: 10px 0;
}
/*added by Ritchie Aug 18 */
.page-id-2849 .alertbar { 
    background-color: #ff0000; 
    color: #FFFFFF; 
    display: block; 
    line-height: 45px;
    height: 50px; 
    position: relative; 
    text-align: center; 
    text-decoration: none; 
    top: 0px; 
    width: 100%;
    z-index: 100;
}

/* Ritchie html code for alert 
 * <div class="alert">
  <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span> 
  <strong>Danger!</strong> Indicates a dangerous or potentially negative action.
</div>
 * 
 * */
/* added by ritchie aug 18 */
.page-id-2849 .alert {
  padding:  1.4em;
  background-color: black;
  color: white;
  width: 150px;
  position: fixed;
  right: 0;
}
/* added by ritchie aug 18 */
.page-id-2849 .closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
 
}
/* added by ritchie aug 18 */
.page-id-2849 .closebtn:hover {
  color: grey;
}

.page-id-2849 .note {
    background: #FEFCC2;
    border: 1px dotted #9E0918;
    padding: 0.5em;
}

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



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

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

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

.issbutton_primary p  {
	padding: 0 10%;
}

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

.issbutton_one {
	color: #1d6277;
}
.header-wrap .issbutton_one {
	overflow: inherit;
}
.issbutton_one .icon, .issbutton_two .icon, .issbutton_three .icon {
	width: 153px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -mask-position: center;
}
.issbutton_one .icon {
	background-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;
}

.issbutton_two {
	color: #626b1f;
}
.issbutton_two .icon {
	background-color: #626b1f;
}
.issbutton_two button,
.issbutton_two .button {
	color: #626C2F !important;
	background-color: #EBEBDC !important;
	border: solid 2px #EBEBDC !important;
}

.issbutton_two button:hover,
.issbutton_two .button:hover {
	color: #626C2F !important;
	background-color: #FFF !important;
	border: solid 4px #626C2F !important;
}

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

.issbutton_two span {
	color: #666f20 !important;
}

.issbutton_two img {
	color: #666f20 !important;
}

.issbutton_three {
	color: #565DA9 !important;
}
.issbutton_three .icon {
	background-color: #565DA9 !important;
}
.issbutton_three button,
.issbutton_three .button {
	color: #565DA9 !important;
	background-color: #E1E2EF !important;
	border: solid 4px #E1E2EF !important;
}

.issbutton_three button:hover,
.issbutton_three .button:hover {
	color: #565DA9 !important;
	background-color: #FFF !important;
	border: solid 4px #565DA9 !important;
}

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

.issbutton_three span {
	color: #565cae !important;
}

.issbutton_three img {
	color: #565cae !important;
}

.issbutton_four {
	color: #007a5a;
}
.issbutton_four .icon {
	background-color: #007a5a;
	width: 153px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -mask-position: center;
}
.issbutton_four button,
.issbutton_four .button {
	color: #007A5A !important;
	background-color: #E0F1ED !important;
	border: solid 2px #E0F1ED !important;
}

.issbutton_four button:hover,
.issbutton_four .button:hover {
	color: #007A5A !important;
	background-color: #FFF !important;
	border: solid 4px #007a5a !important;
}

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

.issbutton_four span {
	color: #006b4d !important;
}

.issbutton_four img {
	color: #006b4d !important;
}

/* Button type <button> */
button.iss,
.button.iss {
  color: #196175;
  background-color: #d0e6ec;
  border: none;
  border: 3px solid #fff;
}

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

button.iss_purple,
.button.iss_purple {
  color: #565cae;
  background-color: rgba(105,111,182,.25);
  border: none;
  border: 3px solid #fff;
}

button.iss_purple:hover,
.button.iss_purple:hover {
  color: #565cae;
  background-color: transparent;
  border: 3px solid #565cae;
  border-radius: 1px;
}

button.iss_green,
.button.iss_green {
  color: #006b4d;
  background-color: rgba(0,144,106,.25);
  border: none;
  border: 3px solid #fff;
}

button.iss_green:hover,
.button.iss_green:hover {
  color: #006b4d;
  background-color: transparent;
  border: 3px solid #006b4d;
  border-radius: 1px;
}

button.iss_yellow,
.button.iss_yellow {
  color: #666f20;
  background-color: rgba(119,130,27,.25);
  border: none;
  border: 3px solid #fff;
}

button.iss_yellow:hover,
.button.iss_yellow:hover {
  color: #666f20;
  background-color: transparent;
  border: 3px solid #666f20;
  border-radius: 1px;
}

button.iss,
.button.iss {
  color: #196175;
  background-color: #d0e6ec;
  border: none;
  border: 3px solid #fff;
}

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

button.iss_purple,
.button.iss_purple {
  color: #565cae;
  background-color: rgba(105,111,182,.25);
  border: none;
  border: 3px solid #fff;
}

button.iss_purple:hover,
.button.iss_purple:hover {
  color: #565cae;
  background-color: transparent;
  border: 3px solid #565cae;
  border-radius: 1px;
}

button.iss_green,
.button.iss_green {
  color: #006b4d;
  background-color: rgba(0,144,106,.25);
  border: none;
  border: 3px solid #fff;
}

button.iss_green:hover,
.button.iss_green:hover {
  color: #006b4d;
  background-color: transparent;
  border: 3px solid #006b4d;
  border-radius: 1px;
}

/* Accordion */
.iss_accordion span.ghostkit-accordion-item-label, .iss_accordion .kt-blocks-accordion-title {
	color: #555555 !important;
  	font-weight: 700 !important;
 	padding: 0px 2em !important;
}
.iss_accordion .ghostkit-accordion-item-active a span svg.ghostkit-svg-icon {
  	color: #fff !important;
}

.iss_accordion a.ghostkit-accordion-item-heading, .iss_accordion .kt-accordion-pane .kt-accordion-header-wrap {
   	color: #555555 !important;
   	background-color: #ebebeb !important;
   	border-top: 1px solid #555555 !important;
}
.iss_accordion .ghostkit-accordion-item-active a.ghostkit-accordion-item-heading {
  	color: #fff !important;
  	background-color: #20667a !important;
  	border-top: none;
}
.iss_accordion .kt-accordion-header-wrap .kt-accordion-panel-active {
	  	background-color: #20667a !important;
}
.iss_accordion .ghostkit-accordion-item-active a.ghostkit-accordion-item-heading span, .iss_accordion .kt-accordion-panel-active .kt-blocks-accordion-title {
   color: #fff !important;
}
.kt-accordion-panel-active.kt-blocks-accordion-header:focus .kt-blocks-accordion-icon-trigger:after {
	background: #fff !important;
}
/* Alert */
.iss_alert {
	border-color: #20667a !important;
} 

.iss_alert .ghostkit-alert {
	margin: 10px 110px;
    border: var(--gkt-alert__border-width) solid var(--gkt-alert__border-color);
    border-left-width: var(--gkt-alert__border-left-width);
    border-radius: 0px;
    -webkit-transition: var(--gkt-alert__transition-duration) border-color var(--gkt-alert__transition-easing);
    -o-transition: var(--gkt-alert__transition-duration) border-color var(--gkt-alert__transition-easing);
    transition: var(--gkt-alert__transition-duration) border-color var(--gkt-alert__transition-easing);
}

.iss_alert .ghostkit-alert-content p strong em {
	color: #20667a !important;
}

.iss_alert .ghostkit-alert-content h5 strong em {
	color: #20667a !important;
	font-weight: 900 !important;
}

.iss_alert .ghostkit-alert-content p {
	color: #20667a !important;
	font-weight: 500;
}

.iss_alert .ghostkit-alert-content p strong {
	color: #20667a !important;
}

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


/* Tabs */
.iss_tabs .ghostkit-tabs-content {
	padding: 60px 60px 0px 20px;
	background-color: #e8f3f6;
}

.isstab_title {
	color: #196175;
}

.isstab_primary {
	color: #eaf6f7;
}

.isstab_second {
	color: #327d95;
}

.isstab_third {
	color: #1f667b;
}

.isstab_fourth{
	color: #165261;
}

.isstab_fifth {
	color: #114251;
}

.isstab_callout-box {
	background-color: #d0e6ec;
}

/* Callout Box */
.iss_callout {
	background-color: #eaf6f7;
	border-radius: 190px 0px 190px 0px;
}
.ghostkit-accordion-item-content .iss_callout, .ghostkit-tabs-content .iss_callout {
	background-color: #cee0e7;
}
.iss_callout h3 {
	color:  #3b7d91;
}
.iss_callout .gform_fields {
	text-align: left;
    background: #fff;
    padding: 1em;
    margin: 1em;
}
.iss_themed {
	color: #3b7d91 !important;
}

.textsquare_iss {
	color: #3b7d91;
}

/** ISS Primary Section Colors **/
.has-iss-primary-background-background-color {
	background-color: #D0E6EC;
}

.has-iss-primary-background-background-color h2 {
	color: #555556;
}

.has-iss-primary-background-background-color .genform input[type="text" i] {
	color: #D0E6EC !important;
}

.has-iss-primary-background-background-color .wp-block-quote p {
	color: #196175 !important;
}

.has-iss-primary-background-background-color .wp-block-quote cite {
	color: #196175 !important;
	font-weight: 900 !important;
	font-style: italic;
}

.has-iss-primary-background-background-color svg.ghostkit-svg-icon {
	color: #196175 !important;
}

.has-iss-primary-background-background-color .wp-block-spacer {
	color: #196175 !important;
}

.has-iss-primary-background-color {
	color: #D0E6EC;
}

/** ISS Secondary Section Colors **/
.has-iss-secondary-background-background-color {
	background-color: #EAF6F7;
}
.has-iss-secondary-background-color {
	color: #EAF6F7;
}

.has-iss-secondary-background-color h2 {
	color: #555556;
}

.special-class-1{
	background: green
}

/***UHIP special ***/
.new-number-block > .wp-block-column {
	    min-height: 460px;
	position: relative;
}
.new-number-block .btn-block {
    position: absolute;
    bottom: 0;
	left: 0;
}
.new-number-block .issbutton_primary {
	justify-content: center;
	display: flex;
}
.new-number-block .issbutton_primary .button {
    margin-left: -15px;
    margin-right: -15px;
    background-color: #1D6277 !important;
    border: solid 4px #1D6277 !important;
}
.new-number-block .issbutton_primary .button:hover {
    background-color: #ffffff !important;
}
.new-number-block .issbutton_primary .button a {
    color: #ffffff !important;
}
.new-number-block .issbutton_primary .button:hover a {
    color: #1D6277 !important;	
}
.new-number {
	padding-top: 2em;
    gap: 0em !important;
    margin-bottom: 15px;
}
.new-number p {
	font-size: 92px !important;
	font-family: 'Tradegothic' !important;	
}
.number-subtitle {
	font-size: .75rem;
    color: #1D6277 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: .1em;
}