/*This O-Fest css file is copied from the OttawaOC custom.css file on 2015-06-01 in the morning and then edited from there. As much as possible changes are marked with a note about the change for O-Fest. Many colour changes are not noted in this way as they were done with a mass find and replace.*/


@font-face{
    font-family: KhmerUI;
src: url(../../../files/KhmerUI.eot?) format('eot'), url(../../../files/KhmerUI.woff) format('woff'), url(../../../files/KhmerUI.ttf) format('truetype');
     /*url('Sansation_Light.eot'); /* IE9 */
}

@media print {
  abbr[data-title]:after        /* this has been changed from abbr[title] ?? (correct - the abbr explanation should be now listed in the data-title attribute instead of the title attribute for formating reasons)*/
  {
    content:" (" attr(data-title) ")";
  }
 }  

body
{
       
  margin:0;
  margin-top:40px ;  /*2023 */
  font-family: Calibri;
  font-size:16px;
  line-height:21px;
  color:#242413;
  background-color:#fff;
  background-image: none;
}

/*custom: login module stuff*/
#login-button{
    color: #f7b021;
    cursor: pointer;
    padding: 10px;
}
#sidebar1 h3 {
	padding-top: 15px;
}
#login-container {
    position: fixed;
    z-index: 1032;
    display: none;
    background-color: #2b2a30;
    width: 300px;
    top: 36px;
    padding: 8px;
}
/*end custom: login*/

/*custom: set max width for site*/
#main-content, .navbar-fixed-top>.navbar-inner>.container-fluid, #menu, #grid-bottom, #grid-bottom2, #grid-top, #grid-top2{
    margin-top: 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
/*end custom: max width*/
/*custom: nav-toolbar display*/
@media (max-width: 979px) {
    #nav-toolbar {
        display: block;
        float: none;
    }
    #nav-toolbar div{
        display: block;
    }
    #nav-toolbar .nav {
        margin-bottom: 0 !important;
    }
} 
/*end custom: nav-toolbar*/
/*custom: featured thingy*/
#featured{
    padding: 0;
    margin-bottom: 0;
    background-color: #2b2a30;
}
/*end custom: featured*/

/*custom: using data-titles for tooltips such as info buttons*/
a[data-title]:hover:after, div[data-title]:hover:after, abbr[data-title]:hover:after{
  content: attr(data-title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 10000;
  width: 250px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  font-family: KhmerUI sans-serif;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-color: #ddd;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  filter: progid:DXImageTranxsform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffcccccc',GradientType=0)
}
.pull-right[data-title]:hover:after{
    right: 0;
}

/*end custom: titles*/

/*custom: getting *red* borders to display between columns*/
@media (min-width: 768px){
    #main-content [class*=span] {
        float: none;
        display: table-cell;
        padding-left: 8px;
        padding-right: 8px;
        overflow: visible; /*included to allow hint popups to float across column lines*/
    }
    #main-content #main{
        border-right: 3px solid #f7b021;
        border-left: 3px solid #f7b021;
    }
    #main-content #main:last-child {
        border-right: 0 none #f7b021;
    }
    #main-content #main:first-child {
        border-left: 0 none #f7b021;
    }
}

#main-content [class*=span]:first-child{
    float: left !important;
}
#sidebar2 > .module{
    margin-top: 21px /*custom: to line up the module header with the article header*/
}

/*end custom: red borders*/

/*custom setup for menu images on the right*/
.images-right .image-title{
    float: left;
    margin-right: 10px;
}
/*end custom right menu images*/
#menu /*added to fix problem shown on test - Jeff, May 12, 2014*/
{
    margin-bottom: 0;
}

/*custom: facebook appearance*/
.lfloat{
    display: none !important;
}
.storyInnerContent{
    margin-left: 0;
}
/*end custom: facebook*/


/*custom: image captions*/
.img-container{
    position: relative;
    margin-bottom: 10px;
}
.img-container>.caption{
    position: absolute;
    bottom:0;
    padding: 5px 10px;
    background-color: rgba(0,0,0,0.7);
    color: white;
}
/*end custom: captions*/


a
{
  color:#f5a803;
  font-weight: bold; /*O-Fest specific because yellow doesn't show up as well*/
}
a:hover, a:focus{
    color: #ffb71d; /*O-Fest specific colour*/
}
/*OFest home page latest news */
.icon-calendar, .icon-file
{
visibility: hidden
}

