/* Giving template CSS */
@font-face {
  font-family: McGillCampSans;
  src: url(/common/webfonts/mcgill/McGillSans-Regular.eot); 
  src: url(/common/webfonts/mcgill/McGillSans-Regular.woff2) format("woff2"),
       url(/common/webfonts/mcgill/McGillSans-Regular.woff) format("woff"),
       url(/common/webfonts/mcgill/McGillSans-Regular.ttf)  format("truetype") 
}

@font-face {
    font-display:swap;
    font-family:
    font-style:normal;
    font-weight:400;
    src:url(/common/webfonts/mcgill/McGillSans-Regular.eot);
    src:url(/common/webfonts/mcgill/McGillSans-Regular.woff2) format("woff2"),
        url(/common/webfonts/mcgill/McGillSans-Regular.woff) format("woff"),
        url(/common/webfonts/mcgill/McGillSans-Regular.ttf) format("ttf")
}

@font-face {
    font-display:swap;
    font-family:McGillCampSans;
    font-style:italic;
    font-weight:400;
    src:url(/common/webfonts/mcgill/McGillSans-Italic.eot);
    src:url(/common/webfonts/mcgill/McGillSans-Italic.woff2) format("woff2"),
        url(/common/webfonts/mcgill/McGillSans-Italic.woff) format("woff"),
        url(/common/webfonts/mcgill/McGillSans-Italic.ttf) format("ttf")
}

@font-face {
    font-display:swap;
    font-family:McGillCampSans;
    font-style:normal;
    font-weight:500;
    src:url(/common/webfonts/mcgill/McGillSans-Medium.eot);
    src:url(/common/webfonts/mcgill/McGillSans-Medium.woff2) format("woff2"),
        url(/common/webfonts/mcgill/McGillSans-Medium.woff) format("woff"),
        url(/common/webfonts/mcgill/McGillSans-Medium.ttf) format("ttf")
}

@font-face {
    font-display:swap;
    font-family:McGillCampSans;
    font-style:italic;
    font-weight:500;
    src:url(/common/webfonts/mcgill/McGillSans-MediumItalic.eot);
    src:url(/common/webfonts/mcgill/McGillSans-MediumItalic.woff2) format("woff2"),
        url(/common/webfonts/mcgill/McGillSans-MediumItalic.woff) format("woff"),
        url(/common/webfonts/mcgill/McGillSans-MediumItalic.ttf) format("ttf")
}

@font-face {
    font-display:swap;
    font-family:McGillCampSans;
    font-style:normal;
    font-weight:700;
    src:url(/common/webfonts/mcgill/McGillSans-Bold.eot);
    src:url(/common/webfonts/mcgill/McGillSans-Bold.woff2) format("woff2"),
        url(/common/webfonts/mcgill/McGillSans-Bold.woff) format("woff"),
        url(/common/webfonts/mcgill/McGillSans-Bold.ttf) format("ttf")
}

@font-face {
    font-display:swap;
    font-family:McGillCampSans;
    font-style:italic;
    font-weight:700;
    src:url(/common/webfonts/mcgill/McGillSans-BoldItalic.eot);
    src:url(/common/webfonts/mcgill/McGillSans-BoldItalic.woff2) format("woff2"),
        url(/common/webfonts/mcgill/McGillSans-BoldItalic.woff) format("woff"),
        url(/common/webfonts/mcgill/McGillSans-BoldItalic.ttf) format("ttf")
}            
                                  
@font-face {
  font-family: McGillCampSerif;
  src: url(/common/webfonts/mcgill/McGillSerif-Regular.eot); 
  src: url(/common/webfonts/mcgill/McGillSerif-Regular.woff2) format("woff2"), 
       url(/common/webfonts/mcgill/McGillSerif-Regular.woff) format("woff"), 
       url(/common/webfonts/mcgill/McGillSerif-Regular.ttf)  format("truetype") 
}    
           
@font-face {
    font-family: McGillCampSerifBold;
    src: url(/common/webfonts/mcgill/McGillSerif-Bold.eot);
    src: url(/common/webfonts/mcgill/McGillSerif-Bold.woff2) format("woff2"),
        url(/common/webfonts/mcgill/McGillSerif-Bold.woff) format("woff"), 
        url(/common/webfonts/mcgill/McGillSerif-Bold.ttf)  format("truetype")
}
            
@font-face {
    font-display:swap;
    font-family:McGillCampSerif;
    font-style:normal;
    font-weight:400;
    src:url(/common/webfonts/mcgill/McGillSerif-Regular.eot);
    src:url(/common/webfonts/mcgill/McGillSerif-Regular.woff2) format("woff2"),
        url(/common/webfonts/mcgill/McGillSerif-Regular.woff) format("woff"),
        url(/common/webfonts/mcgill/McGillSerif-Regular.ttf) format("ttf")
}
            
