/* new styles for EduCanada refresh added Mar 30, 2022 */

h1.edu:after {
	background: #faae4c none repeat scroll 0 0;
	content: "";
	display: block;
	height: 3px;
	margin-top: 7px;
	width: 30%;
}

h1.edu {
  border-bottom: none!important;/*font-size: 38px;*/
  color: #000 !important;	
  font-size: 170%;
}

h1.edu.center {
	border-bottom: none!important;
	/*font-size: 38px;*/
	text-align: center;
}

h1.edu.center:after {
	background: #faae4c none repeat scroll 0 0;
	content: "";
	display: block;
	height: 3px;
	margin-top: 7px;
	margin-left: none;
	margin-right: auto;
	width: 30%;
}

h1.edu.plain:after {
	background: none;
}

/* H2 */
h2.edu:after {
	background: #42806E none repeat scroll 0 0;
	content: "";
	display: block;
	height: 3px;
	margin-top: 7px;
	width: 100px;
}

h2.edu {
  border-bottom: none!important;/*font-size: 38px;*/
  color: #42806E !important;
  bacground: #ffffff;
  font-size: 140%;
}

h2.edu.center {
	border-bottom: none!important;
	/*font-size: 38px;*/
	text-align: center;
}

h2.edu.center:after {
	background: #42806E none repeat scroll 0 0;
	content: "";
	display: block;
	height: 3px;
	margin-top: 7px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

h2.edu.plain:after {
	background: none;
}

h2.edu a {text-decoration: inherit; font-weight: inherit !important; font-size: inherit !important; color: #42806E !important; }






/* H2 v2*/
h2.edu2:after {
	background: #414141 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 3px;
	margin-top: 7px;
	width: 70px;
}

h2.edu2 {
  border-bottom: none!important;/*font-size: 38px;*/
  color: #414141 !important;	
  font-size: 140%;
}

h2.edu2.center {
	border-bottom: none!important;
	/*font-size: 38px;*/
	text-align: center;
}

h2.edu2.center:after {
	background: #414141 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 3px;
	margin-top: 7px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

h2.edu2.plain:after {
	background: none;
}
          
h2.edu2 a{text-decoration: inherit; font-weight: inherit !important; font-size: inherit !important; color: #414141 !important; }
        
          
h3.edu{
  
 color: #000 !important;
 font-size: 180%;
 margin: 15px;
  
}
          
h3.edu a {text-decoration: inherit; font-weight: inherit !important; font-size: inherit !important; color: #000 !important; }


h4.edu{
  
 color: #000 !important; /*darker version of brand color to pass contrast (dark orange: A85B31 */
 font-size: 160%;
 margin-top: 5px;
  
}
          
h4.edu a {text-decoration: underline; font-weight: inherit !important; font-size: inherit !important; color: #000 !important; }
          

/* default links */

/* unvisited link */
a.edu:link {color: #417D6C !important; }

/* visited link */
a.edu:visited {color: #363e7c !important;}

/* mouse over link */
a.edu:hover {color: #db763f !important;}

/* selected link */
a.edu:active {color: #363e7c !important;}


/* important link */


/* unvisited link */
a.edu-bg:link {color: #417D6C !important; font-size: 130%; font-weight: 600;}

/* visited link */
a.edu-bg:visited {color: #363e7c !important;}

/* mouse over link */
a.edu-bg:hover {color: #db763f !important;}

/* selected link */
a.edu-bg:active {color: #363e7c !important;}



/* round corners boxes */


.educanbox{
  
  border-radius: 25px;
  padding: 20px; 
  width: auto;
  height: auto; 
  margin: 10px;
  
}
  
.educanbox2{
  
  border-radius: 10px;
  padding: 10px; 
  max-width: 250px;
  height: auto; 
  margin: 10px; 
  font-size: 110%;
}
.educanbox2 a{color: white !important;}                 
                 
.educanbox a, .educanbox p { color: #000 !important; opacity: 1;}
.educanbox a  { font-size: 110%;}

.educanbox:hover {opacity: 0.8; cursor: pointer;}              
 
 /*box with border and white bg */
                            
 .educanbox-border-orange{
  
  border-radius: 25px;
  padding: 10px; 
  max-width: 250px;
  height: auto; 
  margin: 10px;
  border: 4px solid #DB763F;
  
}  

 .educanbox-border-grey{
  
  border-radius: 25px;
  padding: 10px; 
  max-width: 250px;
  height: auto; 
  margin: 10px;
  border: 4px solid #6d6863;
  
}                            
                            
  .educanbox-border-blue{
  
  border-radius: 25px;
  padding: 10px; 
  max-width: 250px;
  height: auto; 
  margin: 10px;
  border: 4px solid #2CA0C8;
  
}

 .educanbox-border-green{
  
  border-radius: 25px;
  padding: 10px; 
  max-width: 250px;
  height: auto; 
  margin: 10px;
  border: 4px solid #529F92;
  
}  
                            

   
   
   
              
#edubox-yellow {
  border-radius: 25px;
  background: #FAAF4C;
  padding: 20px; 
  width: 200px;
  height: 160px;  
}


#edubox-blue {
  border-radius: 25px;
  background: #2CA0C8;
  padding: 20px; 
  width: 200px;
  height: 160px;  
}

#edubox-light {
  border-radius: 25px;
  background: #FAF9F5;
  padding: 20px; 
  width: 200px;
  height: 160px;  
}

#edubox-orange {
  border-radius: 25px;
  background: #DB763F;
  padding: 20px; 
  width: 200px;
  height: 160px;  
}

#edubox-green {
  border-radius: 25px;
  background: #529F92;
  padding: 20px; 
  width: 200px;
  height: 160px;  
}

/* BUTTONS - GREEN*/

.edu-button{
  
  border-radius: 25px;
  padding: 5px 25px;
  background: #529F92;
  text-align: center;
  color: #000;
  font-size: 120%;
  font-weight: bold;
  display: inline-block;
  cursor: pointer;
  transition-duration: 0.4s;
}

.edu-button:hover {
  background-color: #80CCBF; /* ligher shade of green */
  color: #000 !important;
  text-decoration: none !important;
}

.edu-button a {
    color: #000 !important;
    text-decoration: none !important;
  
}
          
 
/* BUTTONS - border*/
          
.edu-btn-brd{
  
  border-radius: 25px;
  border: 2px solid #1D728F;
  padding: 10px 20px;
  text-align: center;
  color: #1D728F;  /*darker version of brand orange to pass contrast*/
  font-size: 110%;
  display: inline-block;
  cursor: pointer;
  transition-duration: 0.4s;
}

.edu-btn-brd:hover {
  background-color: #fff; /* ligher shade of grey */
  color: #1D728F !important;
}

.edu-btn-brd a {
    color: #1D728F !important;
  
}


/*backgrounds*/

.edu-yellowBG {background: #FAAF4C;}

.edu-blueBG {background: #2CA0C8;}

.edu-lightBG {background: #FAF9F5 !important;}

.edu-orangeBG {background: #DB763F;}

.edu-greenBG {background: #529F92;}

.edu-purpleBG{background: #363e7c;}

.edu-lgreyBG{background: #6d6863; }

.edu-dgreyBG{background: #414141; }




/*FONTS: COLOR*/          

.fontwhite{ color: #fff !important;}
.edu-fontblue{ color: #2CA0C8;} 
.edu-fontorange{ color: #DB763F;} 
.edu-fontgreen{ color: #529F92;} 
.edu-fontpurple{ color: #363e7c;} 
.edu-fontdgrey{ color: #414141;} 



/*focus bar: BLUE BG*/

.edu-focusBlue {
background: #2CA0C8; 
text-align: center;
color: #fff !important;
padding: 20px;
}

.edu-focusBlue h2, .edu-focusBlue h3 {
font-size: 180%; 
color: #fff !important;
font-family: Netto sans-serif;
}

.edu-focusBlue p {
font-size: 150%;
color: #fff !important;
padding: 20px;
}

.edu-focusBlue p: hover{
  
background: #414141;
text-decoration: underline;
    
}


/*focus bar: GREY BG*/

.edu-focusGrey {
background: #414141; 
text-align: center;
color: #fff !important;
padding: 20px;
}

.edu-focusGrey h2, .edu-focusGrey h3 {
font-size: 180%; 
color: #fff !important;
font-family: Netto sans-serif;
}

.edu-focusGrey p {
font-size: 150%;
color: #fff !important;
padding: 20px;
}




/* CENTER ELEMENT  */

.cntr{
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* RESIZE IMG  */

.img-c{
  width: 100px;
  height: auto;
}





/* END new styles */


/*
[id|="wb-body"], #wb-head-in {
		background-image: url(/images/educanada-bg.png) !important;
		background-repeat: repeat-x, no-repeat !important;
		background-position: center 3.08em !important;
		background-color: #fff !important;
	}*/

	.ui-btn-up-b {
		border: 1px solid #dbdad8;
		background: #6d6864 !important;
		font-weight: bold !important;
		color: white !important;
		text-shadow: 0 1px 1px #333 !important;
		background-image: none !important;
	}
	
	.ui-btn-hover-b {
		border: 1px solid #dbdad8 !important;
		background: #333 !important !important;
		font-weight: bold !important;
		color: white !important;
		text-shadow: 0 1px 1px #333 !important;
		background-image: none !important;
	}

.ui-btn-active {
    border: 1px solid #000 !important;
    background: #666 !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#666),to(#333)) !important;
    background-image: -webkit-linear-gradient(#666,#333) !important;
    background-image: -moz-linear-gradient(#666,#333) !important;
    background-image: -ms-linear-gradient(#666,#333) !important;
    background-image: -o-linear-gradient(#666,#333) !important;
    background-image: linear-gradient(#666,#333) !important;
    text-shadow: 0 1px 1px #333 !important;
}


@media screen and (max-width: 959px), screen and (max-device-width: 1023px) {
.ui-dialog h1, .ui-popup h1 {
    color: #fff !important;
}
}

}/*! Social media icons */
.followus {
                background-color: rgba(0, 0, 0, 0.0) !important;
                display: inline-block;
                margin-bottom: 15px;
                padding: 0px !important;
}
.followus h2 {
                display: inline;
                margin-left: 0px !important;
}
.followus ul li a {
                border: none !important;
}
.followus ul li a {
                margin-right: 5px !important;
                padding: 4px 30px 9px 0px !important;
}
.followus ul li a.facebook {
                background: url('https://www.international.gc.ca/gac-amc/assets/images/ip-pi/gac-amc-facebook.svg') no-repeat !important;
}
.followus ul li a.facebook:hover {
                background: url('https://www.international.gc.ca/gac-amc/assets/images/ip-pi/gac-amc-facebook-hover.svg') no-repeat !important;
}
.followus ul li a.twitter {
                background: url('https://www.international.gc.ca/gac-amc/assets/images/ip-pi/gac-amc-twitter.svg') no-repeat !important;
}
.followus ul li a.twitter:hover {
                background: url('https://www.international.gc.ca/gac-amc/assets/images/ip-pi/gac-amc-twitter-hover.svg') no-repeat !important;
}
.followus ul li a.youtube {
                background: url('https://www.international.gc.ca/gac-amc/assets/images/ip-pi/gac-amc-youtube.svg') no-repeat !important;
}
.followus ul li a.youtube:hover {
                background: url('https://www.international.gc.ca/gac-amc/assets/images/ip-pi/gac-amc-youtube-hover.svg') no-repeat !important;
}
.followus ul li a.linkedin {
                background: url('https://www.international.gc.ca/gac-amc/assets/images/ip-pi/gac-amc-linkedin.svg') no-repeat !important;
}
.followus ul li a.linkedin:hover {
                background: url('https://www.international.gc.ca/gac-amc/assets/images/ip-pi/gac-amc-linkedin-hover.svg') no-repeat !important;
}
.followus ul li a.instagram {
                background: url('https://www.international.gc.ca/gac-amc/assets/images/ip-pi/gac-amc-instagram.svg') no-repeat !important;
}
.followus ul li a.instagram:hover {
                background: url('https://www.international.gc.ca/gac-amc/assets/images/ip-pi/gac-amc-instagram-hover.svg') no-repeat !important;
}
#mb-pnl .srch-pnl label, #mb-pnl h3, #wb-bc h2, #wb-glb-mn h2, #wb-info h2, #wb-lng h2, #wb-sec h2, #wb-sm h2, #wb-srch h2, #wb-srch label, .wb-calevt-cal .cal-days td ul, .wb-fnote dt, .wb-inv, .wb-invisible, .wb-show-onfocus, .wb-sl {
                clip: rect(1px,1px,1px,1px);
                height: 1px;
                margin: 0;
                overflow: hidden;
                position: absolute;
                width: 1px
}