a.mod-articles-category-title
{
text-transform:uppercase
}

h1,h2,h3,h4,h5,h6,.title
{
    margin: 10px 0; /*added to match what's on the live site - Jeff, May 19, 2014*/
      font-family:KhmerUI sans-serif;
}

h1
{
    font-size: 30px;
    border-bottom: 2px solid #151515; /*used to be 1px width*/
}

h2
{
  font-size:20px;
}

ul,ol
{
  margin:0 0 10px 45px; /*custom left margin*/
}

dt
{

   font-family:KhmerUI sans-serif; /*custom*/
  margin-bottom: -2px; /*custom*/
  margin-top: 6px;
}

dd
{
  margin-left:14px; /*custom*/
}

hr
{
  margin:10px 0; /*custom*/
  border-top:1px solid #cecebd; /*custom*/
}

abbr[data-title],abbr[data-original-title]  /*again title became data-title ???*/
{
  cursor:help;
  border-bottom:1px dotted #999;
  position: relative;
}

pre
{
  margin:0 50px 10px;
  
  border: 2px solid #f7b021;
  *border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px; /*border-radius was originally 4px*/
}

form
{
  margin:10px 0;
}

.input-medium
{
  width:175px;
}

input.search-query /*customized numbers below*/
{
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-radius: 2px;
      -webkit-border-radius:2px;
  -moz-border-radius:2px;
}

table
{
  background-color:#eee;
}  

.table th,.table td
{

  border-top:1px solid #ccc;
}

.table tbody+tbody
{
  border-top:2px solid #ccc;
}

.table .table
{
  background-color:#eee;
}

.table-bordered
{
  border:1px solid #ccc;
  }

.table-bordered th,.table-bordered td
{
  border-left:1px solid #ccc;
}

.table-striped tbody>tr:nth-child(odd)>td 
{
  background-color:#fff;
}
.table-striped tbody>tr:nth-child(odd)>th{
    background-color: #f7b021;
}

.table-striped th, .table-striped td {
    border-top: none;
}

.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th
{
  background-color:#ce4a4a;
}