@font-face {
    font-display:swap;
    font-family:McGillCampSerif;
    font-style:italic;
    font-weight:400;
    src:url(/common/webfonts/mcgill/McGillSerif-Italic.eot);
    src:url(/common/webfonts/mcgill/McGillSerif-Italic.woff2) format("woff2"),
        url(/common/webfonts/mcgill/McGillSerif-Italic.woff) format("woff"),
        url(/common/webfonts/mcgill/McGillSerif-Italic.ttf) format("ttf")
}
            
@font-face {
 font-display:swap;
 font-family:McGillCampSerif;
 font-style:normal;
 font-weight:500;
 src:url(/common/webfonts/mcgill/McGillSerif-Medium.eot);
 src:url(/common/webfonts/mcgill/McGillSerif-Medium.woff2) format("woff2"),
    url(/common/webfonts/mcgill/McGillSerif-Medium.woff) format("woff"),
    url(/common/webfonts/mcgill/McGillSerif-Medium.ttf) format("ttf")
}

@font-face {
    font-display:swap;
    font-family:McGillCampSerif;
    font-style:italic;
    font-weight:500;
    src:url(/common/webfonts/mcgill/McGillSerif-MediumItalic.eot);
    src:url(/common/webfonts/mcgill/McGillSerif-MediumItalic.woff2) format("woff2"),
        url(/common/webfonts/mcgill/McGillSerif-MediumItalic.woff) format("woff"),
        url(/common/webfonts/mcgill/McGillSerif-MediumItalic.ttf) format("ttf")
}
@font-face {
    font-display:swap;
    font-family:McGillCampSerif;
    font-style:normal;
    font-weight:700;
    src:url(/common/webfonts/mcgill/McGillSerif-Bold.eot);
    src:url(/common/webfonts/mcgill/McGillSerif-Bold.woff2) format("woff2"),
        url(/common/webfonts/mcgill/McGillSerif-Bold.woff) format("woff"),
        url(/common/webfonts/mcgill/McGillSerif-Bold.ttf) format("ttf")
}
@font-face {
    font-display:swap;
    font-family:McGillCampSerif;
    font-style:italic;
    font-weight:700;
    src:url(/common/webfonts/mcgill/McGillSerif-BoldItalic.eot);
    src:url(/common/webfonts/mcgill/McGillSerif-BoldItalic.woff2) format("woff2"),
        url(/common/webfonts/mcgill/McGillSerif-BoldItalic.woff) format("woff"),
        url(/common/webfonts/mcgill/McGillSerif-BoldItalic.ttf) format("ttf")
}
/* Page body width */
.ua-camp-page-section{
    padding:10px 0;
    max-width: 1020px;
    margin:0 auto;
}
header{
    height: 94px;
    border-bottom: 1px solid #f4f4f4;
    position: fixed;
    top: 0; 
    width: 100%;
    z-index:1001;
    background:white;                              
}
body, h1, h2, h3, h4{
    font-family: "McGillCampSans","Helvetica Neue","Helvetica","Arial","sans-serif";
}  
            
#header a{
    color:#000;
    text-decoration:none;
} 
#header a:hover{
    color:red;
}
#ua-header-space{
    height: 94px;
    display: inherit;
}
/* Header width */   
#ua-inner-header-container{
    max-width: 1020px;
    margin: 0 auto;
    padding: 0;                                                                                       
}

/*TOP NAV MENU */
.ua-top-nav-ul{
    margin: 0 auto;
    padding: 0 0 0 80px;
    width: fit-content;
}
.ua-top-nav-li {
    display: inline-flex;
    list-style: none;
    padding: 20px 16px; 
   
}
.ua-top-nav-li a{
    display: inline-block;
    font-size: 16px;
    
}           
.ua-top-nav-li a::after {
    content: '';
    display: block;
    width: 0;
    padding:5px 0 28px 0;
    margin:0 auto;
    border-bottom: 1px solid red;
    height: 2px;
    transition: width .3s;
}

.ua-top-nav-li a:hover::after {
    width: 100%;
}                                 

              




#ua-content{
    padding-top:90px; 
}            

.ua-middle-alignment{
    display: inline-block;
    width: 100%;
    padding:15px 0 0 0;
}





/*** HAMBURGER LOGO ***/

#ua-hamburger-logo-ani{
  width: 25px;
  height: 30px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  cursor: pointer;
}
#ua-hamburger-logo-ani span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #333;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}
#ua-hamburger-logo-ani span:nth-child(1) {
  top: 0px;
}

#ua-hamburger-logo-ani span:nth-child(2),#ua-hamburger-logo-ani span:nth-child(3) {
  top: 9px;
}

