html { font-size: 62.5%; } /* ##    ## 12px = 1.2rem*/
body {
    font-family: 'Open Sans','Helvetica', 'Arial', sans-serif;
    color:#111111;
    -webkit-font-smoothing: antialiased; 
        /* Non standard for webkit */
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    word-wrap:normal;
}

a {
   outline: 0;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

a:hover {
    color:#99000d;  
    text-decoration: underline;
}

a:active {color:#FF0015;}  

.center{text-align:center;}

small{
    font-weight:600;
    font-size:12px;
    font-size:1.2rem;
    line-height: 13px;
    line-height: 1.3rem;
    color:#111111;
    display: inline-block;
}

/*
## Headings and paragraphs
```
    <h1>H1 - The quick brown fox jumps over the lazy dog.</h1>
    <h2>H2 - The quick brown fox jumps over the lazy dog.</h2>
    <h3>H3 - The quick brown fox jumps over the lazy dog.</h3>
    <h4>H4 - The quick brown fox jumps over the lazy dog.</h4>
    <h5>H5 - The quick brown fox jumps over the lazy dog.</h5>
    <h6>H6 - The quick brown fox jumps over the lazy dog.</h6>
    <span class="page-type"> page type</span>
          
```
*/


h1{ 
    font-weight: 700;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 45px;
    line-height: 4.5rem;
    margin-top: 2px;
    margin-bottom: 24px;
}

h2{ 
    font-weight: 700;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3.0rem;
    margin-top: 36px;    
    margin-bottom: 14px;
}

h3{ 
    font-weight: 600; 
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin-top: 24px;  
    margin-bottom: 14px;
}

h4{ 
    font-weight: 600; 
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.0rem; 
    margin-top: 24px;
    margin-bottom: 12px;
}

h5{ 
    font-weight: 600;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    margin-top: 0;  
    margin-bottom: 12px;
}

h6{ 
    font-weight: 600;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4rem;
    line-height: 14px;
    margin-top: 0;  
    margin-bottom: 12px;
}

.page-type{
    color:#bbbbbb;
    font-weight: 600;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3.0rem;
    margin-top: 9px;    
    display: inline-block;
}

/*## Lists
```
    <ul>
        <li>simple list item 1</li>
        <li>simple list itme 2</li>
    </ul>15px

    <ol>
        <li>ordered list item 1</li>
        <li>ordered list item 2</li>
    </ol>

    <ol type="a">
        <li>ordered list item 1</li>
        <li>ordered list item 2</li>
    </ol>

    <dl class="dl-horizontal">
        <dt>Definitons heading</dt>
        <dd>definition description<dd>
    </dl>
```
*/

ul{
    list-style-position: outside;
    margin-top: 0;
    margin-bottom: 24px;
}

ol{
    list-style-position: outside;
    margin-top: 0; 
    margin: 15px 0;
}

li{
    font-family: 'Open Sans','Helvetica', 'Arial', sans-serif; 
    color:#111111;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
}

dl {
    margin: 20px 0px;
    font-size: 16px;
    font-size: 1.6rem;
}

ul.icon-descr-list {list-style: none; padding-left:0;}
ul.icon-descr-list li {line-height: 36px;}
ul.icon-descr-list img {margin-right:10px;}

/****** CUSTOM LISTS ******/

/* Styled custom-counter ordered list */
/* Done for UC Go Canterbury offer - should be made generic */

.custom-counter {
  counter-reset: step-counter;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.custom-counter > li {
  padding: 5px 0 10px 5rem;
  position: relative;
}

.custom-counter > li::before {
  content: counter(step-counter, decimal);
  counter-increment: step-counter;
  border-radius: 50%;
  background-color: #cc0011;
  color: white;
  font-weight: bold;
  width: 3.5rem;
  /*height: 3.5rem;
  line-height: 3.5rem;*/
  padding: 0.5rem 0;
  text-align: center;
  margin-top: 5px;
  position: absolute;
  top: 0;
  left: 0;
}

.custom-counter ul {
	padding-left: 2.5rem;
}

.custom-counter h3 {
	margin-top: 5px;
	color: #cc0011;
}

/*
## Typography
```
<p class="lead">Lead - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sit amet lorem ut risus mollis molestie ac vitae mi.</p>

<p>p - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sit amet lorem ut risus mollis molestie ac vitae mi. Quisque et faucibus arcu. Curabitur sollicitudin eleifend dui, sit amet blandit ligula aliquet vel.</p>

<blockquote>Blockquote - This ia a blockquote. Try-hard street art keytar, food truck irony magna chia small batch minim</blockquote>

<small>small - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sit amet lorem ut risus mollis molestie ac vitae mi. Quisque et faucibus arcu. Curabitur sollicitudin eleifend dui, sit amet blandit ligula aliquet vel.</small>

<p class="semi-bold">semi bold -  Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

```
*/
p, address{
    font-family: 'Open Sans','Helvetica', 'Arial', sans-serif; 
    color:#111111;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin-top: 10px;
    margin-bottom: 14px;
    

}

p.lead, span.lead{
    font-family: 'Open Sans','Helvetica', 'Arial', sans-serif; 
    color:#999999;
    font-weight:400;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3.0rem;
    margin-top: 0px;  
    margin-bottom: 24px;
}

blockquote{
    color:#111111;
    font-weight: 400;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin-top: 24px;  
    margin-bottom: 24px;
}

.semi-bold{
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height:2.4rem;
    margin-top: 0; 
    margin-bottom: 36px;
}

.news-date{
    color:#bbbbbb;
    padding-top:10px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height:2.4rem;
    margin:0px 0px 0px 0px;
    font-family: 'Open Sans', sans-serif;  
}

.img-heading .img-responsive {
	width: auto;
}

table{margin:20px 0px;}

table.table {
    border: 2px solid #eeeeee;
    color:#111111;
    font-size: 14px;
}
table.table p {margin-bottom: 0px; margin-top: 0px}
table[style] {width:100% !important; height: auto !important}

table.table > thead > tr > th,
table.table > tbody > tr > th,
table.table > tfoot > tr > th,
table.table > thead > tr > td,
table.table > tbody > tr > td,
table.table > tfoot > tr > td {
  padding: 5px;
}
table.table tr td, table.table tr th {border: 1px solid #eef0f0;}
/*## External links 
The icon appears only for external links contained in .main-page-content, 
external links in header and footer navigation appear without icon.
```
<div class="main-page-content">
    
    <a href="http://wikipedia.com">Wikipedia</a>

</div>
```
*/
.main-page-content a[href^="http://"]:not([href*="canterbury.ac.nz"]):after,
.main-page-content a[href^="https://"]:not([href*="canterbury.ac.nz"]):after{
    padding-left:4px;
    content: "\f08e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.main-page-content a[href^="http://"]:hover:not([href*="canterbury.ac.nz"]):after{
    text-decoration: none;
}
.main-page-content a[href^="http://"]:not([href*="canterbury.ac.nz"]),
.main-page-content a[href^="https://"]:not([href*="canterbury.ac.nz"]){
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    color: #cc0011;
}


/*
## Base Button
```
    <a href="#" class="btn standard-button btn-block primary-button">Primary Button</a>
    <a href="#" class="btn standard-button btn-block info-button">Info Button</a>
    <a href="#" class="btn standard-button btn-block success-button">Success Button</a>
    <a href="#" class="btn standard-button btn-block default-button">Default Button</a>
    <a href="#" class="btn standard-button btn-block disabled-button">Disabled Button</a>
    <a href="#" class="btn standard-button btn-block static-button">Static Button</a>
```*/
.primary-button{
    background-color:#cc0011;
    color:#ffffff;
    border:none;
    border-radius:0px;
    font-size:1.8rem;
    font-size: 18px;
}
    
    .primary-button:hover{
        background-color:#99000d;
        color:#ffffff;
        -webkit-transition: 0.25s linear;
        -moz-transition: 0.25s linear;
        -o-transition: 0.25s linear;
        transition: 0.25s linear;
    }

    .primary-button:active{
        background-color:#99000d;
        color:#ffffff;
        box-shadow:none;
    }

.darkgray-button{
    background-color:#444444;
    color:#ffffff;
    border:none;
    border-radius:0px;
    font-size:1.8rem;
    font-size: 18px;
}

    
    .darkgray-button:hover{
        background-color:#111111;
        color:#ffffff;
        -webkit-transition: 0.25s linear;
        -moz-transition: 0.25s linear;
        -o-transition: 0.25s linear;
        transition: 0.25s linear;
    }

    .darkgray-button:active{
        background-color:#111111;
        color:#ffffff;
        box-shadow:none;
    }

.info-button{
    background-color:#235f9c;
    color:#ffffff;
    border:none;
    border-radius:0px;
    font-size: 18px;
    font-size:1.8rem;
}
    
    .info-button:hover{
        background-color:#003366;
        color:#ffffff;
        -webkit-transition: 0.25s linear;
        -moz-transition: 0.25s linear;
        -o-transition: 0.25s linear;
        transition: 0.25s linear;
    }

    .info-button:active{
        background-color:#003366;
        color:#ffffff;
        box-shadow:none;
    }

.success-button{
    background-color:#1abc9c;
    color:#ffffff;
    border:none;
    border-radius:0px;
    font-size: 18px;
    font-size:1.8rem;
}
    
    .success-button:hover{
        background-color:#16a085;
        color:#ffffff;
        -webkit-transition: 0.25s linear;
        -moz-transition: 0.25s linear;
        -o-transition: 0.25s linear;
        transition: 0.25s linear;
    }

    .success-button:active{
        background-color:#16a085;
        color:#ffffff;
        box-shadow:none;
    }

.default-button{
    background-color:#bbbbbb;
    color:#ffffff;
    border:none;
    border-radius:0px;
    font-size: 18px;
    font-size:1.8rem;
}
    
    .default-button:hover{
        background-color:#999999;
        color:#ffffff;
        -webkit-transition: 0.25s linear;
        -moz-transition: 0.25s linear;
        -o-transition: 0.25s linear;
        transition: 0.25s linear;
    }

    .default-button:active{
        background-color:#555555;
        color:#ffffff;
        box-shadow:none;
    }

.disabled-button{
    background-color:#cccccc;
    color:#aaaaaa;
    border:none;
    border-radius:0px;
    font-size: 18px;
    font-size:1.8rem;
}
    
    .disabled-button:hover{
        background-color:#cccccc;
        color:#aaaaaa;
        -webkit-transition: 0.25s linear;
        -moz-transition: 0.25s linear;
        -o-transition: 0.25s linear;
        transition: 0.25s linear;
    }

    .disabled-button:active{
        background-color:#cccccc;
        color:#aaaaaa;
        box-shadow:none;
    }
    
    .disabled-button:focus{
        background-color:#cccccc;
        color:#aaaaaa;
        box-shadow:none;
    }

.static-button{
    border:3px solid #cc0011;
    text-transform:uppercase;
    font-weight:600;
    line-height:18px;
    background: #ffffff;
}

    .static-button:hover{
        background-color:#cc0011;
        color:#ffffff;
    }
    
    .static-button:focus{
        background-color:#cc0011;
        color:#ffffff;
    }

/* 
##Button "Profiles"
```
<a href="#" class="btn huge-button btn-primary btn-block chevron-button"><span class="pull-left">Profiles</span><span class="arrow fui-arrow-right pull-right"></span></a>

<a href="#" class="btn large-button btn-primary btn-block chevron-button"><span class="pull-left">Profiles</span><span class="arrow fui-arrow-right pull-right"></span></a>

<a href="#" class="btn standard-button btn-primary btn-block chevron-button"><span class="pull-left">Profiles</span><span class="arrow fui-arrow-right pull-right"></span></a>

<a href="#" class="btn small-button btn-primary btn-block chevron-button"><span class="pull-left">Profiles</span><span class="arrow fui-arrow-right pull-right"></span></a>
 
```
*/

/* ##Button "Photos"
``` 
<a href="#" class="btn huge-button btn-primary btn-block icon-button"><span class="pull-left">Photos</span><span class="fa fa-camera-retro fa-lg pull-right"></span></a>

<a href="#" class="btn large-button btn-primary btn-block icon-button"><span class="pull-left">Photos</span><span class="fa fa-camera-retro fa-lg pull-right"></span></a>

<a href="#" class="btn standard-button btn-primary btn-block icon-button"><span class="pull-left">Photos</span><span class="fa fa-camera-retro fa-lg pull-right"></span></a>

<a href="#" class="btn small-button btn-primary btn-block icon-button"><span class="pull-left">Photos</span><span class="fa fa-camera-retro fa-lg pull-right"></span></a>
```
*/

/* ## Button "gray"
```
<div class="dark-grey-button-wrapper">
    <a href="#" class="dark-grey-button huge-button">Add to your calendar</a>
</div>

<div class="dark-grey-button-wrapper">
    <a href="#" class="dark-grey-button large-button">Add to your calendar</a>
</div>

<div class="dark-grey-button-wrapper">
    <a href="#" class="dark-grey-button standard-button">Add to your calendar</a>
</div>

<div class="dark-grey-button-wrapper">
    <a href="#" class="dark-grey-button small-button">Add to your calendar</a>
</div>
```
*/

.huge-button{
    display: inline-block;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 32px;
    line-height: 3.2rem;
}

.large-button{
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
}

.standard-button{
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 21px;
    line-height: 2.1rem;
}

.small-button{
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
}


.btn.chevron-button{
    background-color:#eeeeee;
    color:#333333;
    font-weight:600;
    padding-top: 0;
    padding-bottom:0;
    padding-right: 0px;
}

    .chevron-button:focus{
        background-color:#eeeeee;
        color:#333333;
    }

    .chevron-button:hover{
        background-color:#cccccc;
        color:#333333;
    }


    .chevron-button span {
        line-height: 2.5em;
    }

    .chevron-button .fa{
       background-color:#cc0011;
       color:#ffffff;
       margin:0px;
       font-weight: 600;
       padding:0px 1em;
       -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
       transition: border .25s linear, color .25s linear, background-color .25s linear;
    }

    .chevron-button:hover .fa{
       background-color:#99000d;
    }

    .chevron-button:active .fa{
       background-color:#99000d;
    }

/*    .small-button.chevron-button span.arrow{
       background-color:#cc0011;
       color:#ffffff;
       margin:0px;
       position:relative;
       top:-10px;
       left:15px;
       font-weight: 600;
       padding:8px 10px 8px 10px;
    }*/



.icon-button{
    /*background-color:#cc0011;*/
    color:#ffffff;
    border:none;
    border-radius:0px;
    text-transform:uppercase;
}

    .icon-button:focus{
        /*background-color:#99000d;*/
        color:#ffffff;
    }

    .icon-button:hover{
        /*background-color:#99000d;*/
        color:#ffffff;
    }
    
    .icon-button:active{
        /*background-color:#99000d;*/
        color:#ffffff;
        box-shadow:none;
    }
.icon-button .fa {line-height: 1em}

.dark-grey-button-wrapper{margin:0px 0px 30px 0px;}

.dark-grey-button{display:block;}
.dark-grey-button.small-button{line-height:24px}
.dark-grey-button.standard-button{line-height:30px}
.dark-grey-button.large-button{line-height:34px}
.dark-grey-button.huge-button{line-height:42px}

.dark-grey-button:link{text-align:center; font-weight:600; background-color:#444444; color:#ffffff; text-decoration:none; padding:5px 10px 5px 10px; border-radius:0px;}
.dark-grey-button:visited{text-align:center; font-weight:600; background-color:#444444; color:#ffffff; text-decoration:none; padding:5px 10px 5px 10px; border-radius:0px;}
.dark-grey-button:hover{text-align:center; font-weight:600; background-color:#111111; color:#ffffff; text-decoration:none; padding:5px 10px 5px 10px; border-radius:0px;}
.dark-grey-button:active{text-align:center; font-weight:600; background-color:#444444; color:#ffffff; text-decoration:none; padding:5px 10px 5px 10px; border-radius:0px;}

 
.dropdown-menu{margin-top:5px;}
   
#disqus_thread{margin: 20px 0}

.uc-dd2 .btn.btn-default.dropdown-toggle{
    background-color:#cc0011;
    color:#ffffff;
}

    .uc-dd2 .btn.btn-default.dropdown-toggle:hover{
        background-color:#99000d;
        color:#ffffff;
    }

    .uc-dd2 .btn.btn-default.dropdown-toggle:focus{background-color:#99000d;}

    .uc-dd2 .btn.btn-default.dropdown-toggle span{
          border-top-color:#ffffff;
    }

    .uc-dd2 .dropdown-menu{
        border:2px solid #bbbbbb; 
        border-radius:0px;
    }

    .uc-dd2 .dropdown-menu li a:link{background-color:#ffffff; color:#111111;}
    .uc-dd2 .dropdown-menu li a:visited{background-color:#ffffff; color:#111111;}
    .uc-dd2 .dropdown-menu li a:hover{background-color:#eeeeee; color:#111111;}
    .uc-dd2 .dropdown-menu li a:active{background-color:#ffffff; color:#111111;}

    .uc-dd2.mbl .btn-group{width:100%;}
    .uc-dd2 .btn.btn-default.dropdown-toggle{width:100%;}
    .uc-dd2 .dtyporopdown-menu{width:100%;}
    .uc-dd2 .btn.btn-default.dropdown-toggle {text-align:left;}
    
    .uc-dd2 span{float:right;}
    .uc-dd2 .small-button span{position:absolute; right:15px; top:13px;}
    .uc-dd2 .standard-button span{position:absolute; right:15px; top:16px;}
    .uc-dd2 .large-button span{position:absolute; right:15px; top:18px;}
    .uc-dd2 .huge-button span{position:absolute; right:15px; top:22px;}
    


.bs-dd .btn.btn-default.dropdown-toggle{
    background-color:#ffffff;
    color:#111111;
    border:2px solid #bbbbbb;
}



    .bs-dd .btn.btn-default.dropdown-toggle:hover{ background-color:#eeeeee;}

    .bs-dd .btn.btn-default.dropdown-toggle:focus{ background-color:#eeeeee;}

    .bs-dd .btn.btn-default.dropdown-toggle span{ border-top-color:#999999;}

    .bs-dd .dropdown-menu{
        border:2px solid #bbbbbb; 
        border-radius:0px;
    }

    .bs-dd .dropdown-menu li a:link{background-color:#ffffff; color:#111111;}
    .bs-dd .dropdown-menu li a:visited{background-color:#ffffff; color:#111111;}
    .bs-dd .dropdown-menu li a:hover{background-color:#eeeeee; color:#111111;}
    .bs-dd .dropdown-menu li a:active{background-color:#ffffff; color:#111111;}

    .bs-dd.mbl .btn-group{width:100%;}
    .bs-dd .btn.btn-default.dropdown-toggle{width:100%;}
    .bs-dd .dropdown-menu{width:100%;}
    .bs-dd .btn.btn-default.dropdown-toggle {text-align:left;}
    
    .bs-dd span{float:right;}
    .bs-dd .small-button span{position:absolute; right:15px; top:13px;}
    .bs-dd .standard-button span{position:absolute; right:15px; top:16px;}
    .bs-dd .large-button span{position:absolute; right:15px; top:18px;}
    .bs-dd .huge-button span{position:absolute; right:15px; top:22px;}
    
/********************/
/*** INPUT STATES ***/
/********************/

.inactive-input{
    border:2px solid #bbbbbb;
    color:#bbbbbb;
    border-radius:0px;
}

    .inactive-input::-webkit-input-placeholder{color:#bbbbbb;} /* WebKit browsers */ 
    .inactive-input:-moz-placeholder {color:#bbbbbb;}/* Mozilla Firefox 4 to 18 */
    .inactive-input::-moz-placeholder {color:#bbbbbb;}/* Mozilla Firefox 19+ */
    .inactive-input:-ms-input-placeholder {color:#bbbbbb;}/* Internet Explorer 10+ */

    .inactive-input:focus{border-color:#0680cd!important;}

.success-input{
    border:2px solid #16a085!important;
    color:#16a085;
    border-radius:0px;
}

    .success-input:focus{border-color:#0680cd!important;}

.form-group.has-success input, .input-icon.glyphicon.glyphicon-ok{color:#16a085!important;}

    .success-input::-webkit-input-placeholder{color:#16a085;} /* WebKit browsers */ 
    .success-input:-moz-placeholder {color:#16a085;}/* Mozilla Firefox 4 to 18 */
    .success-input::-moz-placeholder {color:#16a085;}/* Mozilla Firefox 19+ */
    .success-input:-ms-input-placeholder {color:#16a085;}/* Internet Explorer 10+ */
    
    .has-success .glyphicon.glyphicon-ok.form-control-feedback{
        color:#16a085; 
        padding:0px 0px 0px 0px;
    }

    /*controlling small success input glyphicon */
    .huge-input.success-input.form-control + .input-icon {top: 8px; background:none; font-size: 24px;}
    .large-input.success-input.form-control + .input-icon {top: 4px; background:none; font-size: 18px;}
    .standard-typoinput.success-input.form-control + .input-icon {top: 2px; background:none; font-size: 16px;}
    .small-input.success-input.form-control + .input-icon {top: 0px; background:none; font-size: 16px;}

.error-input{
    border:2px solid #ff0015;
    color:#ff0015;
    border-radius:0px;
}

    .error-input::-webkit-input-placeholder{color:#ff0015;} /* WebKit browsers */ 
    .error-input:-moz-placeholder {color:#ff0015;}/* Mozilla Firefox 4 to 18 */
    .error-input::-moz-placeholder {color:#ff0015;}/* Mozilla Firefox 19+ */
    .error-input:-ms-input-placeholder {color:#ff0015;}/* Internet Explorer 10+ */

    .error-input:focus{border-color:#0680cd!important;}

.disabled-input{
    border:2px solid #bbbbbb!important;
    background-color:#eeeeee!important;
    color:#bbbbbb!important;
    border-radius:0px;
    opacity:1.0!important;
}

    .disabled-input::-webkit-input-placeholder{color:#bbbbbb;} /* WebKit browsers */ 
    .disabled-input:-moz-placeholder {color:#bbbbbb;}/* Mozilla Firefox 4 to 18 */
    .disabled-input::-moz-placeholder {color:#bbbbbb;}/* Mozilla Firefox 19+ */
    .disabled-input:-ms-input-placeholder {color:#bbbbbb;}/* Internet Explorer 10+ */

ul.facilities {list-style: none}
ul.facilities li.shower:before{
    display: inline-block;
    content: url("../images/icons/icon-shower.jpg") ;
    width: 20px;
    height: 20px;
}

/*******************/
/*** INPUT SIZES ***/
/*******************/

.huge-input{
    border-radius:0px;
    height: 53px;
    width: 100%;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 32px;
    line-height: 3.2rem;
    color:#111111;
}

    .huge-input-button{
        height:53px;
        width:53px;
        font-size:2.4rem;
        margin:-3px 0px 0px 0px;
    }

.large-input{
    border-radius:0px;
    height: 45px;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    color:#111111;
}

    .large-input-button{
        height:45px;
        width:53px;
        font-size: 18px;
        font-size:1.8rem;
        margin:-2px 0px 0px 0px;
    }

.standard-input{
    border-radius:0px;
    height: 41px;
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 21px;
    line-height: 2.1rem;
    color:#111111;
}

    .standard-input-button{
        height:41px;
        width:53px;
        font-size: 16px;
        font-size:1.6rem;
        margin:-2px 0px 0px 0px;
    }

.small-input{
    border-radius:0px;
    height: 34px!important;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    color:#111111;
}

    .small-input-button{
        height:34px!important;
        width:53px;
        font-size:1.4rem;
        margin:0px 0px 0px 0px;
    }

    .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {height: 34px;}


/************************/
/*** INPUT VARIATIONS ***/
/************************/

.form-control {border: 2px solid #bbbbbb;}
    .form-control::-webkit-input-placeholder{color:#bbbbbb;} /* WebKit browsers */ 
    .form-control:-moz-placeholder {color:#bbbbbb;}/* Mozilla Firefox 4 to 18 */
    .form-control::-moz-placeholder {color:#bbbbbb;}/* Mozilla Firefox 19+ */
    .form-control:-ms-input-placeholder {color:#bbbbbb;}/* Internet Explorer 10+ */


/*changing focus color on search input*/
.form-group.focus .form-control, .form-control:focus {
    border-color: #bbbbbb;
    outline: 0px none;
    box-shadow: none;
}

.form-group.focus .input-group-btn .btn,
.input-group.focus .input-group-btn .btn {
    border-color: #bbbbbb;
    color: #bbbbbb;
}

/*changing focus color on search button
.form-group.focus .input-group-btn .btn-default,
.input-group.focus .input-group-btn .btn-default {
  color: #ffffff;
  background-color: #bbbbbb;
  border-color: #bbbbbb;
}
*/

.input-group.focus .input-group-btn .btn .fa,
.input-group .input-group-btn .btn:hover .fa{
    color:#cc0011;
}

.input-group.red .form-control:focus,
.input-group.blue .form-control:focus 
{
    border-color:#235F9C!important;
}

    .input-group-btn .search-input-button.btn{
        border-radius:0px;
        color:#ffffff;
        border-left:none;
        margin-left:0px;
    }
    
    .search-input-button:hover{
        border-radius:0px;
        color:#fff;
        background-color:#b5babd;
        border-top:2px solid #b5babd;
        border-right:2px solid #b5babd;
        border-bottom:2px solid #b5babd;
        border-left:none;
    }

    .standard-btn{padding-bottom:8px; padding-top:11px;}

    .input-group-btn .btn.grey-search-icon .fa-search{ color: #bbbbbb;}
    
/*    .input-group-btn .btn-default{
        background-color:#bbbbbb;
        border-color:#bbbbbb;
    }*/
    
/*    .input-group-btn .btn-default:hover, .input-group-btn .btn-default.hover, .input-group-btn .btn-default:focus, .input-group-btn .btn-default:active, .input-group-btn .btn-default.active, .open .dropdown-toggle.input-group-btn .btn-default {
        color: #FFF;
        background-color: #999999;
        border-color: #999999;
    }*/


/*input focused border colors*/
/*.input-group-hg > .form-control:focus{border-color:#0680CD;}*/
/*.input-group-hg > .form-control:focus + .input-group-btn > .btn {margin-left: 0px}*/

/*.input-group-lg > .form-control:focus{border-color:#0680CD;}*/
/*.input-group-lg > .form-control:focus + .input-group-btn > .btn {margin-left: 0px}*/

/*.input-group > .form-control:focus{border-color:#0680CD;}*/
/*.input-group > .form-control:focus + .input-group-btn > .btn {margin-left: -2px}*/

/*.input-group-sm > .form-control:focus{border-color:#0680CD;}*/
/*.input-group-sm > .form-control:focus + .input-group-btn > .btn {margin-left: 0px}*/

/*search courses input*/

/*.search-input{
    border-radius:0px;
    background-color:#ffffff;
    box-shadow:none;
    border:none;
    font-size:18px;
}*/

    input::-webkit-input-placeholder{color:#bbbbbb;} /* WebKit browsers */ 
     input:-moz-placeholder {color:#bbbbbb;}/* Mozilla Firefox 4 to 18 */
     input::-moz-placeholder {color:#bbbbbb;}/* Mozilla Firefox 19+ */
    input:-ms-input-placeholder {color:#bbbbbb;}/* Internet Explorer 10+ */
    

    .input-group .search-input-button:hover{
       background-color:#999999;
       border-color:#999999;
       color:#ffffff;
    }
    .form-group.focus .input-group-btn .search-input-button,
    .input-group.focus .input-group-btn .search-input-button
    {
        background-color:#999999;
       border-color:#999999;
       color: #ffffff;
    }

    .input-group.red .search-input-button{
       border-radius:0px;
       color:#ffffff;
       background-color:#cc0011;
       font-family: 'Open Sans', sans-serif;
       border-color:#cc0011;
    }
    
    .input-group.red .search-input-button:hover{
       background-color:#99000D;
       border-color:#99000D;
    }

    .input-group.red .search-input-button:active{
       background-color:#99000D;
       border-color:#99000D;
    }
    
    .input-group.red .search-input-button:focus{
       background-color:#99000D;
       border-color:#99000D;
    }

    .form-group.red.focus .input-group-btn .search-input-button,
    .input-group.red.focus .input-group-btn .search-input-button {
      color: #ffffff;
      background-color: #cc0011;
      border-color: #cc0011;
    }
    
    .input-group.blue .search-input-button,
    .input-group.blue .input-group-addon{
       border-radius:0px;
       color:#ffffff;
       background-color:#235f9c;
       font-family: 'Open Sans', sans-serif;
       border-color:#235f9c;
    }
    
    .input-group.blue .search-input-button:hover{
       background-color:#003366;
       border-color:#003366;
    }

    .input-group.blue .search-input-button:active{
       background-color:#003366;
       border-color:#003366;
    }
    
    .search-input-button.blue:focus{
       background-color:#003366;
       border-color:#003366;
    }

    .form-group.focus.blue  .search-input-button,
    .input-group.focus.blue .search-input-button {
      color: #ffffff;
      background-color: #235f9c;
      border-color: #235f9c;
    }

/*    .input-group-sm > .form-control:focus + .input-group-btn > .btn.search-input-button {background-color:#cc0011; border-color:#cc0011}
    .input-group-sm > .form-control:focus + .input-group-btn > .btn.search-input-button:hover {background-color:#99000D; border-color:#99000D}

    .input-group-sm > .form-control:focus + .input-group-btn > .btn.search-input-button-blue {background-color:#235f9c; border-color:#235f9c}
    .input-group-sm > .form-control:focus + .input-group-btn > .btn.search-input-button-blue:hover {background-color:#003366; border-color:#003366}

    .input-group > .form-control:focus + .input-group-btn > .btn.search-input-button {background-color:#cc0011; border-color:#cc0011}
    .input-group > .form-control:focus + .input-group-btn > .btn.search-input-button:hover {background-color:#99000D; border-color:#99000D}

    .input-group > .form-control:focus + .input-group-btn > .btn.search-input-button-blue {background-color:#235f9c; border-color:#235f9c}
    .input-group > .form-control:focus + .input-group-btn > .btn.search-input-button-blue:hover {background-color:#003366; border-color:#003366}

    .input-group-lg > .form-control:focus + .input-group-btn > .btn.search-input-button {background-color:#cc0011; border-color:#cc0011}
    .input-group-lg > .form-control:focus + .input-group-btn > .btn.search-input-button:hover {background-color:#99000D; border-color:#99000D}

    .input-group-lg > .form-control:focus + .input-group-btn > .btn.search-input-button-blue {background-color:#235f9c; border-color:#235f9c}
    .input-group-lg > .form-control:focus + .input-group-btn > .btn.search-input-button-blue:hover {background-color:#003366; border-color:#003366}

    .input-group-hg > .form-control:focus + .input-group-btn > .btn.search-input-button {background-color:#cc0011; border-color:#cc0011}
    .input-group-hg > .form-control:focus + .input-group-btn > .btn.search-input-button:hover {background-color:#99000D; border-color:#99000D}

    .input-group-hg > .form-control:focus + .input-group-btn > .btn.search-input-button-blue {background-color:#235f9c; border-color:#235f9c}
    .input-group-hg > .form-control:focus + .input-group-btn > .btn.search-input-button-blue:hover {background-color:#003366; border-color:#003366}
*/

/*date picker*/
.date-picker-input{
    color:#111111;
}

.ui-datepicker table {
    margin: 0px 0px 0px 0px !important;
}

.input-group-hg > .form-control, .input-group-hg > .input-group-addon, .input-group-hg > .input-group-btn > .btn {border-radius: 0px;}/*removing border-radius from input-group-hg  btn*/
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {border-radius: 0px;}/*removing border-radius from input-group-sm  btn*/

.input-group-sm > .form-control,
.input-group > .form-control,
.input-group-lg > .form-control,
.input-group-hg > .form-control{color:#111111;}

/*calendar border color when input is focused*/
.input-group-btn.calendar-border .btn.date-picker-button{
    border-left:2px solid #0680CD!important;
    border-top:2px solid #0680CD!important;
    border-bottom:2px solid #0680CD!important;
}

.btn.date-picker-button{
  color:#bbbbbb;
  width:40px;
}

/*removing border radius from 'input variations' inputs*/
.input-group-lg > .form-control, 
.input-group-lg > .input-group-addon, 
.input-group-lg > .input-group-btn > .btn, 
.input-group-btn:last-child > .btn,
 .form-control, 
 .date-picker-input, 
 .btn, 
 .ui-spinner-up, 
 .ui-spinner-down {
    border-radius:0px;
}

/*spinner*/

.spinner-group{
    width:35%;
}

.spinner{
    color:#111111;
    font-weight:400;
    font-size:1.6rem;
    border-color:#bbbbbb;
}

#spinner-01{
    color:#bbbbbb;
    font-weight:400;
    font-size: 16px;
    font-size:1.6rem;
}

#spinner-01:focus, #spinner-02:focus, #spinner-03:focus, #spinner-04:focus{border-color:#0680CD;}

.huge-spinner-group input{font-size:22px;}
.huge-spinner-group .ui-spinner-button{height:27px;}
.huge-spinner-group .ui-spinner-up .ui-icon{position:relative; top:2px;}
.huge-spinner-group .ui-spinner-down .ui-icon{position:relative; top:4px;}

.large-spinner-group input{font-size:17px;}
.large-spinner-group .ui-spinner-button{height:23px;}
.large-spinner-group .ui-spinner-up .ui-icon{position:relative; top:0px;}
.large-spinner-group .ui-spinner-down .ui-icon{position:relative; top:1px;}

.standard-spinner-group input{font-size:15px;}

.small-spinner-group input{font-size:13px;}
.small-spinner-group .ui-spinner-button{padding:0px;}
.small-spinner-group .ui-spinner-up {height:120px;}
.small-spinner-group .ui-spinner-down {height:16px; padding:0px;}
.small-spinner-group .ui-spinner-down .ui-icon{position:relative; top:-2px;}

.ui-spinner-button{background-color:#bbbbbb;}

.ui-spinner-button:hover {
    background-color: #999999;
    text-decoration:none;
    color: #E8F8F5;
}

.ui-spinner.focus .ui-spinner-input {
  color: #111111;
  border-color: #999999;
}
.ui-spinner.focus .ui-spinner-button {
  background-color: #999999;
}
.ui-spinner.focus .ui-spinner-button:hover {
  background-color: #999999;
}
.ui-spinner.focus .ui-spinner-up {
  border-bottom-color: #999999;
}



/*date picker top-left arrow*/
.ui-datepicker:before {
    border-color: transparent transparent #bbbbbb;
}

    .ui-datepicker {
        border: 7px solid #bbbbbb;
        box-shadow:none;
    }
    
    .ui-datepicker-header{
        background-color: #bbbbbb!important;
    }
    
    .ui-datepicker-next {
        border-left: 2px solid #bbbbbb!important;
    }

    .ui-datepicker-next-hover{background-color:#999999!important;}
    
    .ui-datepicker-prev {
        border-right: 2px solid #bbbbbb!important;
    }

    .ui-datepicker-prev-hover{background-color:#999999!important;}
    
    .ui-datepicker .ui-datepicker-prev:active,
    .ui-datepicker .ui-datepicker-next:active {
      background-color: #999999;
    }
    
    .ui-state-active {
        background-color: #bbbbbb!important;
        color: #FFF;
    }

/*Search courses*/
.search-courses-button{
    background-color:#bbbbbb;
    color:#ffffff;
    width:100%;
    font-size:14px;
    font-size: 1.4rem;
}

    .search-courses-button:hover{background-color:#999999;}

    .search-courses-input.input-sm:focus,
    .search-courses-input:focus,
    .search-courses-input.input-lg:focus,
    .search-courses-input.input-hg:focus{
       border-color:#0680CD;
    }

    .search-courses-select-year.sm{padding:50px 0px 30px 0px;}
    .search-courses-select-year.sm .year{padding:1px 10px 0px 0px;}
    .search-courses-select-year.sm span{float:left; font-size: 12px; font-size:1.2rem!important; padding:0px 10px 0px 0px; text-transform:uppercase;}
    .search-courses-select-year.sm label{font-size: 12px;font-size:1.2rem; padding:2px 10px 0px 17px; margin:0px;}

    .search-courses-select-year{padding:50px 0px 30px 0px;}
    .search-courses-select-year .year{padding:1px 10px 0px 0px;}
    .search-courses-select-year span{float:left;font-size: 12px; font-size:1.2rem!important; padding:0px 10px 0px 0px; text-transform:uppercase;}
    .search-courses-select-year label{font-size: 12px;font-size:1.2rem; padding:2px 10px 0px 17px; margin:0px;}

    .search-courses-select-year.lg{padding:50px 0px 30px 0px;}
    .search-courses-select-year.lg .year{padding:2px 10px 0px 0px;}
    .search-courses-select-year.lg span.icons{margin:2px 0px 0px 0px;}
    .search-courses-select-year.lg span{float:left;font-size: 14px; font-size:1.4rem!important; padding:0px 10px 0px 0px; text-transform:uppercase;}
    .search-courses-select-year.lg label{font-size:1.4rem; padding:2px 10px 0px 17px; margin:0px;}
    .search-courses-button.default-button.btn-lg{font-size: 16px;font-size:1.6rem;}

    .search-courses-select-year.hg{padding:60px 0px 33px 0px;}
    .search-courses-select-year.hg .year{padding:2px 10px 0px 0px;}
    .search-courses-select-year.hg span.icons{margin:3px 0px 0px 0px;}
    .search-courses-select-year.hg span{float:left;font-size: 16px; font-size:1.6rem!important; padding:0px 10px 0px 0px; text-transform:uppercase;}
    .search-courses-select-year.hg label{font-size: 16px;font-size:1.6rem; padding:1px 10px 0px 22px; margin:0px;}
    .search-courses-button.default-button.btn-hg{font-size: 16px;font-size:1.8rem;}

    /*search subject*/
    .search-dropdown{
        color:#111111;
        background-color:#ffffff;
        border:2px solid #bbbbbb;
        padding:5px 10px 5px 10px;
        height:34px;
        font-size: 14px;
        font-size:1.4rem;
    }

    .search-dropdown:hover{
        color:#111111;
    }

    .search-dropdown-button{
       padding:4.4px 0px 5px 0px;
       background-color:#bbbbbb;
       border:none!important;
    }

    .btn-group.open .search-dropdown-button.dropdown-toggle {
        background-color: #bbbbbb;
        box-shadow: none;
        border-left: 2px solid #C01;
    }

    .search-dropdown-button .caret{
       border-bottom: 8px none #fff;
       border-top: 7px solid #fff;
    }

    .dropdown-arrow.search-subject-arrow.dropdown-arrow-inverse {
        border-bottom-color: rgb(187, 187, 187) !important;
        border-top-color: rgb(187, 187, 187) !important;
    }

    .search-subject-links{
       background-color: #bbbbbb;
    }

    .search-subject-links li a:link{background-color: #bbbbbb;}
    .search-subject-links li a:visited{background-color: #bbbbbb;}
    .search-subject-links li a:hover{background-color: #555555; color:#ffffff; text-decoration:underline}
    .search-subject-links li a:active{background-color: #bbbbbb;}


/************************************/
/*** HTML & CSS ONLY - FORM ITEMS ***/
/************************************/

/*** SINGLE LINE TEXT INPUT ***/

.single-line-input:focus{border-color:#0680cd;}

/*** TEXT AREA ***/

textarea{
    border-radius:0px;
    background-color:#ffffff;
    box-shadow:none;
    border:2px solid #bbbbbb;
    color:#111111!important;
}    

    textarea::-webkit-input-placeholder{color:#bbbbbb!important;} /* WebKit browsers */ 
    textarea:-moz-placeholder {color:#bbbbbb!important;}/* Mozilla Firefox 4 to 18 */
    textarea::-moz-placeholder {color:#bbbbbb!important;}/* Mozilla Firefox 19+ */
    textarea:-ms-input-placeholder {color:#bbbbbb!important;}/* Internet Explorer 10+ */

    textarea.form-control:focus{border-color:#0680cd;}

/*** DISABLED FIEDLSET ***/

.fieldset-disabled label{width:100%;}

/*** EMAIL ***/

form label{width:100%;
font-weight: 600;
font-size: 15px;
font-size: 1.5rem;
line-height: 2em;
line-height: 20px;
}
.email-input:focus{border-color:#0680cd;}

form .radio-rating-group label {
	display: inline;
	padding: 0 5px 0 20px;
}

/*** PASSWORD ***/

.password-input{margin-bottom:20px;}
.password-input:focus{border-color:#0680cd;}

/*** URL ***/

.url-input:focus{border-color:#0680cd;}

/*** SINGLE LINE INPUT WITH HELP TEXT ***/

.single-line-help-input{float:left; width:90%; margin-bottom:20px;}
.single-line-help-input:focus{border-color:#0680cd;}
.single-line-help-small{float:right; margin:10px 0px 0px 10px; color:#bbbbbb; cursor:default;}
.single-line-help-standard{float:right; margin:13px 0px 0px 10px; color:#bbbbbb; cursor:default;}
.single-line-help-large{float:right; margin:15px 0px 0px 10px; color:#bbbbbb; cursor:default;}
.single-line-help-huge{float:right; margin:19px 0px 0px 10px; color:#bbbbbb; cursor:default;}

/*** SELECT ***/
select {margin-bottom: 20px; width: 100%;}
.small-select{font-size:14px; font-size:1.4rem; border:1px solid #bbbbbb; border-radius:3px; padding:5px;}
.standard-select{font-size:16px; font-size:1.6rem; border:1px solid #bbbbbb; border-radius:3px; padding:5px;}
.large-select{font-size:18px; font-size:1.8rem; border:1px solid #bbbbbb; border-radius:3px; padding:5px;}
.huge-select{font-size:24px; font-size:2.4rem; border:1px solid #bbbbbb; border-radius:3px; padding:5px;}

/*** SELECT - MULTIPLE ***/

.small-multiple-select{font-size:14px; font-size:1.4rem;}
.standard-multiple-select{font-size:16px; font-size:1.6rem;}
.large-multiple-select{font-size:18px; font-size:1.8rem;}
.huge-multiple-select{font-size:24px; font-size:2.4rem;}

/*** DATE ***/

.date-input:focus{border-color:#0680cd;}

/*** NUMBER ***/

.number-input:focus{border-color:#0680cd;}

/*** SINGLE LINE INPUT WITH PLACEHOLDER ***/

.single-line-input-with-placeholder:focus{border-color:#0680cd;}

/*** SINGLE LINE INPUT - OPTIONAL ***/

.single-line-input-optional:focus{border-color:#0680cd;}

/*** SINGLE LINE INPUT - REQUIRED ***/

.single-line-input-required:focus{border-color:#0680cd;}

/*** 1-5 radio rating group ***/

/*
<label class="rating-group-label">Main title</label> 
<div class="radio-rating-group"> 
<span><label for="r-1">1</label><input type="radio" class="css-radio-button" id="r-1" name="r" value="1"></span> 
<span><label for="r-2">2</label><input type="radio" class="css-radio-button" id="r-2" name="r" value="2"></span> 
<span><label for="r-3">3</label><input type="radio" class="css-radio-button" id="r-3" name="r" value="3"></span> 
<span><label for="r-4">4</label><input type="radio" class="css-radio-button" id="r-4" name="r" value="4"></span> 
<span><label for="r-5">5</label><input type="radio" class="css-radio-button" id="r-5" name="r" value="5"></span> 
</div>
*/

.rating-group-label { width: auto; }
.radio-rating-group { margin-bottom: 10px; }
.radio-rating-group > span {
	display: inline-block;
    margin: 0 15px 0 0;
    text-align: center;
}
.radio-rating-group > span label, .radio-rating-group > span input {
	display: block;
    margin: 0;
    padding: 0;
}

/************/
/*** TAGS ***/
/************/

.tagsinput.tagsinput-primary{
    border:2px solid #cc0011;
    border-radius:0px;
    padding:5px 0px 0px 7px;
}

    .tagsinput.tagsinput-primary span.tag{
      background-color:#cc0011;
      border-radius:0px;
      text-transform:capitalize;
      font-weight:600;
      font-size:14px;
      color:#ffffff;
    }

    .tagsinput.tagsinput-primary .tagsinput-add{
       background-color:#cc0011;
       border-radius:0px;
    }
    
    .tagsinput-remove-link:hover{text-decoration:none;}

    .tagsinput-add:before {/*changing from using flat ui icons to font awesome icons*/
        content: "\f067";
        font-family: "FontAwesome";
        position:relative;
        top:1px;
        left:-1px;
    }

    .tagsinput-remove-link:before {/*changing from using flat ui icons to font awesome icons*/
        color: #FFF;
        content: "\f00d";
        font-family: "FontAwesome";
        font-size: 16px;
        font-size:1.6rem;
    }

.tagsinput.tagsinput-secondary{
    border:2px solid #bbbbbb;
    border-radius:0px;
    padding:5px 0px 0px 7px;
}

    .tagsinput.tagsinput-secondary span.tag{
       background-color:#bbbbbb;
       color:#ffffff;
       border-radius:0px;
       text-transform:capitalize;
       font-weight:600;
       font-size:14px;
    }

    .tagsinput.tagsinput-secondary .tagsinput-add{
       background-color:#bbbbbb;
       border-radius:0px;
    }

    .tagsinput-secondary .tagsinput-remove-link:before {color:#ffffff;}


/**************/
/*** LABELS ***/
/**************/

.label-small{
    text-transform:capitalize;
}

.label-standard{
    text-transform:capitalize;
    padding:4px 10px 4px 10px;
}

.label-large{
    text-transform:capitalize;
    padding:6px 11px 6px 11px;
}

.label-new{
    background-color:#1abc9c;
    border-radius:0px;
}

.label-fresh{
    background-color:#a1b70d;
    border-radius:0px;
}

.label-cool{
    background-color:#0680cd;
    border-radius:0px;
}

.label-hot{
    background-color:#cc0011;
    border-radius:0px;
}

.label-dark{
    background-color:#444444;
    border-radius:0px;
}

.label-bright{
    background-color:#eeeeee;
    border-radius:0px;
    color:#333333;
}



/******************/
/*** CHECKBOXES ***/
/******************/

.fui-checkbox-unchecked:before {
  content: "\f0c8";
  font-family: "FontAwesome";
}

.fui-checkbox-checked:before {
    content:"\f14a";
    font-family: "FontAwesome";
}

.checkbox.primary{color:#111111;}
.checkbox.primary .icons{color: #bbbbbb;}
.checkbox.primary.checked{color:#111111;}
.checkbox.primary.checked span{color:#111111;}
.checkbox.primary.disabled.checked {color:#bbbbbb;}
.checkbox.primary.disabled.checked span{color:#bbbbbb;}
.checkbox.primary.checked span:focus{border-color:#cc0011;}
.checkbox.primary.disabled {cursor: default; color: #cccccc;}
.checkbox.primary.disabled .icons {color: #cccccc;}
.checkbox.primary.disabled.checked {cursor: default; color: #cccccc;}
.checkbox.primary.disabled.checked .icons span{color: #cccccc;}

/*********************/
/*** RADIO BUTTONS ***/
/*********************/

.fui-radio-checked:before {
  content: "\f192";
  font-family: "FontAwesome";
}
.fui-radio-unchecked:before {
  content: "\f10c";
  font-family: "FontAwesome";
}

.radio.primary{color:#111111;}
.radio.primary .icons{color: #bbbbbb;}
.radio.primary.checked{color:#111111;}
.radio.primary.checked span{color:#111111;}
.radio.primary.disabled.checked {color:#bbbbbb;}
.radio.primary.disabled.checked span{color:#bbbbbb;}
.radio.primary.disabled {cursor: default; color: #cccccc;}
.radio.primary.disabled .icons {color: #cccccc;}
.radio.primary.disabled.checked {cursor: default; color: #cccccc;}
.radio.primary.disabled.checked .icons span{color: #cccccc;}

/***************/
/*** TOGGLES ***/
/***************/

/*on switch*/
.switch.has-switch .switch-on .switch-left{
    background-color:#bbbbbb; 
    color:#111111;
}

    .has-switch > div.switch-on label{
       background-color:#111111; 
       border-color:#bbbbbb;
       cursor:pointer;
    }


.switch.has-switch .switch-off .switch-right{
    background-color:#bbbbbb; 
    color:#ffffff;
}

    .has-switch > div.switch-off label{
        background-color:#111111; 
        border-color:#bbbbbb;
        cursor:pointer;
    }

    .has-switch span.switch-left {
        background-color: #bbbbbb;
        color: #111111;
        border-left: 1px solid transparent;
    }

/*off switch*/
.switch.switch-square.has-switch .switch-on .switch-left{
    background-color:#111111; 
    color:#ffffff;
}

    .switch.switch-square.has-switch > div.switch-on label{
        background-color:#bbbbbb; 
        border-color:#bbbbbb;
    }

.switch.switch-square.has-switch .switch-off .switch-right{
    background-color:#111111; 
    color:#ffffff;
}

    .switch.switch-square.has-switch > div.switch-off label{
        background-color:#bbbbbb; 
        border-color:#bbbbbb;
    }

/**********************/
/*** SOCIAL BUTTONS ***/
/**********************/





/*********************************/
/*** PROGRESS BARS AND SLIDERS ***/
/*********************************/

.progress{
    background-color:#eeeeee;
    border:none;
    box-shadow:none;
    border-radius:25px;
    height:12px;
}

.progress-bar{
    background-color:#cc0011;
    border:none;
}

.progress-bar-secondary{
    background-color:#eeeeee;
    border:none;
    box-shadow:none;
}

.ui-slider {background: none repeat scroll 0% 0% #eeeeee;}

.ui-slider-range.ui-widget-header.ui-corner-all.ui-slider-range-min{background-color:#cc0011;}

.ui-slider-handle.ui-state-default.ui-corner-all{background-color:#77000a;}

.ui-slider-range.ui-widget-header.ui-corner-all{background-color:#cc0011;}

.ui-slider-segment {background-color: #bbbbbb;}


/************************/
/*** NAVIGATION LISTS ***/
/************************/

.nav-list li{font-weight:600;}

    .nav-list.nav-list-1 .nav-header{color:#cc0011;}

    .nav-list li a{font-weight:600;}
    
    .nav-list.nav-list-1 li a:link{color:#111111;}
    .nav-list.nav-list-1 li a:visited{color:#111111;}
    .nav-list.nav-list-1 li a:hover{color:#111111; background-color:#eeeeee;}
    .nav-list.nav-list-1 li a:active{color:#111111;}
    
    .nav-list.nav-list-1 li.active a{color:#111111; background-color:#eeeeee;}
    
    .nav-list > li.divider {
        height: 2px;
        border-bottom: medium none;
        margin: 13px -13px 17px 0px;
        background: none;
    }

    .nav-list.nav-list-1 li span {color:#333333; background-color:#eeeeee;}
    .nav-list.nav-list-1 li.active span {color:#333333; background-color:#ffffff;}


.nav-list li{font-weight:600;}

    .nav-list.nav-list-2 ul{background:none;}

    .nav-list.nav-list-2 li a{font-weight:600; border-radius:5px; background-color:#eeeeee; margin-bottom:10px;}
    .nav-list.nav-list-2 li a span{color:#333333;}
    
    .nav-list.nav-list-2 li a:link{color:#333333;}

    .nav-list.nav-list-2 li a:visited{color:#333333;}

    .nav-list.nav-list-2 li a:hover{color:#cf0f1f;}

    .nav-list.nav-list-2 li a:active{color:#333333;}

    .nav-list.nav-list-2 li.active a{color:#ffffff; background-color:#cc0011;}
    .nav-list.nav-list-2 li.active a span{color:#ffffff;}

    .nav-list-vivid.nav-list-2 {
        background:none;
        border-radius: 4px;
        padding-bottom: 2px;
    }

.navigation-list-2 li.heading{
    text-transform:uppercase;
    font-weight:600;
    color:#828c94;
    padding:10px 15px 0px 15px;
} 

    .navigation-list-2 li a:link{color:#cc0011; font-weight:600;}
    .navigation-list-2 li a:visited{color:#cc0011;}
    .navigation-list-2 li a:hover{color:#515558; background-color:#eeeeee;}
    .navigation-list-2 li a:active{color:#515558; background-color:#eeeeee;}
    
    .navigation-list-2 li a span{
        background-color:#d7dcde; 
        float:right; 
        color:#ffffff; 
        padding:0px 5px 0px 5px;
        border-radius:3px;
    }
    
    .navigation-list-2 li a:hover span{
        background-color:#ffffff; 
        float:right; 
        color:#959ea7; 
        padding:0px 5px 0px 5px;
        border-radius:3px;
    }

    .navigation-list-2 li a:active span{
        background-color:#ffffff; 
        float:right; 
        color:#959ea7; 
        padding:0px 5px 0px 5px;
        border-radius:3px;
    }

.navigation-list-3{background-color:#eeeeee;}

    .navigation-list-3.nav-pills > li.active > a,
    .navigation-list-3.nav-pills > li.active > a:hover,
    .navigation-list-3.nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #CC0011;
    }

    .navigation-list-3 li.heading a{
        text-transform:uppercase;
        color:#cc0011!important;
        padding:22px 15px 10px 13px!important;
        font-weight:700!important;;
        line-height:22px!important;
        line-height:2.2rem!important;
        font-size:18px!important;
        font-size:1.8rem!important;
    }

    .navigation-list-3 li.heading a:hover{
        text-transform:uppercase;
        font-weight:700!important;;
        line-height:22px!important;
        line-height:2.2rem!important;
        font-size:18px!important;
        font-size:1.8rem!important;
        color:#ffffff!important;  
       -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear!important;
       transition: border .25s linear, color .25s linear, background-color .25s linear!important;
    }

    .nav-pills.navigation-list-3 > li > a {
        background:none;
        font-size: 13px;
        font-size:1.3rem;
        font-weight: 700;
        line-height: 17px;
        line-height:1.7rem;
        margin: 0px;
        outline: medium none;
        padding: 5px 21px 5px 13px;
        border-radius: 0px;
        border:none;
    }

    .navigation-list-3.nav-stacked > li + li {margin-top: 0px;}

    .navigation-list-3 li a:link{color:#111111; font-weight:600; border-bottom:1px solid #dddddd;-webkit-transition: none;   transition: none;}
    .navigation-list-3 li a:visited{color:#111111; font-weight:600; border-bottom:1px solid #dddddd;}
    .navigation-list-3 li a:hover{background-color: #CC0011; color:#ffffff; border-radius:0px; font-weight:600; border-bottom:1px solid #dddddd;-webkit-transition: none;   transition: none;}
    .navigation-list-3 li a:active{background-color: #CC0011;color:#ffffff; border-radius:0px; font-weight:600; border-bottom:1px solid #dddddd; background-color:#CC0011;}
    .navigation-list-3 li:last-child a{border-bottom:none;}
    .navigation-list-3 li.active > a{color:#ffffff; background-color:#cc0011;  display:block; padding:5px 13px 5px 15px; text-decoration:none; line-height:14px; line-height:1.4rem;}
   

    .navigation-list-3 li ul{padding:0px; background-color:#dddddd;}
    .navigation-list-3 li li{list-style-type:none; margin-left:0px;}
    .navigation-list-3 li li a:link{color:#111111; font-weight:600; font-size:12px; font-size:1.2rem; display:block; padding:5px 13px 5px 30px; text-decoration:none; line-height:16px; line-height:1.6rem;}
    .navigation-list-3 li li a:visited{color:#111111; font-weight:600; font-size:12px; font-size:1.2rem; display:block; padding:5px 13px 5px 30px; text-decoration:none; line-height:16px; line-height:1.6rem;}
    .navigation-list-3 li li a:hover{background-color: #CC0011;color:#ffffff; font-weight:600; font-size:12px; font-size:1.2rem; display:block; padding:5px 13px 5px 30px; text-decoration:none; line-height:16px; line-height:1.6rem;}
    .navigation-list-3 li li a:active{background-color: #CC0011;color:#ffffff; font-weight:600; font-size:12px; font-size:1.2rem; display:block; padding:5px 13px 5px 30px; text-decoration:none; line-height:16px; line-height:1.6rem;}
    .navigation-list-3 li li.active > a{color:#ffffff; background-color:#cc0011; font-weight:600; font-size:12px; font-size:1.2rem; display:block; padding:5px 13px 5px 30px; text-decoration:none; line-height:16px; line-height:1.6rem;}
    

    .navigation-list-3 li ul li ul{padding:0px; background-color:#cccccc;}
    .navigation-list-3 li ul li ul li{list-style-type:none; margin-left:0px;}
    .navigation-list-3 li ul li ul li a:link{color:#111111; font-weight:600; font-size:11px; font-size:1.1rem; display:block; padding:5px 13px 5px 50px; text-decoration:none; line-height:14px; line-height:1.4rem;}
    .navigation-list-3 li ul li ul li a:visited{color:#111111; font-weight:600; font-size:11px; font-size:1.1rem; display:block; padding:5px 13px 5px 50px; text-decoration:none; line-height:14px; line-height:1.4rem;}
    .navigation-list-3 li ul li ul li a:hover{background-color: #CC0011;color:#ffffff; font-weight:600; font-size:11px; font-size:1.1rem; display:block; padding:5px 13px 5px 50px; text-decoration:none; line-height:14px; line-height:1.4rem;}
    .navigation-list-3 li ul li ul li a:active{background-color: #CC0011;color:#99000d; font-weight:600; font-size:11px; font-size:1.1rem; display:block; padding:5px 13px 5px 50px; text-decoration:none; line-height:14px; line-height:1.4rem;}
    .navigation-list-3 li ul li ul li.active a{color:#ffffff; background-color:#cc0011; font-weight:600; font-size:11px; font-size:1.1rem; display:block; padding:5px 13px 5px 50px; text-decoration:none; line-height:14px; line-height:1.4rem;}
   
    
    
.navigation-list-4 li a:link{color:#cc0011; background:none; font-weight:600; padding:5px 15px;}
.navigation-list-4 li a:visited{color:#cc0011; background:none; font-weight:600; padding:5px 15px;}
.navigation-list-4 li a:hover{color:#FF0015; background:none; font-weight:600; padding:5px 15px;}
.navigation-list-4 li a:active{color:#cc0011; background:none; font-weight:600; padding:5px 15px;}
.navigation-list-4 li a span{color:#cc0011; padding:0px 13px 0px 0px;}    
    
    .nav-pills.navigation-list-4 > li > a {
        border:none;
    }



    .navigation-list-5 .heading{
        text-transform:uppercase;
        color:#cc0011;
        padding:0px 15px 0px 12px;
        font-weight:700;
        font-size: 18px;
        font-size:1.8rem;
    }

    .nav-pills.navigation-list-5 > li > a {
        background:none;
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: 700;
        line-height: 1;
        margin: 0px;
        outline: medium none;
        padding: 6px 21px 4px;
        border-radius: 0px;
        border:none;
    }

    .navigation-list-5 li a:link{color:#111111; font-weight:600;}
    .navigation-list-5 li a:visited{color:#111111; font-weight:600;}
    .navigation-list-5 li a:hover{color:#cc0011; background-color:#ebedef; border-radius:0px; font-weight:600;}
    .navigation-list-5 li a:active{color:#515558; background-color:#ebedef; border-radius:0px; font-weight:600;}

/****************/
/*** TOOLTIPS ***/
/****************/

.tooltip-light .tooltip-inner{background-color:#eeeeee; border-radius:0px; color:#333333;}
.tooltip.fade.bottom.in.tooltip-light .tooltip-arrow{border-bottom-color: #eeeeee;}
.tooltip.fade.top.in.tooltip-light .tooltip-arrow{border-top-color: #eeeeee;}

.tooltip.fade.bottom.in.tooltip-dark .tooltip-arrow{border-bottom-color: #999999;}
.tooltip.fade.top.in.tooltip-dark .tooltip-arrow{border-top-color: #999999;}

.tooltip-dark .tooltip-inner{background-color:#999999; border-radius:0px;}
.tooltip.fade.right.in.tooltip-dark .tooltip-arrow{border-left-color: #999999;}
.tooltip.fade.right.in.tooltip-dark .tooltip-arrow{border-right-color: #999999;}

.tooltip.fade.left.in.tooltip-dark .tooltip-arrow{border-left-color: #999999;}
.tooltip.fade.left.in.tooltip-dark .tooltip-arrow{border-right-color: #999999;}

.popover {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2010;
    display: none;
    max-width: 276px;
    padding: 1px 1px 7px 1px;
    line-height: 18px;
    line-height:1.8rem;
    text-align: left;
    white-space: normal;
    color:#111111;
    background-color: #eeeeee;
    background-clip: padding-box;
    border: 2px solid #bbbbbb;
    border-radius: 0px;
    box-shadow: none;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    font-size:1.4rem;
    font-weight:400;
}

.popover > .arrow {border-width: 11px;}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    border-style: solid;
    border-color: transparent;
    height: 0px;
    width: 0px;
}

.popover > .arrow:after {
    content: "";
    border-width: 10px;
}

.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 2px;
    border-top-color: #eeeeee;
}

    .popover.top > .arrow {
        left: 50%;
        margin-left: -11px;
        border-bottom-width: 0px;
        border-top-color: #bbbbbb;
        bottom: -11px;
    }

.popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 2px;
    border-right-color: #eeeeee;
}

    .popover.right > .arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-left-width: 0px;
        border-right-color: #bbbbbb;
    }

.popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    border-top-width: 2px;
    margin-left: -10px;
    border-bottom-color: #eeeeee;
}

    .popover.bottom > .arrow {
        left: 50%;
        margin-left: -11px;
        border-top-width: 0px;
        border-bottom-color: #bbbbbb;
        top: -11px;
    }

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 2px;
    bottom: -10px;
    border-left-color: #eeeeee;
}

    .popover.left > .arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0px;
        border-left-color: #bbbbbb;
    }



.tooltip.gray .tooltip-inner {
    color: #111111;
    background-color: #eeeeee;
    border:2px solid #bbbbbb;
    border-radius:0px;
}
.tooltip.gray.top .tooltip-arrow {border-top-color: #bbbbbb;}

.tooltip.gray.left .tooltip-arrow {border-left-color: #bbbbbb;}

.tooltip.gray.right .tooltip-arrow {border-right-color: #bbbbbb;}

.tooltip.gray.bottom .tooltip-arrow {border-bottom-color: #bbbbbb;}

.tooltip.darkgray .tooltip-inner {
    color: #ffffff;
    background-color: #999999;
    border:2px solid #999999;
    border-radius:0px;
}

.tooltip.darkgray.top .tooltip-arrow {border-top-color: #999999;}

.tooltip.darkgray.left .tooltip-arrow {border-left-color: #999999;}

.tooltip.darkgray.right .tooltip-arrow {border-right-color: #999999;}

.tooltip.darkgray.bottom .tooltip-arrow {border-bottom-color: #999999;}


.popover.darktopPop, .popover.darkrightPop, .popover.darkbottomPop, .popover.darkleftPop {
  color: #ffffff;
  background-color: #999999;
}
.popover.darktopPop .arrow:after {
  border-top-color: #999999;
}
.popover.darkrightPop .arrow:after {
  border-right-color: #999999;
}
.popover.darkbottomPop .arrow:after {
  border-bottom-color: #999999;
}
.popover.darkleftPop .arrow:after {
  border-left-color: #999999;
}


/******************/
/*** PAGINATION ***/
/******************/

.huge-pagination li,
.large-pagination li,
.standard-pagination li,
.small-pagination li{display:inline-block;}

.huge-pagination li a{height:53px; padding-top:10px; font-weight:600; font-size:24px; font-size:2.4rem;}

.large-pagination li a{height:45px; padding-top:10px; font-weight:600; font-size:18px; font-size:1.8rem;}

.standard-pagination li a{height:41px; padding-top:9px; font-weight:600; font-size:16px; font-size:1.6rem;}

.small-pagination li a{height:34px; font-weight:600; padding-top:8px; font-size:14px; font-size:1.4rem;}

.pagination-1 li:first-child a:link{border-radius:0px; margin:0px 4px 0px 0px;}
.pagination-1 li a:link{background-color:#cc0011; color:#ffffff; border:none; margin:0px 0px 0px 0px;}
.pagination-1 li a:visited{background-color:#cc0011; color:#ffffff; border:none; margin:0px 0px 0px 0px;}
.pagination-1 li a:hover{background-color:#99000d; color:#ffffff; border:none; margin:0px 0px 0px 0px;}
.pagination-1 li a:active{background-color:#99000d; color:#ffffff; border:none; margin:0px 0px 0px 0px;}
.pagination-1 li:last-child a:link{border-radius:0px; margin:0px 0px 0px 4px;}
.pagination-1 li.active a{background-color:#bbbbbb; color:#ffffff; border:none; margin:0px 0px 0px 0px;}
.pagination-1 li.active a:hover{background-color:#bbbbbb; color:#ffffff; border:none; margin:0px 0px 0px 0px;}
.pagination-1 li.active a:focus{background-color:#bbbbbb; color:#ffffff; border:none; margin:0px 0px 0px 0px;}

.pagination-2 li:first-child a:link{border-radius:0px;}
.pagination-2 li a:link{border:none; color:#ffffff; background-color:#BBBBBB; margin:0px 1px 0px 1px;}
.pagination-2 li a:visited{border:none; color:#ffffff; background-color:#BBBBBB;}
.pagination-2 li a:hover{border:none; color:#ffffff; background-color:#999999;}
.pagination-2 li a:active{border:none; color:#ffffff; background-color:#999999;}
.pagination-2 li:last-child a:link{border-radius:0px;}
.pagination-2 li.active a{background-color:#cc0011; color:#ffffff;}
.pagination-2 li.active a:hover{background-color:#cc0011; color:#ffffff;}
.pagination-2 li.active a:focus{background-color:#cc0011; color:#ffffff;}

.pagination-arrows{vertical-align:middle}

.pager{width:100%;background:none;}
.pager li a:link{border-radius:0px; border:none; color:#999999; font-weight:600; background:none; font-size:2.3rem;}
.pager li a:visited{border-radius:0px; border:none; color:#999999; font-weight:600; background:none; font-size:2.3rem;}
.pager li a:hover{border-radius:0px; border:none; color:#111111; font-weight:600; background:none; font-size:2.3rem;}
.pager li a:active{border-radius:0px; border:none; color:#111111; font-weight:600; background:none; font-size:2.3rem;}

.pager .previous a {padding-left:0px;}
.pager .next a {padding-right:0px;}
/**************/
/*** TABLES ***/
/**************/

/* RESPONSIVE TABLE */

@media only screen and (max-width: 760px) {
    
    /* Force table to not be like tables anymore */
    .no-more-tables table, 
    .no-more-tables thead, 
    .no-more-tables tbody, 
    .no-more-tables th, 
    .no-more-tables td, 
    .no-more-tables tr { 
        display: block; 
    }
 
    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    .no-more-tables td { 
        /* Behave  like a "row" */
        position: relative;
        padding-left: 2%; 
        white-space: normal;
        text-align:left;
    }
 
    .no-more-tables td:before { 
        /* Now like a table header */
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
 
    /*Label the data*/
    .no-more-tables td:before { content: attr(data-title); }
}

/* END OF RESPONSIVE TABLE */




/*hovered rows*/
table.table > tbody > tr:hover > td, table.table > tbody > tr:hover > th {
    background-color: #f7f7f7;
}


td.bold{font-weight:600;}


/**************/
/*** ALERTS ***/
/**************/


.alert { padding-top: 14px; margin: 20px 0}
.alert h1,.alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {margin-top: 0px}

.alert-1{
    background-color:#f4f8fd;
    border:2px solid #235F9C;
    color:#333333;
    padding-left:29px;
}

    .alert-1 .close{
        color:#bec5cc;
        opacity:1.0;
    }

    .alert-1 a:link{color:#235F9C; font-weight:400; text-decoration:underline;}
    .alert-1 a:visited{color:#235F9C; text-decoration:underline;}
    .alert-1 a:hover{color:#003366; text-decoration:underline;}
    .alert-1 a:active{color:#235F9C; text-decoration:underline;}

.alert-2{
    background-color:#f4f8fd;
    border:2px solid #235F9C;
    color:#333333;
    padding-left:29px;
    padding-bottom:25px;
}

    .alert-2 .close{
        color:#bec5cc;
        opacity:1.0;
    }

    .alert-2 h2{margin:2px 0px 10px 0px;}

    .alert-2 a:link{color:#235F9C; font-weight:400; text-decoration:underline;}
    .alert-2 a:visited{color:#235F9C; text-decoration:underline;}
    .alert-2 a:hover{color:#003366; text-decoration:underline;}
    .alert-2 a:active{color:#235F9C; text-decoration:underline;}
    
    .alert-2 p{margin:0px 0px 25px 0px;}

    .alert-2 .alert-button{
        background-color:#235F9C;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }
    
    .alert-2 .alert-button:hover{
        background-color:#003366;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

    .alert-2 .alert-button2{
        background-color:#bbbbbb;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }
    
    .alert-2 .alert-button2:hover{
        background-color:#999999;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

.alert-3{
    background-color:#ffeeef;
    border:2px solid #FF0015;
    color:#232627;
    padding-left:29px;
}

    .alert-3 .close{
        color:#bec5cc;
        opacity:1.0;
    }
    
    .alert-3 a:link{color:#ff0015; font-weight:400; text-decoration:underline;}
    .alert-3 a:visited{color:#ff0015; text-decoration:underline;}
    .alert-3 a:hover{color:#CC0011; text-decoration:underline;}
    .alert-3 a:active{color:#ff0015; text-decoration:underline;}

.alert-4{
    background-color:#ffeeef;
    border:2px solid #FF0015;
    color:#232627;
    padding-left:29px;
    padding-bottom:25px;
}

    .alert-4 .close{
        color:#bec5cc;
        opacity:1.0;
    }

    .alert-4 h2{margin:2px 0px 10px 0px;}

    .alert-4 a:link{color:#ff0015; font-weight:400; text-decoration:underline;}
    .alert-4 a:visited{color:#ff0015; text-decoration:underline;}
    .alert-4 a:hover{color:#CC0011; text-decoration:underline;}
    .alert-4 a:active{color:#ff0015; text-decoration:underline;}
    
    .alert-4 p{margin:0px 0px 29px 0px;}

    .alert-4 .alert-button{
        background-color:#ff0015;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }
    
    .alert-4 .alert-button:hover{
        background-color:#CC0011;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

    .alert-4 .alert-button3{
        background-color:#bbbbbb;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }
    
    .alert-4 .alert-button3:hover{
        background-color:#999999;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

.alert-5{
    background-color:#f9fefd;
    border:2px solid #1ABC9C;
    color:#363a3d;
    padding-left:29px;
}

    .alert-5 .close{
        color:#bec5cc;
        opacity:1.0;
    }
    
    .alert-5 a:link{color:#1abc9c; font-weight:400; text-decoration:underline;}
    .alert-5 a:visited{color:#1abc9c; text-decoration:underline;}
    .alert-5 a:hover{color:#16a085; text-decoration:underline;}
    .alert-5 a:active{color:#1abc9c; text-decoration:underline;}

.alert-6{
    background-color:#f9fefd;
    border:2px solid #1ABC9C;
    color:#363a3d;
    padding-left:29px;
    padding-bottom:25px;
}

    .alert-6 .close{
        color:#bec5cc;
        opacity:1.0;
    }

    .alert-6 h2{margin:2px 0px 10px 0px;}

    .alert-6 a:link{color:#1abc9c; font-weight:400; text-decoration:underline;}
    .alert-6 a:visited{color:#1abc9c; text-decoration:underline;}
    .alert-6 a:hover{color:#16a085; text-decoration:underline;}
    .alert-6 a:active{color:#1abc9c; text-decoration:underline;}
    
    .alert-6 p{margin:0px 0px 29px 0px;}

    .alert-6 .alert-button-1{
        background-color:#1abc9c;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

    .alert-6 .alert-button-1:hover{
        background-color:#16a085;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }
    
    .alert-6 .alert-button-2{
        background-color:#00BDEF;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

    .alert-6 .alert-button-2:hover{
        background-color:#00A1CB;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }
    
.alert-7{
    background-color:#fefbf4;
    border:2px solid #F39C12;
    color:#363a3d;
    padding-left:29px;
}

    .alert-7 .close{
        color:#bec5cc;
        opacity:1.0;
    }
    
    .alert-7 a:link{color:#FBAF2D; font-weight:400; text-decoration:underline;}
    .alert-7 a:visited{color:#FBAF2D; text-decoration:underline;}
    .alert-7 a:hover{color:#F09905; text-decoration:underline;}
    .alert-7 a:active{color:#FBAF2D; text-decoration:underline;}

.alert-8{
    background-color:#fefbf4;
    border:2px solid #F39C12;
    color:#363a3d;
    padding-left:29px;
    padding-bottom:25px;
}

    .alert-8 .close{
        color:#bec5cc;
        opacity:1.0;
    }

    .alert-7 h2, .alert-8 h2{margin:0px 0px 10px 0px;}

    .alert-8 a:link{color:#FBAF2D; font-weight:400; text-decoration:underline;}
    .alert-8 a:visited{color:#FBAF2D; text-decoration:underline;}
    .alert-8 a:hover{color:#F09905; text-decoration:underline;}
    .alert-8 a:active{color:#FBAF2D; text-decoration:underline;}
    
    .alert-8 p{margin:0px 0px 29px 0px;}

    .alert-8 .alert-button-1{
        background-color:#FBAF2D;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

    .alert-8 .alert-button-1:hover{
        background-color:#F09905;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }
    
    .alert-8 .alert-button-2{
        background-color:#bbbbbb;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

    .alert-8 .alert-button-2:hover{
        background-color:#999999;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

/**************/
/** DOCUMENT **/
/**************/
.row.document {padding: 20px 0}

.document img {
    width: 100%;
    outline: 5px solid rgba(11,12,12,0.1); 

    -webkit-box-shadow: 0 2px 2px #111111;
    box-shadow: 0 2px 2px #111111;
}
.document .document-details h2{margin-top: 2%}

/************/
/*** MAPS ***/
/************/


.google-maps {
    position: relative;
    height: 450px;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 450px !important;
}


/****************/
/*** CAROUSEL ***/
/****************/

.carousel {margin-bottom: 20px;}
.carousel ol {margin-top: 0px; margin-bottom: 0px;}
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .fa-angle-left{
    left:10px;
}
.carousel-control .fa-angle-right{
    right:10px;
}


/*********************/
/*** QUOTE ROTATOR ***/
/*********************/

/* carousel */
#quote-carousel 
{
    padding: 0 30px 30px 30px;
    margin: 30px 0px 0px;
}

/* Control buttons  */
#quote-carousel .carousel-control{
    background: none;
    color: #bbbbbb;
    font-size: 2.3em;
    text-shadow: none;
}

/* Previous button  */
#quote-carousel .carousel-control.left {text-align: left}

/* Next button  */
#quote-carousel .carousel-control.right {text-align: right}

/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}

#quote-carousel blockquote {margin-bottom:5px;}

/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {background: #bbbbbb;}

#quote-carousel .carousel-indicators .active {background: #111111;}

#quote-carousel img{
  height: 100px
}

#quote-carousel .carousel-control .fa-angle-left, 
#quote-carousel .carousel-control .fa-angle-right {
    top: 25%;
}

/* End carousel */

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

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



.item blockquote p{
    font-family: 'Open Sans','Helvetica', 'Arial', sans-serif; 
    color:#111111;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 24px;
    
    /* Non standard for webkit */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.item blockquote small{
    font-weight:600;
    font-size:14px;
    font-size:1.4rem;
    color:#bbbbbb;
}

/*************/
/*** MODAL ***/
/*************/

.modal-backdrop {
   background: rgba(0, 0, 0, 0.5); 
}

.modal-header .close{
    color:#bec5cc;
    opacity:1.0;
    margin-top:5px;
}

.modal-content{
    border-radius:3px;
    box-shadow: 10px 15px 0px #303234;
}

    .modal-content a:link{color:#1abc9c;}
    .modal-content a:visited{color:#1abc9c;}
    .modal-content a:hover{color:#16a085;}
    .modal-content a:active{color:#1abc9c;}

.modal-footer{
    background-color:#eeeeee;
    border-radius:3px;
}

    .modal-footer .modal-button-1{
       background-color:#bbbbbb;
       color:#ffffff;
       border-radius:0px;
       border:none; 
       min-width:155px;
    }

    .modal-footer .modal-button-1:hover{
       background-color:#999999;
       color:#ffffff;
       border-radius:0px;
       border:none; 
       min-width:155px;
    }

    .modal-footer .modal-button-2{
       background-color:#1abc9c;
       color:#ffffff;
       border-radius:0px;
       border:none; 
       min-width:155px;
    }

    .modal-footer .modal-button-2:hover{
       background-color:#16a085;
       color:#ffffff;
       border-radius:0px;
       border:none; 
       min-width:155px;
    }


/**************/
/*** IMAGES ***/
/**************/


/*Image with hover effect*/

.image-caption li {
    display: inline-block;
    width:100%;
}

.image-caption figure {
    margin: 0;
    position: relative;
    overflow: hidden;
}

.image-caption figcaption {
    position: absolute;
    left: 0;
    padding:20px ;
    background:rgba(17,17,17,0.7);
    color: #ffffff;
    width: 100%;
    top: auto;
    bottom: 0;
}
.image-caption figcaption p {color:#ffffff; margin: 0}
.image-caption figcaption h4 {
    margin: 0;
    padding: 0;
    color: #ffffff;
}

.image-caption figcaption a {
   color: #ffffff; 
}
.image-caption figcaption a:hover {
   color: #bbbbbb; 
}

/* Caption Style 3 */

.image-caption{padding:0px;}


/*end of image with hover effects*/

/* Regular Figcaption */

figure figcaption,
figure figcaption p {
	font-size: small;
	font-style: italic;
	font-weight: 600;
	line-height: normal;
}


h2.media-heading{
    line-height: 12px;
    line-height:1.25;
    font-size: 28px;
    font-size:2.8rem;
}

h2.media-heading span{
    color:#bbbbbb;
}

h3.media-heading{
    line-height: 12px;
    line-height:1.25;
    font-size: 24px;
    font-size:2.4rem;
    margin-bottom:10px;
}

.media-body {
  overflow:initial;
}

.small-featurette img{
    padding-right:20px;
}

hr{
    border-color:#bbbbbb;
    border-top-color:#bbbbbb;
    border-bottom-color:#bbbbbb;
    border-top: 2px solid #bbbbbb!important;
}

.undergraduate-section{
    text-align:center;
}

    .undergraduate-section .col-md-1{
       margin-top:1.5%;
       color:#b5babd;
       font-size: 30px;
       font-size:3.0rem;
    }

    .undergraduate-section span{
      vertical-align:middle;
      color:#bbbbbb;
    }

    .undergraduate-section h1{
        font-size: 50px;
       font-size:5.0rem;
       font-weight:700;
    }

.stat-section{
    text-align:center;
    margin-top:30px;
}

    .stat-section .stat-image-1{
       color:#003366;
    }

    .stat-section .stat-image-2{
       color:#cc0011;
    }

    .stat-section .stat-image-3{
       color:#728302;
    }

    .stat-section .borders{
       border-right:2px solid #bbbbbb;
       border-left:2px solid #bbbbbb;
       min-height:250px;
    }

    .stat-section h1{
        font-size: 50px;
       font-size:5.0rem;
       font-weight:700;       
    }

.news-row a:link{color:#111111;}
.news-row a:visited{color:#111111;}
.news-row a:hover{color:#111111;}
.news-row a:active{color:#111111;}

    .news-row h2{
       margin:-8px 0px 10px 0px;
       line-height:1.25;
    }

.service{
    text-align:center;
}

    .service img{
    margin-left:auto;
    margin-right:auto;
    }
    
    .service h2{line-height:1.25;}

    .service h2 a:link{color:#111111;}
    .service h2 a:visited{color:#111111;}
    .service h2 a:hover{color:#111111;}
    .service h2 a:active{color:#111111;}

.information {margin-bottom: 20px}
.information h3, .media-body h3{
    line-height:1.5;
    margin-top:15px;
    margin-bottom:10px;
}

.information h3 a:link{color:#cc0011; text-decoration:none;}
.information h3 a:visited{color:#cc0011; text-decoration:none;}
.information h3 a:hover{color:#333333; text-decoration:underline;}
.information h3 a:active{color:#333333; text-decoration:none;}

    .information a:link{color:#cc0011; text-decoration:underline}
    .information a:visited{color:#cc0011; text-decoration:underline}
    .information a:hover{color:#99000d!important; text-decoration:underline}
    .information a:active{color:#99000d; text-decoration:underline}
	
/* Additional style for Content Block External */
.information > a {
  display: block;
  position: relative;
  text-decoration: none;
}
.information > a:link {
  text-decoration: none;
}

.main-page-content .information > a[href^="http://"]:not([href*="canterbury.ac.nz"]):after, 
.main-page-content .information > a[href^="https://"]:not([href*="canterbury.ac.nz"]):after {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 4px;
  text-decoration: none;
}
/* additional CB Ext :end */

/* Additional style for Content Block Video */

.main-page-content .information a[data-toggle^="modal"][href^="http://"]:not([href*="canterbury.ac.nz"]):after, 
.main-page-content .information a[data-toggle^="modal"][href^="https://"]:not([href*="canterbury.ac.nz"]):after {
  content: "";
}

.media .vidBlackDiv, .media .vidWhiteDiv {
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center center;
    position: absolute;
    z-index: 1001;
	height: 100%;
    width: 100%;
}
.media .vidBlackDiv {
    opacity: 0.6;
}
.media .vidWhiteDiv {
    opacity: 0.8;
}
.media .vidBlackDiv, .media .vidBlackDiv:hover {
    background-image: url("//static.canterbury.ac.nz/web/graphics/vid_black.png");
}
.media .vidWhiteDiv, .media .vidWhiteDiv:hover {
    background-image: url("//static.canterbury.ac.nz/web/graphics/vid_white.png");
}
.media .vidBlackDiv:hover, .media .vidWhiteDiv:hover {
    opacity: 1;
}

div[id^="ytModal"] .modal-content {
	position: relative;
	padding: 15px;
}

div[id^="ytModal"] .close {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 17px;
    padding: 0 2px;
}

/* additional CB Vid :end */

.publication .well{
    border:none;
    padding:10px 10px 20px 10px;
    background-color:#eeeeee;
}

    .publication a:link{color:#cc0011; text-decoration:underline}
    .publication a:visited{color:#cc0011; text-decoration:underline}
    .publication a:hover{color:#99000d; text-decoration:underline}
    .publication a:active{color:#99000d; text-decoration:underline}

.staff h2{
    margin:-3px 0px 0px 0px;
}

    .staff ul{
       padding:0px;
    }

    .staff li{
      list-style-type:none;
      line-height:1.5;
    }

    .staff a:link{color:#cc0011;}
    .staff a:visited{color:#cc0011;}
    .staff a:hover{color:#99000d;}
    .staff a:active{color:#99000d;}

.welled-link{
    text-align:center;
}

    .welled-link .well{
       border:none;
       background-color:#eeeeee;
    }

    .welled-link img{
       margin-left:auto;
       margin-right:auto;
       padding:15px 0px 0px 0px;
    }

    .welled-link h3{margin:10px 0px 5px 0px}

    .welled-link p{margin:0px 0px 10px 0px;}

    .welled-link a.read-more:link{background-color:#235f9c; color:#ffffff; display:block; padding:5px 0px 7px 0px; font-size: 16px;font-size:1.6rem;}
    .welled-link a.read-more:visited{background-color:#235f9c; color:#ffffff; display:block; padding:5px 0px 7px 0px;}
    .welled-link a.read-more:hover{background-color:#0680CD; color:#ffffff; display:block; padding:5px 0px 7px 0px;}
    .welled-link a.read-more:active{background-color:#003366; color:#ffffff; display:block; padding:5px 0px 7px 0px;}

.previous-next{
    background-color:#f9fafb;
    border:2px solid #eeeeee;
    border-radius:4px;
    padding:10px 30px 30px 30px;
}

    .previous-next a:hover{color:#99000d}

    .previous-year-btn{
       margin-right:64px;
       min-width:155px;
       background-color:#bbbbbb;
    }

    .previous-year-btn:hover{
       background-color:#999999;
    }

    .next-year-btn{
       background-color:#235f9c;
       min-width:155px;
    }
    
    .next-year-btn:hover{background-color:#003366;}

/**********************/
/*** LARGE CALENDAR ***/
/**********************/

.add-to-calendar-center{text-align:center;}
.add-to-calendar-center a:link{color:#111111;}
.add-to-calendar-center a:visited{color:#111111;}
.add-to-calendar-center a:hover{color:#cc0011;}
.add-to-calendar-center a:active{color:#111111;}

.large-calendar-table tr th{color:#555555!important;}


/************/
/*** TABS ***/
/************/

.resp-tab-content.resp-tab-content-active{
    border: none;
    padding: 15px ;
    background: #eeeeee;
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.tab-content{
    padding:0px;
    margin:0px;
    border:none;
    font-size:14px;
}

/*responsive tabs*/

ul.resp-tabs-list, .resp-tabs-list p {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list > li {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    padding: 6px 16px 6px 16px;
    margin: 10px 5px 0px 0 ;
    font-weight: 600;
    list-style: none;
    cursor: pointer;
    float: left;
    background: #999999;
    color: #ffffff;
}

.resp-tabs-list > li:hover {background: #eeeeee; color:#111111;}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}


.resp-tab-content {
    display: none;
}

li.resp-tab-active {
    padding: 4px 14px 8px 14px!important;
    background-color:#eeeeee;
    color:#111111;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

h2.resp-accordion {
    cursor: pointer;
    display: none;
    font-size: 13px;
    border: 2px solid #bbbbbb;
    border-top: 2px solid #bbbbbb;
    margin: -2px 0px 0px 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #bbbbbb !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #bbbbbb !important;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #eeeeee !important;
}
.resp-easy-accordion  h2.resp-accordion {
        display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 2px solid #bbbbbb;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 2px solid #bbbbbb !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 2px solid #bbbbbb !important;
}

/*** UC7 STYLES ***/

.uc7red {
  color: #EF2D35;
}
.uc7sep {
    border-bottom: 1px solid #999;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

.main-page-content.uc7{
  padding-left: 35px;
  padding-right: 15px;
}
.uc7 .headline {
  font-size: 2rem;
  font-weight: 600;
  margin-top: 20px;
  font-style: italic;
}
.uc7 .quote {
  font-style: italic;
  font-weight: 600;
}
.uc7-context {
    float: right;
    margin-left: 30px;
    margin-top: -35px;
}
.uc7-top.uc7sep {
  margin-bottom: 0;
}
.uc7_section.uc7sep {
  margin-bottom: 0;
  padding-bottom: 22px;
}
.uc7-main-img {
  float: left;
  margin-bottom: 8px;
  margin-right: 25px;
  margin-top: 32px;
}
.uc7-img {
  
}
.uc7_section .title {
  
  padding-left: 25px;
  color: #EF2D35;
  font-size: 2.6rem;
}
.uc7_section .title .uc7num,
.uc7_section .title .uc7ico {
  margin-top: -5px;
}
.uc7_section .title .uc7num {
  margin-right: 15px;
}
.uc7_section .title .uc7ico {
  margin-left: 15px;
}
.uc7_section a {
    color: #ef2d35;
}
.uc7thumbs {
  display: table;
  margin: 30px 0;
  width: 100%;
}
.uc7thumbs span {
  display: table-cell;
}
.uc7thumbs span img {
  display: inline-block;
  height: auto !important;
  max-width: 100% !important;
}
.uc7thumbs span.left {
  text-align: left;
}
.uc7thumbs span.center {
  text-align: center;
  padding: 0 20px;
}
.uc7thumbs span.right {
  text-align: right;
}
.uc7end {
    background-color: #000;
    color: #fff;
    padding: 5px;
    text-align: center;
}
.uc7end p,
.uc7end a {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
}

/* uc7whyuc */

.uc7whyuc .uc7sep {
	margin-left:0;
	margin-right:0;
	padding-bottom: 25px;
}

.uc7whyuc .col-md-3 {
    padding-left: 0;
}

.uc7whyuc .uc7row .title {
	/*padding-left: 0;*/
	margin-top: 5px;
	color: #CC0011;
}

.uc7whyuc .uc7row .title .uc7num,
.uc7whyuc .uc7row .title .uc7ico {
	width: auto;
	margin-right: 8px;
}
.uc7whyuc .uc7row .title .uc7ico {
	margin-left: 8px;
}
.uc7logo.whyuc {
	width: 35% !important;
	height: auto !important;
}

.uc7 h1.title {

}

.uc7 h1 img, .uc7 h2 img, .uc7 h3 img, .uc7 h4 img, .uc7 h5 img, .uc7 h6 img {
	width: auto;
	vertical-align: middle;
}

/* *************************************** 
   UC7 VIDEO PAGE
***************************************** */

.main-page-content.uc7-video {
	padding-left: 15px;
	padding-right: 15px;
}

.main-page-content.uc7-video .uc7-top.uc7sep {
	border-bottom: 0px;
}

.main-page-content.uc7-video p.lead, span.lead {
	margin-bottom: 0px;
}

.uc7_section.video {
	padding-bottom: 0px;
}

.uc7_section.video .title {
	margin-top: 15px;
	margin-bottom: 0px;
}

.uc7_section.video .content {
	margin-left: 100px;
	margin-bottom: 5px;
}

.uc7_section.video .title .uc7ico {
	margin-left: 0px;
    margin-right: 15px;
    width: 60px;
	float: left;
}


/* *************************************** 
   UC7 TOP VIDEO
***************************************** */

.uc7-top-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.uc7-top-video iframe,
.uc7-top-video object,
.uc7-top-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* *************************************** 
   UC7 VIDEO Carousel
***************************************** */
#uc7video-carousel {
	margin-top: 30px;
	padding-left: 40px;
	padding-right: 40px;
}

#uc7video-carousel .uc7video-block {
  min-height: 250px;
}

#uc7video-carousel .carousel-control {
	background: none;
    top: 12%;
}

#uc7video-carousel .carousel-control.left {margin-left: -70px;}
#uc7video-carousel .carousel-control.right {margin-right: -70px;}

#uc7video-carousel .fa-chevron-left, #uc7video-carousel .fa-chevron-right {
	color: #ef2d35;
}

#uc7video-carousel h3 {
	font-size: 14px;
	font-size: 1.4rem
}

#uc7video-carousel {margin-left: 30px; margin-right: 30px;}

#uc7video-carousel .uc7video-image a:after {content: none !important;}

/* *************************************** 
   UC7 VIDEO MODALS
***************************************** */

#uc7video-carousel .uc7video-block .embed-responsive .vidBlackDiv,#uc7video-carousel .uc7video-block .embed-responsive .vidWhiteDiv {
    background-repeat: no-repeat;
    height: 40%;
    position: absolute;
    width: 85%;
	top: 0;
	cursor: pointer;
	background-position: center; 
}

#uc7video-carousel .uc7video-block .embed-responsive .vidWhiteDiv,
#uc7video-carousel .uc7video-block .embed-responsive .vidBlackDiv {
    opacity: 0.8;
}
#uc7video-carousel .uc7video-block .embed-responsive .vidBlackDiv, #uc7video-carousel .uc7video-block .embed-responsive .vidBlackDiv:hover {
    background-image: url("//static.canterbury.ac.nz/web/graphics/vid_black.png");
}
#uc7video-carousel .uc7video-block .embed-responsive .vidWhiteDiv, #uc7video-carousel .uc7video-block .embed-responsive .vidWhiteDiv:hover {
    background-image: url("//static.canterbury.ac.nz/web/graphics/vid_white.png");
}
#uc7video-carousel .uc7video-block .embed-responsive .vidBlackDiv:hover, #uc7video-carousel .uc7video-block .embed-responsive .vidWhiteDiv:hover {
    opacity: 1;
}

/* *************************************** 
   UC7 Dimension pages
***************************************** */
.main-page-content.uc7-video .title .uc7ico {margin-right: 15px; max-width: 60px; max-height: 60px;}
.main-page-content.uc7-video .title.uc7red {margin-bottom: 10px;}

/* end of UC7 STYLES */

/* Responsive video player */
.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/**************/
/*** HEADER ***/
/**************/

.navbar-collapse {max-height: 9999999px;/*was set to 340px by default - im extending that because it was causing issues with the responsive design*/}

.navbar-brand{
    background-image:url('../images/university-of-canterbury-coat-of-arms.png');
    background-repeat:no-repeat;
    background-position:40px 20px;
    width:140px;
    height:98px;
}

.navbar-default.main-nav{
    background-color:#cc0011;
    border-radius:0px;
    min-height:120px;
    margin:0px;
}

    ul.top{padding:0px 0px 15px 0px;}


   .navbar-default.main-nav li > a:link{color:#ffffff; font-weight:600; font-size: 14px;font-size:1.4rem; text-decoration:none; }
   .navbar-default.main-nav li > a:visited{color:#ffffff; font-weight:600;font-size: 14px; font-size:1.4rem; text-decoration:none;}
   .navbar-default.main-nav li > a:hover{color:#bbbbbb; font-weight:600;font-size: 14px; font-size:1.4rem; text-decoration:none;}
   .navbar-default.main-nav li > a:active{color:#ffffff; font-weight:600; font-size: 14px;font-size:1.4rem; text-decoration:none;}

    /*search bar*/
    

    /*dropdown menu 1*/

    .main-nav-links a:link{ padding-left:21px!important; padding-right:20.5px!important; color:#ffffff!important; border-top:1px solid #ce0011; border-right:1px solid #ce0011; border-left:1px solid #ce0011; text-decoration:none!important;}
    .main-nav-links a:visited{color:#ffffff!important; border-top:1px solid #ce0011; border-right:1px solid #ce0011; border-left:1px solid #ce0011; text-decoration:none!important;}
    .main-nav-links a:hover{color:#111111!important; background-color:#eeeeee!important; border-top:1px solid #b3b3b3; border-right:1px solid #b3b3b3; border-left:1px solid #b3b3b3; text-decoration:none!important;}
    .main-nav-links a:active{color:#ffffff!important; border-top:1px solid #ce0011; border-right:1px solid #ce0011; border-left:1px solid #ce0011; text-decoration:none!important;}
    .main-nav-links a:focus{color:#111111!important; text-decoration:none; background-color:#eeeeee!important;  border-top:1px solid #b3b3b3!important; border-right:1px solid #b3b3b3!important; border-left:1px solid #b3b3b3!important;}
    .main-nav-links a b.caret{border-top-color:#ffffff!important; border-bottom-color:#ffffff!important;}
    .main-nav-links a:focus b.caret{border-top-color:#111111!important; border-bottom-color:#111111!important;}
    .main-nav-links a:hover b.caret{border-top-color:#111111!important; border-bottom-color:#111111!important;}

    .main-nav-links ul.dropdown-menu.menu-1{background:none;}

    .navbar-collapse {
      box-shadow: none;
      padding-right: 0px;
      padding-left: 0px;
    }

    .yamm-content{
       background-color:#eeeeee;
       border-left:1px solid #b3b3b3;
       border-right:1px solid #b3b3b3;
       border-bottom:1px solid #b3b3b3;
    }

    .yamm-content ul{
      padding:0px 10px 0px 7px;
      min-width:180px;
    }

    .navbar-default.main-nav li .yamm-content li strong a:link,
    .navbar-default.main-nav li .yamm-content li strong a:visited,
    .navbar-default.main-nav li .yamm-content li strong a:hover,
    .navbar-default.main-nav li .yamm-content li strong a:active{
       font-weight:600;
       font-size: 14px;
       font-size:1.4rem;
    }

    .navbar-default.main-nav li .yamm-content li  a:link{padding:0px 2px 0px 2px!important; color:#444444!important; font-weight:400; font-size: 12px; font-size: 1.2rem; display:block; border-radius:0px; border:none;}
    .navbar-default.main-nav li .yamm-content li  a:visited{padding:0px 2px 0px 2px!important; color:#444444!important; font-weight:400; font-size: 12px; font-size: 1.2rem;display:block; border-radius:0px; border:none;}
    .navbar-default.main-nav li .yamm-content li a:hover{padding:0px 2px 0px 2px!important; color:#444444!important; font-weight:400;font-size: 12px; font-size: 1.2rem; background-color:#dddddd!important; text-decoration:underline!important; display:block; border-radius:0px; border:none;}
    .navbar-default.main-nav li .yamm-content li a:active{padding:0px 2px 0px 2px!important; color:#444444!important; font-weight:400;font-size: 12px; font-size: 1.2rem;display:block; border-radius:0px; border:none;}

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0px 9px 0px;
        overflow: hidden;
        background-color: #dddddd;
    }

    /*dropdown menu 2*/

    ul.dropdown-menu.menu-2,
    ul.dropdown-menu.menu-3,
    ul.dropdown-menu.menu-4,
    ul.dropdown-menu.menu-5
    {
       margin-top:0px!important;
       background:#eeeeee;
       border-left:1px solid #b3b3b3;
       border-right:1px solid #b3b3b3;
       border-bottom:1px solid #b3b3b3;
       border-radius:0px;
    }

    .menu-2 li a:link, .menu-3 li a:link, .menu-4 li a:link, .menu-5 li a:link{color:#111111!important; display:block; border-radius:0px; border:none;}
    .menu-2 li a:visited, .menu-3 li a:visited, .menu-4 li a:visited, .menu-5 li a:visited{color:#111111!important; display:block; border-radius:0px; border:none;}
    .menu-2 li a:hover, .menu-3 li a:hover, .menu-4 li a:hover, .menu-5 li a:hover{color:#111111!important; background-color:#dddddd!important; text-decoration:underline!important; display:block; border-radius:0px; border:none;}
    .menu-2 li a:active, .menu-3 li a:active, .menu-4 li a:active, .menu-5 li a:active{color:#111111!important; display:block; border-radius:0px; border:none;}

.navbar-collapse.collapse.main{float:right;}

    .navbar-collapse.collapse.main li a:link{padding-right:22px; padding-left:22px; padding-top: 3px; margin-top: 12px}
    .navbar-collapse.collapse.main li a:visited{padding-right:22px; padding-left:22px;}
    .navbar-collapse.collapse.main li a:hover{padding-right:22px; padding-left:22px;}
    .navbar-collapse.collapse.main li a:active{padding-right:22px; padding-left:22px;}

    .input-group.main-nav{
       width:260px;
       float:left;
       margin:12px 0px 0px 10px;
    }
    
    .input-group.main-nav input::-webkit-input-placeholder{color:#bbbbbb;} /* WebKit browsers */ 
    .input-group.main-nav input:-moz-placeholder {color:#bbbbbb;}/* Mozilla Firefox 4 to 18 */
    .input-group.main-nav input::-moz-placeholder {color:#bbbbbb;}/* Mozilla Firefox 19+ */
    .input-group.main-nav input:-ms-input-placeholder {color:#bbbbbb;}/* Internet Explorer 10+ */

    .input-group.main-nav input{
       border:none;
       height:27px;
       padding:0px 0px 0px 5px;
       font-family: 'Open Sans', sans-serif;
       font-size:15px;
       font-size:1.5rem;
    }

    .input-group.main-nav button, .input-group.main-nav.focus button{
       color:#bbbbbb!important;
       background-color:#ffffff!important;
       border:none;
       border-radius:0px;
       width:27px;
       height:27px;
       padding:0px;
    }

    .input-group.main-nav input::-webkit-input-placeholder{color:#bbbbbb;} /* WebKit browsers */ 
    .input-group.main-nav input:-moz-placeholder {color:#bbbbbb;}/* Mozilla Firefox 4 to 18 */
    .input-group.main-nav input::-moz-placeholder {color:#bbbbbb;}/* Mozilla Firefox 19+ */
    .input-group.main-nav input:-ms-input-placeholder {color:#bbbbbb;}/* Internet Explorer 10+ */



    .input-group.main-nav button{color:#bbbbbb!important;}

    .input-group.main-nav button:hover, .input-group.main-nav.focus button:hover{
       color:#cc0011!important;   
       background-color:#ffffff!important;
    }

    /*mobile nav*/

    .panel-default {
       border:none!important;
       box-shadow:none;
    }

    .cbp-spmenu .panel {
        margin-bottom: 0px;
        background-color: #FFF;
        border:none!important;
        border-radius: 4px;
        box-shadow: none!important;
    }

    .cbp-spmenu {
       background: none repeat scroll 0% 0% #aa000e;
       position: fixed;
       overflow-y:scroll;
    }    

    .cbp-spmenu .first-level-nav .list-group {
        padding-left: 0px;
        margin-bottom: 0px;
    }

    .cbp-spmenu .first-level-nav a:link{text-transform:uppercase; text-decoration:none; color:#ffffff; font-weight:600; display:block; background-color:#aa000e; border-bottom:1px solid #cc0011; padding:7px 0px 7px 15px; border-radius:0px;font-size: 16px; font-size:1.6rem;}
    .cbp-spmenu .first-level-nav a:visited{text-transform:uppercase; text-decoration:none; color:#ffffff; font-weight:600; display:block; background-color:#aa000e; border-bottom:1px solid #cc0011; padding:7px 0px 7px 15px; border-radius:0px; font-size: 16px;font-size:1.6rem;}
    .cbp-spmenu .first-level-nav a:hover{text-transform:uppercase; text-decoration:none; color:#ffffff; font-weight:600; display:block; background-color:#ff0015; border-bottom:1px solid #cc0011; padding:7px 0px 7px 15px; border-radius:0px;font-size: 16px; font-size:1.6rem;}
    .cbp-spmenu .first-level-nav a:active{text-transform:uppercase; text-decoration:none; color:#ffffff; font-weight:600; display:block; background-color:#aa000e; border-bottom:1px solid #cc0011; padding:7px 0px 7px 15px; border-radius:0px; font-size: 16px;font-size:1.6rem;}
    .cbp-spmenu .first-level-nav a.active{text-transform:uppercase; text-decoration:none; color:#ffffff; font-weight:600; display:block; background-color:#ff0015!important; border-bottom:1px solid #cc0011; padding:7px 0px 7px 15px; border-radius:0px;font-size: 16px; font-size:1.6rem;}
    .cbp-spmenu .first-level-nav i.fa {float:right; margin-right: 10px}
    .cbp-spmenu .second-level-nav{border-top:1px solid #cc0011;}
    .cbp-spmenu .second-level-nav a:link{text-transform:none; text-decoration:none; color:#ffffff; font-weight:600; display:block; background-color:#aa000e; border-bottom:1px solid #cc0011; padding:7px 0px 7px 15px; border-radius:0px; font-size: 12px;font-size:1.2rem;}
    .cbp-spmenu .second-level-nav a:visited{text-transform:none; text-decoration:none; color:#ffffff; font-weight:600; display:block; background-color:#aa000e; border-bottom:1px solid #cc0011; padding:7px 0px 7px 15px; border-radius:0px; font-size: 12px;font-size:1.2rem;}
    .cbp-spmenu .second-level-nav a:hover{text-transform:none; text-decoration:none; color:#ffffff; font-weight:600; display:block; background-color:#ff0015; border-bottom:1px solid #cc0011; padding:7px 0px 7px 15px; border-radius:0px;font-size: 12px; font-size:1.2rem;}
    .cbp-spmenu .second-level-nav a:active{text-transform:none; text-decoration:none; color:#ffffff; font-weight:600; display:block; background-color:#aa000e; border-bottom:1px solid #cc0011; padding:7px 0px 7px 15px; border-radius:0px; font-size: 12px;font-size:1.2rem;}

    .cbp-spmenu a.list-group-item.active, .cbp-spmenu a.list-group-item.active:hover, .cbp-spmenu a.list-group-item.active:focus {
        z-index: 2;
        color: #FFF;
        background-color: #aa000e;
        border-color: #cc0011;
    }

    .cbp-spmenu .list-group-item {
        position: relative;
        display: block;
        padding: 10px 15px;
        background-color: #FFF;
        border: 1px solid #cc0011;
    }

    

    .cbp-spmenu .panel > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    
    .cbp-spmenu .panel > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    
    .cbp-spmenu .list-group.subitem .list-group-item { 
        text-transform: none;
        font-size: 14px;
        font-size: 1.4rem;
        padding-left: 25px;
    }

    /* Orientation-dependent styles for the content of the menu */
    
    .cbp-spmenu-vertical {
        width: 240px;
        height: 100%;
        top: 0;
        z-index: 1000;
    }
    
    .cbp-spmenu-vertical a {
        border-bottom: 1px solid #cc0011;
        padding: 1em;
    }
    
    .cbp-spmenu-horizontal {
        width: 100%;
        height: 150px;
        left: 0;
        z-index: 1000;
        overflow: hidden;
    }
    
    .cbp-spmenu-horizontal h3 {
        height: 100%;
        width: 20%;
        float: left;
    }
    
    .cbp-spmenu-horizontal a {
        float: left;
        width: 20%;
        padding: 0.8em;
        border-left: none;
    }
    
    /* Vertical menu that slides from the left or right */
    
    .cbp-spmenu-left {left: -240px;}
    
    .cbp-spmenu-right {right: -240px;}
    
    .cbp-spmenu-left.cbp-spmenu-open {left: 0px;}
    
    .cbp-spmenu-right.cbp-spmenu-open {right: 0px;}
    
    /* Horizontal menu that slides from the top or bottom */
    
    .cbp-spmenu-top {top: -150px;}
    
    .cbp-spmenu-bottom {bottom: -150px;}
    
    .cbp-spmenu-top.cbp-spmenu-open {top: 0px;}
    
    .cbp-spmenu-bottom.cbp-spmenu-open {bottom: 0px;}
    
    /* Push classes applied to the body */
    
    .cbp-spmenu-push {
        overflow-x: hidden;
        position: relative;
        left: 0;
    }
    
    .cbp-spmenu-push-toright {left: 240px;}
    
    .cbp-spmenu-push-toleft {left: -240px;}
    
    /* Transitions */
    
    .cbp-spmenu,
    .cbp-spmenu-push {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    /*end of mobile nav*/


/**************/
/*** FOOTER ***/
/**************/

.footer-wrapper{
    background-color:#eeeeee;
    border-top:10px solid #cc0011;
    margin-top:50px;
}

.footer{background-color:#eeeeee;}

.footer .row.hr{
    height:2px;
    background-color:#bbbbbb;
    margin:0px 0px 0px 0px;
}

.footer .top{padding:20px 0px 0px 0px; }

.footer .top h2{margin:0px;}

    .footer .top-col ul{
       padding:0px; 
       margin:0px 0px 20px 0px;
    }

    .footer .top-col li:first-child{
       color:#555555; 
       text-transform:uppercase;
       font-weight:600;
    }

    .footer .top-col li{
       color:#cc0011;
       list-style-type:none;
       line-height:30px;
       line-height:3.0rem;
       font-size:14px;
       font-size:1.4rem;
    }

    .footer .top-col li a:link{color:#cc0011;}
    .footer .top-col li a:visited{color:#cc0011;}
    .footer .top-col li a:hover{color:#99000d; text-decoration:underline;-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
    .footer .top-col li a:active{color:#cc0011; text-decoration:underline;}

.footer .middle{padding:20px 0px 0px 0px;}

    .footer .mid-col ul{
       padding:0px; 
       margin:0px 0px 30px 0px;
    }

    .footer .middle li:first-child{
       text-transform:uppercase;
       font-weight:600;
       line-height:8px;
       line-height:0.8rem;
       padding:0px 0px 10px 0px;
    }

    .footer .middle li{
       list-style-type:none;
       color:#555555;
       line-height:22px;
       line-height:2.2rem;
       font-size:14px;
       font-size:1.4rem;
    }

    .footer .middle li a:link{color:#555555; text-decoration:none;}
    .footer .middle li a:visited{color:#555555; text-decoration:none;}
    .footer .middle li a:hover{color:#333333; text-decoration:underline; text-decoration:underline;-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
    .footer .middle li a:active{color:#555555; text-decoration:underline;}

    .social-icons li{
       float:left;
       margin:0px 21px 0px 0px;
    }
    
    .social-icons li a:link{color:#555555;}
    .social-icons li a:visited{color:#555555;}
    .social-icons li a:hover{color:#333333;text-decoration:underline;-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
    .social-icons li a:active{color:#333333;}

.footer .bottom{padding:20px 0px 20px 0px;}

    .footer .bottom-col ul{padding:0px;}

    .footer .bottom li{
       list-style-type:none;
       float:left;
       line-height:30px;
       margin:0px 30px 0px 0px;
       color:#555555;
    }

    .footer .bottom li a:link{color:#555555; text-decoration:none; font-size: 14px;font-size:1.4rem;}
    .footer .bottom li a:visited{color:#555555; text-decoration:none; font-size: 14px;font-size:1.4rem;}
    .footer .bottom li a:hover{color:#333333; text-decoration:underline; font-size: 14px;font-size:1.4rem; text-decoration:underline;-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
    .footer .bottom li a:active{color:#555555; text-decoration:underline; font-size: 14px;font-size:1.4rem;}

    .copyright{float:right;}
    
    .copyright li{
        font-size: 14px;
       font-size:1.4rem; 
       margin:0px!important;
    }


/************************************************************************************/
/************************************************************************************/
/************************** MEDIA QUERY FOR BELOW 480PX *****************************/
/************************************************************************************/
/************************************************************************************/

@media (max-width: 767px) {
	/*UC7 Dimensions*/
	.uc7_section.video p.content {margin-left: 80px;}
	
	/*UC7 Video Carousel*/
	#uc7video-carousel {
	  padding-left: 30px;
	  padding-right: 30px;
	}

	#uc7video-carousel .carousel-control {top: 40%; width: 5%;}
	#uc7video-carousel .carousel-control.left {margin-left: -35px;}
	#uc7video-carousel .carousel-control.right {margin-right: -15px;}
	
	#uc7video-carousel .uc7video-block {min-height: 200px;}
	
	#uc7video-carousel .uc7video-block .embed-responsive .vidBlackDiv,
	#uc7video-carousel .uc7video-block .embed-responsive .vidWhiteDiv {background-size: 80%; width: 90%; height: 75%;}
}

@media (max-width: 550px) {
	/*UC7 Dimension pages*/
	#uc7video-carousel .uc7video-block .embed-responsive .vidBlackDiv,
	#uc7video-carousel .uc7video-block .embed-responsive .vidWhiteDiv {background-size: 80%; width: 85%; height: 55%;}
}

@media (max-width: 479px) {
	/*UC7 Dimension pages*/
	.uc7_section.video p.content {margin-left: 55px;}
}

@media (max-width: 450px) {
    .image-caption figcaption h4, .image-caption figcaption p {font-size: 12px; font-size: 1.2rem}
    /********/
    /*ALERTS*/
    /********/
    .alert .btn-group .btn{width:100%;}
    .alert .btn-group .btn:first-child{margin-bottom:20px;}
	
	
	/*UC7 Dimension pages*/
	#uc7video-carousel .uc7video-block .embed-responsive .vidBlackDiv,
	#uc7video-carousel .uc7video-block .embed-responsive .vidWhiteDiv {display: none;}
}



/************************************************************************************/
/************************************************************************************/
/************************** MEDIA QUERY FOR 768PX AND UP **************************/
/************************************************************************************/
/************************************************************************************/

@media (min-width: 768px) { 
    #quote-carousel {
      margin-bottom: 0;
      margin-top: 30px;
    }
}


/************************************************************************************/
/************************************************************************************/
/******************* MEDIA QUERY FOR UP TO 768PX (SMALL DEVICES) ********************/
/************************************************************************************/
/************************************************************************************/

@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
	
}


/************************************************************************************/
/************************************************************************************/
/************************** MEDIA QUERY FOR BELOW 767PX *****************************/
/************************************************************************************/
/************************************************************************************/

@media (max-width: 767px) {
    
    .resp-tab-content.resp-tab-content-active{
        border: 2px solid #bbbbbb;
    }

    .demo-title{padding-left:15px!important;}
    
    /************/
    /*TYPOGRAPHY*/
    /************/
    p.lead, span.lead{
       font-size: 18px;
       font-size: 1.8rem;
       line-height: 24px;
       line-height:2.4rem;
       margin-top: 0;    
       margin-bottom: 14px;
    }
    

    .semi-bold{
       margin-bottom: 14px;
    }
    
    h1 {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 30px;
        line-height: 3.0rem;
    }
     
    h2 {
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 24px;
        line-height: 2.4rem;
    }

    h3{
        font-weight: 600; 
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22px;
        line-height: 2.2rem;
    }
    
    /*************/
    /*MAIN NAVBAR*/
    /*************/
    
    .navbar-collapse {
      box-shadow: none;
      padding-right: 21px;
      padding-left: 21px;
    }
    
    .navbar-collapse-2 {
      box-shadow: none;
      padding-right: 0px;
      padding-left: 0px;
    }
    
    .navbar-collapse-3 {
      box-shadow: none;
      padding-right: 0px;
      padding-left: 0px;
    }
    
    .navbar-collapse.collapse.main li a:link{padding-right:25px; padding-left:21px;}/*fixes nav links moving inward*/
    .navbar-collapse.collapse.main li a:visited{padding-right:25px; padding-left:21px;}/*fixes nav links moving inward*/
    .navbar-collapse.collapse.main li a:hover{padding-right:25px; padding-left:21px;}/*fixes nav links moving inward*/
    .navbar-collapse.collapse.main li a:active{padding-right:25px; padding-left:21px;}/*fixes nav links moving inward*/
    
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: -15px; /*was 21*/
        margin-left: -27px; /*was 21*/
    }
    
    .navbar-default .navbar-collapse{
       border-color: #E5E9EA;
       border-width: 2px;
       width:100%; /* change to 50% to have columns float beside each other */
       margin:auto;
    }
    
    .navbar-default.main-nav{
        background-color:#cc0011;
        border-radius:0px;
        min-height:70px;
        margin:0px;
    }
    
    .navbar-default .navbar-collapse:nth-child(3){
        padding-bottom:20px;/*adding 20px of padding to bottom of search bar when the menu is collapsed only*/
    }
    
    .navbar-brand{
        background-image:url('../images/university-of-canterbury-coat-of-arms-mobile.png');
        background-repeat:no-repeat;
        background-position:20px 15px;
        width:140px;
        height:62px;
    }
    
    .navbar-default .navbar-toggle:before {color: #ffffff;}
    
    .navbar-toggle {
        margin: 3px 0px 0px 0px;
        padding: 3px 13px 60px 13px;
        position:relative;
        top:0px;
        right:6px;
    }
    
    .navbar-default .navbar-toggle:hover:before, .navbar-default .navbar-toggle:focus:before {color: #ffffff;}
    
    .input-group.main-nav{width:100%;}/*search bar*/
    
    /*MOBILE SEARCH TOGGLE*/
    .navbar-toggle.mobile-search-toggle:before{
        content:"\f002";
        font-family: "FontAwesome";
    }
    

    /************************/
    /*COLLAPSED LEFT SIDEBAR*/
    /************************/
    
    .left-nav .mobile-menu-heading{
        display:block; 
        width:75%; 
        float:left; 
        color:#cc0011; 
        text-transform:uppercase; 
        font-weight:600; 
        padding:8px 0px 0px 15px;
    }
    
    .left-nav .heading{display:none;}
    
    .left-nav{padding:0px;}
    
    .sidebar-collapsed{background-color:#eeeeee;}
    
    .sidebar-toggle.collapsed:before{
        color:#cc0011;
        content: "\e004";
        font-family: "Flat-UI-Icons";
        font-size: 1.8rem;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-transition: color 0.25s linear;
        transition: color 0.25s linear;
    }
    
    .sidebar-toggle:before{
        color:#cc0011;
        content: "\e00b";
        font-family: "Flat-UI-Icons";
        font-size: 1.8rem;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-transition: color 0.25s linear;
        transition: color 0.25s linear;
    }
    
    .sidebar-toggle:hover:before, .sidebar-toggle:focus:before {
       color: #cc0011;
    }
    
    .sidebar-toggle {
        margin: 0px 0px 0px 0px;
        padding: 0px 15px 0px 15px;
        height:36px;
        line-height: 1em;
    }
    
    .left-nav a:link{border-bottom:1px solid #dddddd!important;}
    .left-nav a:visited{border-bottom:1px solid #dddddd!important;}
    .left-nav a:hover{border-bottom:1px solid #dddddd!important;}
    .left-nav a:active{border-bottom:1px solid #dddddd!important;}
    
    /********/
    /*FOOTER*/
    /********/
    .footer .bottom li a:link{font-size: 12px;font-size:1.2rem; }

    .copyright{
        float:left; 
        margin-top:5px;
    }    
    
    .copyright li{
        font-size: 12px;
        font-size:1.2rem; 
    }
    
    .navbar-collapse.in.subject-search-nav {overflow-y: initial;}
    
    /******************/
    /*RESPONSIVE TABLE*/
    /******************/

    /* Force table to not be like tables anymore */
        .no-more-tables table, 
        .no-more-tables thead, 
        .no-more-tables tbody, 
        .no-more-tables th, 
        .no-more-tables td, 
        .no-more-tables tr { 
            display: block; 
        }
 
    .no-more-tables thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
 
    .no-more-tables td { 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }
 
    .no-more-tables td:before { 
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
 
   
    .no-more-tables td:before { content: attr(data-title); }
        
        .table-bordered tr td, .table-bordered tr th {
            border: 1px solid #EEE !important;
        }
    
    /********/
    /*IMAGES*/
    /********/
    
    img{
        width:100%; /*making images on mobile span full width*/
        height:auto;
    }

    .item blockquote img {
        width:auto;
    }
    
    .small-featurette img{
        padding-right:0px;
    }
    
    .news-row .media{margin-bottom:45px;}
    
    .stat-section .col-md-4{margin-bottom:30px;}
    
    .stat-section .borders{
       border-right:none;
       border-left:none;
       min-height:150px;
    }
    
    
    /*fixed social icons*/
    #fixed-social{
        display:none!important;
    }
    
        
    /************/
    /*DROP DOWNS*/
    /************/
    
    /*.uc-dd2.mbl .btn-group{width:100%;}
    .uc-dd2 .btn.btn-default.dropdown-toggle{width:100%;}
    .uc-dd2 .dropdown-menu{width:100%;}
    .uc-dd2 .btn.btn-default.dropdown-toggle {text-align:left;}*/
    /*.uc-dd2 span{float:right; margin-top:-8px;}
    .uc-dd2 .huge-button span{float:right; margin-top:-10px;}*/
    /*.uc-dd2 span{float:right;}
    .uc-dd2 .small-button span{position:absolute; right:15px; top:13px;}
    .uc-dd2 .standard-button span{position:absolute; right:15px; top:16px;}
    .uc-dd2 .large-button span{position:absolute; right:15px; top:18px;}
    .uc-dd2 .huge-button span{position:absolute; right:15px; top:22px;}*/
    
    /*.bs-dd.mbl .btn-group{width:100%;}
    .bs-dd .btn.btn-default.dropdown-toggle{width:100%;}
    .bs-dd .dropdown-menu{width:100%;}
    .bs-dd .btn.btn-default.dropdown-toggle {text-align:left;}*/
    /*.bs-dd span{float:right; margin-top:-8px;}
    .bs-dd .huge-button span{float:right; margin-top:-10px;}*/
    /*.bs-dd span{float:right;}
    .bs-dd .small-button span{position:absolute; right:15px; top:13px;}
    .bs-dd .standard-button span{position:absolute; right:15px; top:16px;}
    .bs-dd .large-button span{position:absolute; right:15px; top:18px;}
    .bs-dd .huge-button span{position:absolute; right:15px; top:22px;}*/
    
    /*******/
    /*MODAL*/
    /*******/
    
    .modal-button{width:100%;}
    
    /*****************/
    /*RESPONSIVE TABS*/
    /*****************/
    
    ul.resp-tabs-list {display: none;}

    h2.resp-accordion {display: block;}

    .resp-vtabs .resp-tab-content {border: 2px solid #b5babd;}

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    
    .resp-accordion-closed { display:none !important;}
    
    .resp-vtabs .resp-tab-content:last-child { border-bottom: 2px solid #b5babd !important;}
    
    .resp-arrow:before {
        width: 0;
        height: 0;
        float: right;
        margin: 0px 15px 0px 0px;
        content: "\f077";
        font-family: "FontAwesome";
    }
    
    h2.resp-tab-active span.resp-arrow:before {
        width: 0;
        height: 0;
        float: right;
        margin: 0px 15px 0px 0px;
        content: "\f078";
        font-family: "FontAwesome";
    }
    
    /******************/
    /*CALENDAR BUTTONS*/
    /******************/
    .dark-grey-button{display:block;}
    
    /*******/
    /*STAFF*/
    /*******/
    .staff img{padding:0px 0px 20px 0px;}
    
    .previous-year-btn{margin-bottom:10px;}
    
    .service, .information, .publication{margin-bottom:30px;}
    
    .undergraduate-section{
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }

    .undergraduate-section .col-md-3{
        width:80%;
        float:left;
        margin-bottom:30px;
    }
    
    .undergraduate-section .col-md-1{
       margin-top:0%;
       width:20%;
       float:left;
       text-align:left;
    }
	
	/*** UC7 STYLES ***/

	.main-page-content.uc7 p {
		clear: inherit;
	}
	.uc7-main-img {
		width: 200px;
	}
	
	/** UC7 Dimension pages ***/
	.main-page-content.uc7-video .title .uc7ico {max-width: 40px; max-height: 40px;}
	.main-page-content.uc7-video h1.title.uc7red  {font-size: 22px; font-size: 2.2rem;}

	/* end of UC7 STYLES */
	
	/****** CUSTOM LISTS ******/

	/* Styled custom-counter ordered list */
	/* Done for UC Go Canterbury offer - should be made generic */

	.custom-counter > li {
	  padding-left: 4.5rem;
	}

	.custom-counter > li::before {
	  width: 3.2rem;
	  padding: 0.4rem 0;
	  /*height: 3.2rem;
	  line-height: 3.2rem;*/
	}
	
	/* end of LISTS*/
   
}


/************************************************************************************/
/************************************************************************************/
/************************** MEDIA QUERY FOR 768PX - 991PX ***************************/
/************************************************************************************/
/************************************************************************************/

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

    p, address {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 28px;
        line-height: 2.8rem;
    }

    /**********/
    /*main nav*/
    /**********/
    
    .nav.navbar-nav.main{margin-top:5px;}
    
    .navbar-collapse.collapse.main li a:link{padding-right:16px; padding-left:16px;}
    .navbar-collapse.collapse.main li a:visited{padding-right:16px; padding-left:16px;}
    .navbar-collapse.collapse.main li a:hover{padding-right:16px; padding-left:16px;}
    .navbar-collapse.collapse.main li a:active{padding-right:16px; padding-left:16px;}
    
    .yamm-content ul{min-width:170px;}
    
    .main-nav-links a:link{ padding-left:9px!important; padding-right:9px!important;}
    
    .input-group.main-nav {
        width: 120px;
        float: left;
        margin: 10px 0px 0px 0px;
    }
    
    .search-expand{
        width:200px!important;
        position:absolute!important;
        right:0;
        z-index:1000;
        -webkit-transition: width .20s ease-in-out;
       -moz-transition: width .20s ease-in-out;
       -o-transition: width .20s ease-in-out;
       transition: width .20s ease-in-out;
    }
    
    .search-expand-button{
        position:absolute!important;
        right:0;
        top:2px;
        z-index:1000;
    }
    
    .input-group.main-nav button:hover, .input-group.main-nav.focus button:hover{
        position:absolute!important;
        right:0;
        top:2px;
        z-index:1000;
    }
    
    /**********/
    /*LEFT NAV*/
    /*********/
    
    .left-nav .mobile-menu-heading{
        display:block; 
        width:75%; 
        float:left; 
        color:#cc0011; 
        text-transform:uppercase; 
        font-weight:600; 
        font-size:18px;
        font-size:1.8rem;
        line-height:22px;
        line-height:2.2rem;
        padding:5px 0px 5px 15px;
    }
    
    .left-nav .heading{display:none;}
    .navigation-list-5 .heading{display:block;}
        
    /*****************/
    /*EVENT ITEM PAGE*/
    /*****************/
    .event-details-wrapper{padding-bottom:0px;}
    
    .more-news-stories {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom:40px;
    }
    
 
    /********/
    /*IMAGES*/
    /********/
    
    img{
        width:100%; /*making images on mobile span full width*/
        height:auto;
    }
    
    .item blockquote img {
        width:auto;
    }
    /********/
    /*FOOTER*/
    /********/
    
    .top .col-md-3{/*reducing column widths so they don't stack on top of each other*/
        width:25%;
        float:left;
    }
    
    .middle .col-md-3{/*reducing column widths so they don't stack on top of each other*/
        width:25%;
        float:left;
    }
    
    .footer .middle li:first-child { line-height: 16px; line-height: 1.6rem;}
    
    .social-icons li {
        float: left;
        margin: 0px 7px 0px 0px;
    }
    
    /**************/
    /*LEFT SIDEBAR*/
    /**************/
    .container{width:100%;}
    
    .left-nav{padding:0px;}
    
    .left-nav .navbar-header {
        float: none;
        background-color:#eeeeee/*999999*/;
    }
    
    .left-nav .navbar-toggle {display: block;}
    
    .left-nav .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    
    .left-nav .navbar-collapse.collapse {display: none!important;}
    
    .left-nav .navbar-collapse.collapse.in {display: block!important;}
    
    .left-nav .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    
    .left-nav .navbar-nav > li {float: none;}
    
    .left-nav .navbar-nav >li >a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .sidebar-collapsed{
        background-color:#eeeeee/*999999*/;
        height:36px;
    }
    
    .sidebar-toggle.collapsed:before{
        color:#CC0011;
          content: "\e004";
          font-family: "Flat-UI-Icons";
          font-size: 18px;
          font-size: 1.8rem;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -webkit-transition: color 0.25s linear;
          transition: color 0.25s linear;
    }
    
    .sidebar-toggle:before{
        color:#CC0011;
        content: "\e00b";
        font-family: "Flat-UI-Icons";
        font-size: 18px;
        font-size: 1.8rem;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-transition: color 0.25s linear;
        transition: color 0.25s linear;
    }
    
    .sidebar-toggle:hover:before, .sidebar-toggle:focus:before {color: #CC0011;}
    
    .sidebar-toggle {
        margin: -9px 0px 0px 0px;
        padding: 0px 15px 0px 15px;
        height:36px;
    }
    
    
    /*******/
    /*MODAL*/
    /*******/
    .modal-button-wrapper{
        width:25%;
        margin:0px auto;
    }
    
    /*******/
    /*STAFF*/
    /*******/
    .staff img{padding:0px 0px 20px 0px;}

    /*Information*/
    .information {margin-bottom: 20px}

}


@media (max-width: 991px) {
	
	/*** UC7 STYLES ***/
	.uc7_section .title .uc7num, 
	.uc7_section .title .uc7ico,
	.uc7-img,
	.uc7-context,
	.uc7logo img,
	.uc7wheel img{
		width: auto;
	}
	.uc7-context {
		display: none;
	}

	/* end of UC7 STYLES */
	
}


/************************************************************************************/
/************************************************************************************/
/************************** MEDIA QUERY FOR 992PX - 1199PX **************************/
/************************************************************************************/
/************************************************************************************/

@media (min-width: 992px) and (max-width: 1199px) {
    
    .container{width:100%;}
    
    /**********/
    /*MAIN NAV*/
    /**********/
    
    .nav.navbar-nav.main{margin-top:5px;}
    
    .navbar-collapse.collapse.main li a:link{padding-right:25px; padding-left:25px;}
    .navbar-collapse.collapse.main li a:visited{padding-right:25px; padding-left:25px;}
    .navbar-collapse.collapse.main li a:hover{padding-right:25px; padding-left:25px;}
    .navbar-collapse.collapse.main li a:active{padding-right:25px; padding-left:25px;}
    
    .input-group.main-nav{
       width:200px;
       float:left;
       margin:12px 20px 0px 10px;
    }

    .input-group.main-nav input{
       border:none;
       height:27px;
       padding:3px 0px 0px 5px;
       font-family: 'Open Sans', sans-serif;
       font-size: 15px;
       font-size:1.5rem;
    }
       

    .left-nav .mobile-menu-heading{display:none;}
    
    .navbar-collapse {
       /*max-height: 100px;*//*controlling how far down the fixed social icons are pushed down*/
    }
    

    /*******/
    /*MODAL*/
    /*******/
    .modal-button-wrapper{
        width:25%;
        margin:0px auto;
    } 
}

@media (max-width: 1200px) {

	/*** UC7 STYLES ***/
	.uc7thumbs span img {
		width: 100% !important;
		height: auto !important;
	}
	
	/* end of UC7 STYLES */
	
}


/**************************************************************************************/
/**************************************************************************************/
/************************** MEDIA QUERY FOR 1200PX AND ABOVE **************************/
/**************************************************************************************/
/**************************************************************************************/
@media (min-width: 1200px) {

    
    .modal-button-wrapper{
        width:25%;
        margin:0px auto;
    }
    
    .news-section{
        padding-right:0px; 
        padding-left:0px; 
        margin-left:15px;
    }

    .left-nav .mobile-menu-heading{display:none;}



}

/**************************************************************************************/

/*                      SPECIAL CASES                                                 */

/**************************************************************************************/


@media (max-width: 639px) {
	/*** UC7 STYLES ***/
	.uc7logo img {
		width: 69%;
	}
	.uc7wheel img {
		width: 20%;
	}
	.uc7_section .title {
		font-size: 2.3rem;
	}
	.uc7_section .title .uc7ico {
		display: none;
	}
	     /*except*/
	     .main-page-content.uc7-video .title .uc7ico {display: inline-block;}
		 
	.uc7-main-img {
		width: 180px;
	}
	/* end of UC7 STYLES */
}

@media (max-width: 479px) {
	/*** UC7 STYLES ***/
	.main-page-content.uc7 p {
		clear: both;
	}
	.uc7-main-img {
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	.uc7-img {
		width: 100%;
	}
	.uc7_section .title {
		padding-left: 0;
		font-size: 2.2rem;
	}
	.uc7end p,
	.uc7end a {
		font-size: inherit;
	}
	.uc7thumbs span.right,
	.uc7thumbs span.center {
		display: none;
	}
	.uc7logo img {
		width: 100%;
	}
	.uc7wheel img {
		display: none;
	}
	/* end of UC7 STYLES */
}



/**************************************************************************************/
/**************************************************************************************/
/************************** CHROME AND SAFARI SPECIFIC CSS ****************************/
/**************************************************************************************/
/**************************************************************************************/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    
    .main-nav-search-input-button{padding-left:9px;}/*search icon in main nav*/
    
    .search-expand-button{
        position:absolute!important;
        right:0;
        top:1px;
        z-index:1000;
    }
    
    .input-group.main-nav button:hover, .input-group.main-nav.focus button:hover{
        position:absolute!important;
        right:0;
        top:0px;
        z-index:1000;
    }
    
    .nav .dropdown-toggle .subject-triangle {
      color:#ffffff;
      position:relative;
      top:-4px;
      left:-2px;
    }
    
    .uc-dd2 span{float:right; margin-top:0px;}
    .uc-dd2 .huge-button span{float:right; margin-top:0px;}
    
    .bs-dd span{float:right; margin-top:0px;}
    .bs-dd .huge-button span{float:right; margin-top:0px;}
}
#map, .flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 40px;
  overflow: hidden;
}

.flex-video {margin: 20px 0}
#map, .flex-video.vimeo { padding-top: 0; }

/*wide*/
.flex-video2 {
	padding-bottom: 57.25%;
}
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  #map,.flex-video { padding-top: 0; }
}