.btn  /*do we really want linear-gradient ??????? (this was originally in joomlashack's css and I assumed they had a reason for it so left it). */
{
	color:#000;
	font-family: 'Archivo Narrow',sans-serif;
  cursor:pointer;
  background-color:#f7b021;
  *background-color:#f7b021;
    background-image: -moz-linear-gradient(top, #f7b021,#f7b021);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7b021), to(#f7b021));
    background-image: -webkit-linear-gradient(top, #f7b021,#f7b021);
    background-image: -o-linear-gradient(top, #f7b021,#f7b021);
  background-image:linear-gradient(to bottom,#f7b021,#f7b021);
   border:1px solid #f7b021;
  border-color:#f7b021 #f7b021 #f7b021;
  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);   /*???????*/
  border-bottom-color:#f7b021;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffCC0000',endColorstr='#ffCC0000',GradientType=0);
}

.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]
{
  background-color:#ffb71d;    /*  review  second background was *background  (these should be the same with a star in front of the second one so changed now)*/
  *background-color:#ffb71d;
  color:#292929;
}

.btn-small
{
  padding:2px 4px;
  line-height:  12px; /*added to fix problem shown on test - Jeff, May 12, 2014 - not sure why this is needed given that it wasn't in original custom.css*/
}

.btn-primary, .active>a.btn-primary
{
  color:#000;
  text-shadow:0 -1px 0 rgba(0,0,0,0.25);
   background-color:#f7b021;
   *background-color:#f7b021;
  background-image: -moz-linear-gradient(top,#f7b021,#f7b021);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(CC0000), to(CC0000));
    background-image: -webkit-linear-gradient(top, #f7b021,#f7b021);
    background-image: -o-linear-gradient(top, #f7b021,#f7b021);
  background-image:linear-gradient(to bottom,#f7b021,#f7b021);
  border-color:#f7b021 #f7b021 #f7b021;
  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);      /*???????*/
 }

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]
{
  background-color:#ffb71d;
}

.btn-inverse
{
  background-color:#0f0f0f;
  *background-color:#0f0f0f;
    background-image: -moz-linear-gradient(top, #0f0f0f,#0f0f0f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0f0f0f), to(#0f0f0f));
    background-image: -webkit-linear-gradient(top, #0f0f0f,#0f0f0f);
    background-image: -o-linear-gradient(top, #0f0f0f,#0f0f0f);;
  background-image:linear-gradient(to bottom,#0f0f0f,#0f0f0f);
   border-color:#0f0f0f #0f0f0f #000;
  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0f0f0f',endColorstr='#ff0f0f0f',GradientType=0);
}

.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]
{
  background-color:#0f0f0f;
  *background-color:#0f0f0f;
}

.btn-group.open .btn.dropdown-toggle
{
  background-color:#f7b021; /*originally was ffc342;*/
}

.btn-group.open .btn-primary.dropdown-toggle
{
  background-color:#f7b021;
}

.btn-group.open .btn-inverse.dropdown-toggle
{
  background-color:#0f0f0f;
}

.nav>li>a:hover,.nav>li>a:focus
{
  background-color:#2b2a30;
}

.nav-tabs>li>a:hover,.nav-tabs>li>a:focus
{
  border-color:#2b2a30 #2b2a30 #2b2a30;
}

.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus
{
  border-color:#2b2a30 #2b2a30 #2b2a30 #2b2a30;
}

.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus
{
  border-color:#2b2a30 #2b2a30 #2b2a30 #2b2a30;
}

.navbar-inner
{
  min-height:32px; /*was 40 originally*/
  background-color:#2b2a30;
    background-image: -moz-linear-gradient(top, #2b2a30,#2b2a30);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2b2a30), to(#2b2a30));
    background-image: -webkit-linear-gradient(top, #2b2a30,#2b2a30);
    background-image: -o-linear-gradient(top, #2b2a30,#2b2a30);
  background-image:linear-gradient(to bottom,#2b2a30,#2b2a30);
  border: none;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2b2a30',endColorstr='#ff2b2a30',GradientType=0);
  -webkit-box-shadow:0 0 0 rgba(0,0,0,0.065);
  -moz-box-shadow:0 0 0 rgba(0,0,0,0.065);
  box-shadow:0 0 0 rgba(0,0,0,0.065);
}

.navbar-fixed-top,.navbar-fixed-bottom   /*don't understand comment - should this all be removed? (no - just the left: 300px should be removed - it's commented out now but isn't needed at all)*/
{
  position:fixed;
  right:0;
  left:0;
  z-index:1030;
  margin-bottom:0;
}

.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner
{
  border-width:0 0 0;
}

.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner, .wrapper-menu
{
  -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.35);
  -moz-box-shadow:0 3px 3px rgba(0,0,0,0.35);
  box-shadow:0 3px 3px rgba(0,0,0,0.35);
}

.navbar-fixed-top .navbar-inner{ /*all custom to remove shadow*/
    -webkit-box-shadow: 0 0;
-moz-box-shadow: 0 0;
box-shadow: 0 0;
}

.navbar .nav.pull-left
{
  float:left;
}
.navbar .nav.pull-right /*added to fix problem shown on test - Jeff, May 12, 2014*/
{
  float:right;
}
.navbar .nav>li>a
{
  padding:6px 15px; /*was 10px 15px*/
  color:#f7b021;
}

.navbar .nav>li>a:focus,.navbar .nav>li>a:hover
{
  color:#ffb71d;
}

.navbar .btn-navbar .icon-bar
{
  margin-right: 0; /*custom*/
}

.navbar-inverse .navbar-inner
{
  background-color:#2b2a30;
 background-image: -moz-linear-gradient(top, #2b2a30,#2b2a30);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2b2a30), to(#2b2a30));
  background-image: -webkit-linear-gradient(top, #2b2a30,#2b2a30);
  background-image: -o-linear-gradient(top, #2b2a30,#2b2a30);
  background-image:linear-gradient(to bottom,#2b2a30,#2b2a30);
  background-repeat:repeat-x;
  border-color:#2b2a30;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2b2a30',endColorstr='#ff2b2a30',GradientType=1);
}

.navbar-inverse .brand,.navbar-inverse .nav>li>a
{
  color:#fff;
}

.navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover,.navbar-inverse .brand:focus,.navbar-inverse .nav>li>a:focus
{
  color:#f7b021;
}

.navbar-inverse .brand
{
  color:#fff;
}

.navbar-inverse .navbar-text
{
  color:#fff;
}

.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover
{
  color:#f7b021;
  background-color:#2b2a30;
}

.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus
{
  color:#f7b021;
  background-color: #2b2a30;
}

.navbar-inverse .navbar-link
{
  color:#fff;
}

.navbar-inverse .navbar-link:hover,.navbar-inverse .navbar-link:focus
{
  color:#f7b021;
}

.navbar-inverse .divider-vertical
{
  border-right-color:#ddd;
  border-left-color:#ddd;
}

/*added 2016-01-17 to style O-Fest years menu*/
.navbar-fixed-top.navbar-inverse .nav.ofest-years li.active>a:not(.separator), .navbar-fixed-top.navbar-inverse .nav.ofest-years li:hover>a:not(.separator){
    font-size: 28px;
}
.navbar-fixed-top.navbar-inverse .nav.ofest-years li.active>a.separator, .navbar-fixed-top.navbar-inverse .nav.ofest-years li:hover>a.separator{
    color: #fff;
}

.navbar-fixed-top.navbar-inverse .nav.ofest-years li:hover>a:not(.separator){
    -webkit-transition: font-size 0.3s;
   -moz-transition: font-size 0.3s;
     -o-transition: font-size 0.3s;
        transition: font-size 0.3s;
}

.navbar-fixed-top.navbar-inverse .nav.ofest-years .caret{
    display: none;
}

/*end of O-Fest years menu styling*/

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle
{
  color:#f7b021;
  background-color:#2b2a30;
}

.navbar-inverse .nav li.dropdown>a:hover .caret,.navbar-inverse .nav li.dropdown>a:focus .caret
{
  border-top-color:#f7b021;
  border-bottom-color:#f7b021;
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret
{
  border-top-color:#f7b021;
  border-bottom-color:#f7b021;
}

.modal-backdrop.fade
{
  filter: alpha(opacity=0);
}

/*****   start of summer extended   ****/

.nav li a [class^="icon-"],.nav li a [class*=" icon-"]
{
  margin:0 3px;
}

.menu [class^="icon-"]::before,.menu [class*=" icon-"]::before
{
  margin-right:4px;
  line-height:normal;
}

dl.article-info    /* found at 1357 and 306  font size differs   custom had first font size ????*/
{
  min-height:20px;
}

.dropdown-menu a,.dropdown-menu span.separator
{
  display:block;
  padding:3px 15px;
  clear:both;
  font-weight:normal;
  line-height:18px;
  white-space:nowrap;
}

.elements
{
  border-bottom:1px solid #CCC;
}

.hide-text                  /* removed 'important' (that's a very dangerous thing to do - the !important means that this overrides the standard hierarchy and gets applied over a more specific or lower item.  This will be in there so that no matter what other css is being applied to the element the text will not show if the element has the hide-text class. I've therefore added the !important back in*/
{
  display:none!important;
}

.list-condensed li
{
  padding:4px 5px;
  overflow:hidden;
}

.list-striped,.row-striped
{
  list-style:none outside none;
  border-top: 0; /*custom*/
  background-color:#eee;
}

.list-striped li,.list-striped dd,.row-striped .row,.row-striped .row-fluid
{
  border-bottom:1px solid #ddd;
}

.list-striped li:nth-child(2n+1),.list-striped dd:nth-child(2n+1),.row-striped .row:nth-child(2n+1),.row-striped .row-fluid:nth-child(2n+1)
{
  background-color:#f9f9f9;
}

.nav>li>span.separator
{
  display:block;
  cursor:default;
}

.navbar .nav>li>span.separator
{
  float:none;
  padding:10px 15px;
  color:#999;
  text-decoration:none;
}

.navbar-inverse .nav>li>span.separator
{
  color:#666;
}

.nav-tabs>.open h3 a
{
  color:#555!important;
}

.page-header
{
  padding-bottom:0;
  margin:20px 0;
}

#container
{
  background:#FFF;
  border-bottom:1px solid #CCC;
}

#header
{
  background:#000;
}

#featured, header /*header added here to fix problem shown on test - Jeff, May 12, 2014*/
{
    margin-bottom: 0;    /*  should 'featured' be removed from above ??? (no this is in there on purpose)*/
}

#footer a:hover
{
  color:gray;
}

#toolbar
{
  margin-bottom:0;
}


body
{
  min-width:240px;
}

h2 /*custom*/
{
  padding-top: 15px;
  font-size:24px;
  border-bottom: 2px solid #151515;
  clear: both; /*custom*/
}

h3
{
  font-size:19px;
}

h4
{
  font-size:17px;
}

h5
{
  font-size:15px;
}

h6
{
  font-size:15px;
}

header [class*="container"]
{
  padding-top:0;
}

hr
{
  border-top:1px solid #cecebd; /**/
}

pre
{
  background-color:#eee; /*"transparent" in original template*/
  background-image:none; /*url(../images/bg-pre.jpg); this is from the template*/
}

.btn
{
  border-color:#f7b021;
}

.btn:hover
{
  color:#272727;
}

.btn-primary
{
  border-color:#f7b021;
}

.btn-primary:hover
{
  color:#ddd;
}

ul.actions,.btn-group .dropdown-menu
{
  background-color:#f7b021;

  -webkit-border-radius:0 0 6px 6px;
  -moz-border-radius:0 0 6px 6px;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
}

.btn-group .dropdown-menu    /**new  ??*/
{
  min-width:45px;
  padding-left:10px;
}

.btn-group .dropdown-menu li      /**new  ??*/
{
  float:left;
  width:20px;
  overflow:hidden;
}

.btn-group .dropdown-menu li a
{
  padding:0;
}

.btn-group .dropdown-menu li a:hover
{
  background-color:#f00;
}

 /*custom*/

.content-menu li{
    padding: 0;
}
/*custom*/

[class*="module"]>h3
{
  border-bottom:2px solid #f7b021;
}

/*custom*/
#sidebar1 [class*="module"]>h3{
    text-align: right;
}
/*end custom*/

.nav-tabs dt a,.nav-tabs>li>a
{
  padding:4px 20px; /*custom values*/
  font-family: 'Khmer UI';
  background-color:#f7b021;
}

.nav-tabs>li>a:hover
{
  color:#000; /*custom*/
  background-color:#aa0000; /*custom*/
}
/******    these 2 similar but reversed  see line 2659  ??? (which line 2659? this file isn't that large) */
.nav-tabs.nav-stacked>li>a
{
  margin-bottom:0;
  border:1px solid #cecebd;
}

.nav-tabs.nav-stacked>li>a:hover
{
  color:inherit;
}

.nav-tabs>.active>a,.nav-tabs>.active>a:hover 
{
  border: 1px solid #cecebd;    /*custom*/
  border-bottom: 0;             /*custom*/
  box-shadow: inset 0px 9px 40px -25px #000; /*custom*/
}

.tab-content
{
  border-bottom: 1px solid #cecebd; /*the three border lines are custom*/
  border-right: 1px solid #cecebd;
  border-left: 1px solid #cecebd;
  overflow: hidden; /*because of clipped images in map-quicknotes*/
}

.wrapper-bottom-menu
{
  background-color:#eee;
}

.wrapper-footer
{
  padding-top:200px;
  background-image: url(../images/Skyline-footer.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #231f20;  /*custom*/
  position: relative; /*custom - so the sponsors and supports module is in the right spot.*/
}

#featured
{
  padding:0; /*customized*/
}

#footer
{
  color:#fff;
  padding-top: 100px;
}

#grid-bottom .module>h3,#grid-bottom .moduletable>h3,#grid-bottom .moduletext>h3
{
  font-size: 19px; /*custom*/
  text-transform: none; /*custom*/
}

#grid-bottom2 .module>h3,#grid-bottom2 .moduletable>h3,#grid-bottom2 .moduletext>h3
{
  font-size: 19px; /*custom*/
  text-transform: none; /*custom*/

}
#grid-bottom, #grid-bottom2{
      padding-top: 15px; /*custom*/
  border-top: 3px solid #f7b021; /*custom*/
}

#grid-bottom2
{
  padding-top: 10px; /*added to fix problem shown on test - Jeff, May 12, 2014*/
  padding-right:0;
  padding-left:0;
  color: #000;
  background-color: #fff;
}

#grid-bottom2 h3
{
  margin-bottom:20px;
  color: #000;
}

#grid-bottom2 hr
{
  display: none; /*custom*/
  height:4px;
}

#header
{
  padding-left: 20px; /*custom*/
  padding-right: 20px; /*custom*/
}

#logo
{
  /*removed for O-Fest: visibility: hidden;*/
  min-height: 44px; /*custom*/
  margin-bottom:0;
}

/*custom*/
#logo img{
  max-height: 44px;
}
/*end custom*/

#main-content
{
  margin-top:20px;
}

.bs-docs-sidenav .active .icon-chevron-right,.bs-docs-sidenav .active a:hover .icon-chevron-right
{
  filter: alpha(opacity=100);
}

.navbar .btn-navbar {
    background-color: #f7b021;/*custom*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  -moz-transform: skew(-15deg);
  -webkit-transform:  skew(-15deg);
  transform: skew(-15deg);
}

.navbar-inverse .dropdown-menu
{
  background-color:#2b2a30;
  border-color:#2b2a30;
}


.navbar-inverse .dropdown-menu>li>span.separator,.navbar-inverse .dropdown-menu li>span.separator:hover
{
  color:#fff;
}

.navbar-inverse .dropdown-menu li>a:hover,.navbar-inverse .dropdown-menu li>a:focus,.navbar-inverse .dropdown-submenu:hover>a,.navbar-inverse .dropdown-menu>li:hover>a
{
  background-color:#2b2a30;
}

.navbar-inverse .btn-navbar
{
  background-color:#f7b021;
}

.navbar-inverse .nav>li:hover
{
  background-color:#2b2a30;
}

.navbar-inverse .dropdown-menu .dropdown-menu
{
  background-color:#2b2a30;
  border-color:#2b2a30;
}
.navbar-inverse .nav li li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li li.dropdown.open.active>.dropdown-toggle
{
  background-color:2b2a30;
}

.navbar-inverse .dropdown-menu .active>a,.navbar-inverse .dropdown-menu .active>a:hover
{
  background-color:#2b2a30;
}
.navbar /*added to fix problem shown on test - Jeff, May 12, 2014*/
{
    font-size: 18px;
}
.wrapper-menu
{
  padding-left: 20px; /*custom*/
  padding-right: 20px; /*custom*/
  background-color:#2b2a30; /*custom*/
  z-index: 1031; /*custom for O-Fest site (OttawaOC is 1029)*/
  margin-top: 0; /*custom for O-Fest site (OttawaOC is -33px)*/
}

@media (max-width:767px) {
    .wrapper-menu {
        margin-top: 0; /*custom*/
    }
}

#bottom-menu
{
  margin-bottom:0;
}

.wrapper-bottom-menu .navbar
{
  background-color:#eee;
}

.content-fluid-imago .wrapper-menu
{
  margin-right:0;
  margin-left:0;
}

.wrapper-menu .navbar
{
  z-index: 1029; /*custom*/
}

#toolbar
{
  margin: 0; /*custom*/
}

.navbar #toolbar .nav>.active>a,.navbar #toolbar .nav>.active>a:hover,.navbar #toolbar .nav>.active>a:focus
{
  background: none; /*custom*/
  border-bottom:0; /*custom*/
}

/*custom*/
@media (max-width: 979px) {
  .navbar #toolbar .nav>.active>a,.navbar #toolbar .nav>.active>a:hover,.navbar #toolbar .nav>.active>a:focus
  {
    color:black;
    background: none; /*custom*/
    border-bottom:0; /*custom*/
  }
	body{ margin-top:90px;}
	div.wrap-art-centre {margin-top: 150px;}
	ul.dropdown-menu ul.dropdown-menu.sub-menu {position:initial};  
header .navbar-fixed-top{
    background-color: #2b2a30;
    padding-left: 0;
    padding-right: 0;
}
/*2023*/
header .navbar-fixed-top .navbar-inner {
    width:95%;
}
	body{ margin-top:90px;}
	div.wrap-art-centre {margin-top: 150px;}
	ul.dropdown-menu ul.dropdown-menu.sub-menu {position:initial};
   
#nav-toolbar>div{
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 2px;
    padding: 13px 5px;
    border-bottom: 1px solid;
}
#nav-toolbar>div.module{
    padding: 0 5px;
}
#nav-toolbar>div.mod-languages>ul>li>a,#nav-toolbar>div.custom>div#login-button{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 22px;
}
}
/*end custom*/


.navbar-inverse .dropdown-menu li>a:hover,.navbar-inverse .dropdown-menu li>a:focus,.navbar-inverse .dropdown-submenu:hover>a,.navbar-inverse .dropdown-menu>li:hover>a
{
  color:#f7b021;
}
/*  missed first time round */
.navbar-inverse .dropdown-menu li>a
{
  color:#ddd; /*new O-Fest colour*/
}
.navbar-inverse .dropdown-menu li
{
  padding:2px 5px;
  border-bottom: 1px solid #999; /*new O-Fest border colour*/
}
/* end of missed.*/

.table th
{
  background-color:#f7b021;
}

#featured
{
  background-color:#2b2a30; /*changed from eee to match colour of header and main menu when loading and waiter for featured images*/
}

/*custom: getting menu to display over bottom of images*/
.moduletablehidden-phone{
    margin-bottom: -42px;
}
/*end custom: getting menu to display over bottom of images*/

/*custom Table of Contents*/
.content-menu li>a{
    display: block;
    text-align: right;
    color: #000;
    font-weight: normal; /*O-Fest - to undo the bold for most links which are yellow*/
}
.content-menu li{
    border-bottom: 1px solid #ddd;
}
.content-menu li:last-child{
    border-bottom: none;
}
.content-menu li>a:hover{
    background-color: #ddd;
    color: #fff;
}

.fixed-content-menu{
    position: fixed !important;
    top: 93px;
    width: 250px;
    z-index: 999;
}

/*end custom: Table of Contents*/
/*custom anchors*/
.anchor{
    display: inline-block;
    padding-top:136px;
    margin-top: -136px;
    visibility: hidden;
}
/*end custom anchors*/

/*!
 * Bootstrap Responsive v2.3.1
 */


 @media(min-width:768px) and (max-width:979px) { 
  .row-fluid [class*="span"]  /*needs review */
  {
    margin-left:2.7624309392265%;
    margin-left:2.7092394498648%;
  }
  }
  
@media (max-width:767px) {

#logo{
    visibility: visible;
}
  /*end custom*/
}


@media (max-width:979px) {
  
  
/*custom fix - nav menu for small tablets and phones*/
.nav-collapse .nav.pull-left,.nav-collapse .nav.pull-right {
    float: none;
    width: 100%;
}
/* end custom fix*/

/*custom*/
.nav-collapse{
    background-color:transparent;
}/*custom*/
  
  
  .nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a
  {
    -webkit-border-radius:0; /*custom*/
    -moz-border-radius:0; /*custom*/
    border-radius:0; /*custom*/
    border-bottom: 1px solid; /*custom*/
  }

.wrapper-menu .navbar-inverse .menu {
    background-color: #2b2a30;
}
/*end custom*/
   
  .navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a
  {
    color:#fff!important;/*custom*/
  }
  
  .navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .nav>li>a:focus,.navbar-inverse .nav-collapse .dropdown-menu a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:focus
  {
    background-color:#2b2a30;/*custom*/
    color: #f7b021!important;
  }
.navbar-inverse .nav>li:hover{
    background-color: transparent;
}
  /*custom*/
.navbar-inverse .nav li li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li li.dropdown.open.active>.dropdown-toggle {
background-color: transparent;
}
.navbar-inverse .nav-collapse .dropdown-menu .dropdown-menu{
    background-color: transparent;
}
.navbar-inverse .nav-collapse .dropdown-menu li{
    border-bottom-width: 0;
}
/*end custom*/
  
}


@media (max-width:979px) {  
 
  .dropdown-menu .sub-menu  /*this looks like a small change to line 501 - ul.dropdown etc. ???? (not sure which line from which file you are referring to)*/
  {
    position:relative;
    top:auto;
    left:auto;
    margin-top:0;
    visibility:visible;
  }
}

@media (max-width:979px) {
       
  .navbar .nav li li.dropdown.open>.dropdown-toggle,.navbar .nav li li.dropdown.active>.dropdown-toggle,.navbar .nav li li.dropdown.open.active>.dropdown-toggle
  {
    color:#f7b021!important; /*custom*/
  }
  
  .navbar-inverse .nav li li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li li.dropdown.open.active>.dropdown-toggle
  {
    color:#f7b021!important; /*custom*/
  }
  .navbar-inverse .dropdown-menu .active>a, .navbar-inverse .dropdown-menu .active>a:hover{
    background-color:#2b2a30;/*custom*/
  }
}

/*custom to add padding to the correct side when floated*/    
#main .pull-right{
  margin-left: 15px;    
}

#main .pull-left{
  margin-right: 15px;    
}
/*end custom*/

/*custom: Summer-solstice Handicap Form*/
.hcap-form{
    background: #ddd;
    border: 1px solid #555;
    border-radius: 4px;
    box-shadow: inset 9px 9px 40px -25px #000;
    padding: 10px;
}
/*end custom form*/
/*custom*/
.margintop-30{
    margin-top: -30px;
}

.content-menu a [class^="icon-"]{
    display: none;
}

.content-menu.not-striped li{
    background-color: #fff;
}
/*end custom*/
/*fixes for IE 8*/
#nav-toolbar {
    display: table;
    float: right;
}
#nav-toolbar div, #nav-toolbar form{
display: table-cell;
}
#nav-toolbar .nav {
margin-bottom: -8px !important;
margin-top: 10px; /*added for O-Fest - added to OttawaOC.ca as well*/
}
@media (max-width: 979px) {
    #nav-toolbar {
        display: block;
        float: none;
    }

    #nav-toolbar div {
        display: block;
    }

    #nav-toolbar .nav {
        margin-bottom: 0 !important;
    }

    .wrap-art-center {
        width: 100%;
    }

    .wrapper-menu {
        width: 100%;
    }
}
    /*end IE 8 fixes*/
    /*custom copyright*/
.copyright {
    text-align: center;
    }
/*end custom copyright*/

button.btn, input[type="submit"].btn { /*added because it's in the original custom.css I wrote to change the padding from 4 to 3 to make the buttons slightly thinner- Jeff May 17, 2014*/
padding-top: 3px;
padding-bottom: 3px;
}
#featured-logo{
position:relative;
margin-top:-300px;
height:300px;
width:100%;
max-width:1400px;
margin-left:auto;
margin-right:auto;
}