#ua-hamburger-logo-ani span:nth-child(4) {
  top: 18px;
}

#ua-hamburger-logo-ani.ua-icon-open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#ua-hamburger-logo-ani.ua-icon-open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#ua-hamburger-logo-ani.ua-icon-open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#ua-hamburger-logo-ani.ua-icon-open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}





/*** NAVIGATION MENU ***/ 
 
 
#ua-top-hamburger-menu{
    display:none;
    position:absolute;
    top: 60px;
    left:0px;
    background:#FFF;
    padding:0;
    width:100%;
    height:95%;
    z-index:999;
    
}
#ua-top-hamburger-menu-desktop{
    display:none;
    position:relative;
    top: 28px;
    background:#FFF;
    padding:0;
    width:300px;
    z-index:1010;
    
}            
.ua-top-hamburger-nav-ul{
    padding: 0;
}
.ua-top-hamburger-nav-li{
    list-style: none;
    padding: 20px 18px;
    position: relative;
    border-top:1px solid #EEE;
    font-size:16px;
                
}
.ua-top-hamburger-nav-li a{
    color:#333;
    text-decoration:none;
} 
.ua-top-hamburger-nav-li a:hover{
    color:red;
}                                      
#ua-top-hamburger-menu.ua-hm-open, #ua-top-hamburger-menu-desktop.ua-hm-open{
    display:block;
}
.ua-hm-hide{
    display:none;
} 



                                                        
#ua-top-hamburger-menu-container{
    padding:20px 0;              
}
#ua-top-giving-image-container{ 
    padding:0;
}
#ua-giving-image-top-div{ 
    padding:15px 0;
    width: fit-content;  
}            
#ua-top-give-button-container{
    text-align:right;
    padding:18px 5px;               
}

#ua-language-switch-div{
    display:inline;
}            

#ua-give-skin-top-logo{
    width:180px;
}  

#ua-tpl-language-switcher-link{
    padding:0 15px 0 0;
    font-size: 14px;
}
.ua-top-give-button{
    border-radius: 6px;
    background-color: #e81a20;
    border: 2px solid #e81a20;
    font-size: 16px;
    height: 35px;
    color: white !important;
    cursor: pointer;
    padding: 6px 15px;
    white-space: nowrap;    
}

.ua-top-give-button:hover{
    background-color: #CE0006;
    border: 2px solid #CE0006;         
}  
             

 
 
/*** FOOTER ***/     
footer{
    background-color:#000;
    color:#CACACA;
    font-family:McGillCampSans, Helvetica, Arial, sans-serif;
}
footer a{
    color:#dadada;
}
footer a:hover{
    color:#ffffff;
} 
/* Footer width */
#ua-footer-section-row{
    max-width: 1020px;
    margin:0 auto;
    padding:35px 0;
    
}                                          
.ua-footer-heading{
    font-size:1.5em;
    font-weight:500;
    color:#fafafa;
    padding:5px 0;                
}
.ua-footer-link-table td{
    padding:10px 10px 5px 0;
    font-size:14px;    
}

           
                    
.ua-soc-media-icon{
    float:left;
    font-size:9px;
    margin-right:20px;                             
}

#ua-footer-soc-media-row{
    width:100%;
    float:left;
}
a.ua-facebook-icon:hover, a.ua-instagram-icon:hover, a.ua-twitter-icon:hover, a.ua-youtube-icon:hover, a.ua-linkedin-icon:hover  {
    background-position: bottom;
} 
 /*** END FOOTER ***/ 



              
/* adjust some elements on mobile */
@media (max-width: 990px) {
    header{
        height:60px;
    }
    #ua-header-space{
        height: 60px;
    }
    .ua-middle-alignment{
        padding: 0;
        display:block;

    }
    #ua-giving-image-top-div{                                   
        margin:0 auto; 
    }
    #ua-give-skin-top-logo{
        width:190px;
    }                  
                               
    .ua-soc-media-icon{
        font-size:18px;
        margin-right:15px;           
    }
    /* Page body width */
    .ua-camp-page-section{
        padding:10px 15px;
    }
    /* Header width */   
    #ua-inner-header-container{
        padding:0 15px;
    }
    /* Footer width */
    #ua-footer-section-row{
        padding:35px 15px;        
    }      
                                         
}

@media (max-width: 760px) {
    #ua-give-skin-top-logo{
        width:140px;
    }
    #ua-language-switcher-link {
        padding: 0 10px 0 0;
    }                
    .ua-middle-alignment {
        padding: 3px 4px;
    }
    #ua-footer-col-1, #ua-footer-col-2,  #ua-footer-col-3{
        padding-bottom: 30px;
    }                              

}