/*******************************************************************************
 global styles 
*******************************************************************************/

:link, :visited {
 background-color: transparent;
 color: #e64f20;
 text-decoration: none;
 font-weight: bold;
}

:link:hover, :visited:hover {
 background-color: #ffe6cc;
 color: #e64f20;
 text-decoration: none;
 font-weight: bold;
}

:link:active, :visited:active {
 background-color: transparent;
 color: #ff0000;
 text-decoration: none;
 font-weight: bold;
}

.img:link:hover, .img:visited:hover {
 background-color: transparent;
 color: #e64f20;
 text-decoration: none;
 font-weight: bold;
}

.btn-ishir-primary {
 background-color: #330;
 color: #ffe6cc;
}

.btn-ishir-primary:hover, .btn-ishir-primary:hover {
 background-color: #7f7f4c;
 color: #ffe6cc;
}

.btn-default :link, .btn-default :visited {
 background-color: transparent;
 color: #e64f20;
}

.btn-default :link:hover, .btn-default :visited:hover {
 background-color: transparent;
}

  :link abbr[title]
, :visited abbr[title] {
  border-bottom: 0 none;
}

body {
  background: #cc9; /* fallback */
  font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 16pt;
  color: #330;
}

.container { 
  max-width: 900px;
  padding-left: 0;
  padding-right: 0;
}

#main-header h1 span { visibility: hidden; }

  #main-header h1 :link
, #main-header h1 :visited {
  display: block;
  height: 100%;
  background-color: transparent;
}

article {
  border-top: solid 1em #ffe6cc;
  padding: 2ex 1em;
  background: white;
}

.navbar-ishir {
  margin-bottom: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #330; 
}

  .navbar-ishir li > :link
, .navbar-ishir li > :visited {
  color: #ffe6cc;
}

  .navbar-ishir li > :link:hover
, .navbar-ishir li > :visited:hover {
  background-color:  #7f7f4c;
  color: #ffe6cc;
}

  .navbar-ishir li > .selflink:link
, .navbar-ishir li > .selflink:visited {
  color: #e64f20;
}

  .navbar-ishir li > .selflink:link:hover
, .navbar-ishir li > .selflink:visited:hover {
  background-color: transparent;
  color: #e64f20;
}
.navbar-ishir .navbar-toggle { border: solid 1px #7f7f4c; }
.navbar-ishir .icon-bar { background-color: #ffe6cc; }

footer { 
  background: #ffe6cc; 
  font-size: smaller; 
}
footer .row { margin: 0; }

#footer-top {
  padding: 2ex 1em 0;
}

#search-form { margin-bottom: 2ex; }

footer .btn {
  background-color: #330;
  color: #ffe6cc;
}

  #language-selection .list-group-item:link
, #language-selection .list-group-item:visited {
  color: #e64f20;
}

  #language-selection .self-language-link:link
, #language-selection .self-language-link:visited {
  background-color: white;
}

  #language-selection .self-language-link:link
, #language-selection .self-language-link:visited {
  color: #330;
}

  #language-selection .self-language-link:link
, #language-selection .self-language-link:visited {
  background-color: transparent;
}

#language-selection .list-group-item {
  padding: 0;
  border: none 0;
}

#page-actions {
  background-color: #330;
}

/******************************************************************************/
/* between 400px and 768px */
#main-header {
  position: relative;
  height: 80px;
  background-color: #e64f20; /* fallback */
  background: url("../images/phoenix-small.png") no-repeat 0 0; /* fallback */
  background: url("../images/phoenix-small.png") no-repeat 0 0, -moz-linear-gradient(45deg, #e64f20 0%, #ffe6cc 100%);
  background: url("../images/phoenix-small.png") no-repeat 0 0, -webkit-linear-gradient(45deg, #e64f20 0%, #ffe6cc 100%);
  background: url("../images/phoenix-small.png") no-repeat 0 0, linear-gradient(to top right, #e64f20, #ffe6cc);
}

#main-header h1 {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 278px;
  height: 50px;
  margin: 0;
  margin-top: -25px; /* half the image height */
  padding: 0;
  background: url("../images/project-aon-small.png") no-repeat 0 0;
}

#search-form .searchbox { margin-bottom: 1ex; }

/******************************************************************************/
@media only screen and (max-width: 400px) {
  #main-header {
    background: linear-gradient(to top right, #e64f20, #ffe6cc);
  }

  #main-header h1 {
    right: auto;
    left: 10px;
  }
}

/******************************************************************************/
@media only screen and (min-width: 768px) {
  body { 
    padding-bottom: 2ex; 
    background: #cc9 url("../images/header-field.png") repeat-x 0 0;
  }
  .container { 
    padding-left: 15px;
    padding-right: 15px;
  }
  #main-header {
    height: 187px;
    background: url("../images/phoenix-large.png") no-repeat 0 0; /* fallback */
    background: url("../images/phoenix-large.png") no-repeat 0 0, linear-gradient(to top right, #e64f20, #ffe6cc);
  }
  #main-header h1 {
    right: 40px;
    width: 228px;
    height: 148px;
    margin-top: -74px; /* half the image height */
    background: url("../images/project-aon-large.png") no-repeat 0 0;
  }
  #search-form .searchbox { margin-bottom: 0; }

}