/* the following lines are items for OFest that are not in OttawaOC*/
/*featured photo and text styling*/
#featured .highlight{
    position: relative;
}
#featured .moduletable{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.title {
    font-size:  57px;
    position:  absolute;
    bottom: 0;
    font-weight:  bold;
    color: #fff;
    line-height:normal;
}
.tleft{
    left: 10px;
    font-size: 67px;
}
.tright{
    right: 10px;
}
.tleft2017{
    left: 10px;
    font-size: 57px;
	text-shadow: 5px 5px #000000;
}
.tright2017{
    right: 10px;
    font-size: 57px;
	text-shadow: 5px 5px #000000;
}
.ttop{
	text-align: left;
	top:10px;
	text-shadow: 5px 5px #000000;

}

/*end featured photo and text styling*/

/*O-Fest ring styling*/
.o-fest-ring2017{
    position:absolute;
    z-index: 1050;
    height:184px;
    width: 184px;
    border-radius: 92px;
    left: 50%;
    margin-left: -92px;
    background-color: #fff;
    top: -75px;
    background-image: url(../../../images/COC2017_ring.png);
    background-size: contain;
}
.o-fest-ring{
    position:absolute;
    z-index: 1050;
    height:184px;
    width: 184px;
    border-radius: 92px;
    left: 50%;
    margin-left: -92px;
    background-color: #fff;
    top: -75px;
    background-image: url(../../../images/O-FestRing.png);
    background-size: contain;
}

.o-fest-ring{
    box-shadow: 0 2px 8px 0px #444;
}
/*hover effect added 2016-01-17*/
.o-fest-ring2017:hover {
    -webkit-animation: spin 4s linear;
    -moz-animation: spin 4s linear;
    animation: spin 4s linear;
}                             
#ring-date{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: bold;
    color: #000;
    width: 100%;
    text-align:center;
    position: absolute;
    line-height: 30px;
    top: 32px;
}
#ring-date2017{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #000;
    width: 100%;
    text-align:center;
    position: absolute;
    line-height: 20px;
    top: 50px;
}

/*Silly animation*/
#ring:hover
{
    -webkit-animation:spin 4s linear;
    -moz-animation:spin 4s linear;
    animation:spin 4s linear;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
/*End Silly animation*/
/*end O-Fest ring styling*/

/*day ad content (map samples)*/
.dayad
{
    /*width: 1000px;*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
    min-height: 84px;
    padding: 8px;
}
.dayad h2
{
    font-size: 1.6em;
    font-weight: bold;
    border-bottom: none;
    margin: 8px 0 5px 0;
    padding-top: 0px;
    text-shadow: 
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff;
}
.dayad h3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    margin: 2px 0;
        text-shadow: 
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff;
}
.ad-left, .ad-right
{
    width: 100%;
    height: 84px;

}
.ad-right h2, .ad-right h3
{
    text-align: right;
}

/*end day ad content (map samples)*/