/* 
 * Name:          theme.css
 * Description:   theme styles for IMPP (colors, fonts, etc.)
 * Author:        design frischgepresst
 * Author URI:    https://design-frischgepresst.de/
 * Contributors:  design frischgepresst
 * Version:       0.0.2 (c) 2018 design frischgepresst
 *
 */
 
/*
 *  FONTS
 */

@font-face {
  font-family: 'FiraSans';
  src: url('../fonts/firasans/FiraSans-Book.eot?') format('eot'), url('../fonts/firasans/FiraSans-Book.woff') format('woff'), url('../fonts/firasans/FiraSans-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  }

@font-face {
  font-family: 'FiraSans';
  src: url('../fonts/firasans/FiraSans-BookItalic.eot?') format('eot'), url('../fonts/firasans/FiraSans-BookItalic.woff') format('woff'), url('../fonts/firasans/FiraSans-BookItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  }

@font-face {
  font-family: 'FiraSans';
  src: url('../fonts/firasans/FiraSans-Medium.eot?') format('eot'), url('../fonts/firasans/FiraSans-Medium.woff') format('woff'), url('../fonts/firasans/FiraSans-SemiBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  }

@font-face {
  font-family: 'FiraSans';
  src: url('../fonts/firasans/FiraSans-MediumItalic.eot?') format('eot'), url('../fonts/firasans/FiraSans-MediumItalic.woff') format('woff'), url('../fonts/firasans/FiraSans-MediumItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  }
/*
@font-face {
  font-family: 'FiraSans-UltraLight';
  font-family: 'FiraSans';
  src: url('../fonts/firasans/FiraSans-UltraLight.eot?') format('eot'), url('../fonts/firasans/FiraSans-UltraLight.woff') format('woff'), url('../fonts/firasans/FiraSans-UltraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  }

@font-face {
  font-family: 'FiraSans-UltraLight';
  font-family: 'FiraSans';
  src: url('../fonts/firasans/FiraSans-UltraLightItalic.eot?') format('eot'), url('../fonts/firasans/FiraSans-UltraLightItalic.woff') format('woff'), url('../fonts/firasans/FiraSans-UltraLightItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  }
  */


body,
button,
input[type="button"], 
input[type="submit"],
.submit,
textarea { 
  font-family: 'FiraSans','Helvetica Neue', sans-serif;
  }

  
/*
 *  COLORS
 */
 
body {
  background-color: #EEF6FC;
  background-image: url(../img/site-background.png);
  background-position: calc(50% + 10em) top;
  background-repeat: no-repeat;
  }

@media only screen and (min-width: 60em) {
  body {
    background-position: center top;  
    }
  }
  
/*  Color-01: Dark blue */

.color-01 {
  color: #15386C;
  color: rgba(21,56,108,1);
  }

.mod_newsarchive figure,
.mod_newslist figure,
.tagcloud li a:hover,
.color-01-bg {
  background-color: #15386C;
  background-color: rgba(21,56,108,1);
  }

#nav-primary-container {
  box-shadow: 2px 0 8px #15386C;
  box-shadow: 2px 0 8px rgba(21,56,108,0.5);
  }


/*  Color-02: Light blue */

#breadcrumbs li a,
#footer a,
.toggle-nav-header.open,
#main a,
#left a,
#right a,
.nav-primary > ul > li:hover > a,
.color-02 {
  color: #6FBEEE;
  }

button,
input[type="button"], 
input[type="submit"],
.submit,
.tags a,
.tagcloud li a,
.ui-accordion-header,
.color-02-bg {
  background: #6FBEEE; 
  }

#main,
#footer .inside,
.color-02-border-top {
  border-top: 1px solid #6FBEEE;
  }

@media only screen and (min-width: 48em) {
  .nav-primary .level_2 > li,
  .shade-02-border-left {
    border-left: 1px solid #6FBEEE;
    }
  }


/*  Color-01b: NEW IMPP BG Blue */

#nav-primary-container,
.ui-accordion-header,
.nav-primary .toggle-sub .level_2-container {
  background: #C5E5F8;
  background: #CCE1F3;
  }

/*  Color-03: Very Light blue */

.border-color-03 {
  border: 1px solid #F0F8FD;
  }

  
/*  Color-04: Red */

.toggle-nav-header.close,
.nav-primary li a:hover,
.nav-primary > ul > li:hover > a,
.nav-primary .level_1 .toggle-sub > a,
.nav-primary li.active,
.nav-secondary li.active,
.nav-tertiary li.active,
.color-04 {
  color: #FE5869;
  }

#header .ce_hyperlink a,
#footer .link-top,
.nav-primary .level_1 .toggle-sub a:after,
label.toggle-search-header,
.color-04-bg {
  background-color: #FE5869;
  }

.color-04-border-top {
  border-top: 1px solid #FE5869;
  } 

.alert-box {
  border-right: 0.5em solid #FE5869;
  } 
  

/*  Shade-01 */

th,
#search-header input[type="search"],
.ui-accordion-header,
.ui-accordion-header:after,
.nav-primary a,
.shade-01 {
  color: #2E4154;
  }

 
.ui-accordion-header.active,
.shade-01-bg {
  background-color: #2E4154;
  }

/*
.nav-primary .toggle-sub .level_2-container {
  background-color: #2E4154;
  background-color: rgba(46,65,84,0.97);
  }
*/

/*  Shade-02 */

.alert-box,
form p,
label,
#footer,
#left h1, #right h1,
#left h2, #right h2,
#left h3, #right h3,
#left h4, #right h4,
#left h5, #right h5,
#left h6, #right h6,
#left p, #right p,
#left ol, #right ol,
#left ul, #right ul,
#main ul,
#main ol,
.meta,
tr,
.ui-accordion-content,
.shade-02 {
  color: #5E7282;
  color: rgba(94,114,130,1);
  }

.ui-accordion-header.active,
.tags a:hover,
.shade-02-bg {
  background-color: #5E7282;
  background-color: rgba(94,114,130,1);
  }

body:not(:target) #nav-primary:target,
.shade-02-border-bottom {
  border-bottom: 1px solid #5E7282;
  }


/*  Shade-03 */

.info,
input,
select,
textarea, 
.shade-03 {
  color: #A6B4BF;
  }

::-webkit-input-placeholder { color: #A6B4BF; }
::-moz-placeholder { color: #A6B4BF; }
:-ms-input-placeholder { color: #A6B4BF; }
:-moz-placeholder { color: #A6B4BF; }

hr, 
.shade-03-bg {
  background-color: #A6B4BF;
  background-color: rgba(166,180,191,1);  
  }
 
    
.shade-03-border-bottom {
  border-bottom: 1px solid #A6B4BF;
  }


/*  Shade-04 */ 

.mod_breadcrumb,
.mod_breadcrumb a,
.mod_breadcrumb li:last-child a,
.shade-04 {
  color: #D6E0E7;
  color: rgba(214,224,231,1);
  }

#main form,
#left form,
#right form,
#search-header input[type="search"],
.shade-04-bg {
  background-color: #E3EBF0; /* #D1DAE1;
  background-color: rgba(209,218,225,1); */ 
  background-color: #DFE8EE; 
  }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
.mod_newsarchive > .block,
.mod_newslist > .block,
select,
textarea {
  border: 1px solid #D1DAE1;
  border: 1px solid #DFE8EE;
  }

#footer,
.shade-04-border-top {
  border-top: 1px solid #D1DAE1;
  border-top: 1px solid #DFE8EE;
}

tr,
.meta,
.shade-04-border-bottom {
  border-bottom: 1px solid #D1DAE1;
  border-bottom: 1px solid #DFE8EE;
}

/*  Shade-05 */

.shade-05 {
  color: #EAF4F8;
  color: rgba(234,244,248,1);
  color: #E5ECF1;
  }
 
.pagination li,
.shade-05-bg {
  background-color: #EAF4F8;
  background-color: #E5ECF1;
  }
  

/*  Light */

button,
input[type="button"], 
input[type="submit"],
#header h1.ce_headline,
#header h2.ce_headline,
#header .ce_hyperlink a,
/*.nav-primary li ul li a:hover,
.nav-primary > ul > li:hover > a,*/
.submit,
.subtitle,
.tags a,
#main .tagcloud li a,
#left .tagcloud li a,
#right .tagcloud li a,
#footer .link-top,
.title,
.ui-accordion-header.active,
.light {
  color: #fff;
  color: rgba(255,255,255,1);
  }

.ui-accordion-header.active:after,
.ui-accordion-header.active {
  color: #fff !important;
  }

.alert-box,
.mod_newsarchive .block,
.mod_newslist .block,
.ui-accordion-content,
.light-bg {
  background-color: #fff;
  background-color: rgba(255,255,255,1);
  }

@media only screen and (min-width: 48em) {  
  #search-header form,
  #nav-primary-container {
    background-color: #fff;
    background-color: rgba(255,255,255,0.99);
    }
  }

  
/*  Gradients */

#header,
.gradient-01 {
  background: #293d52;
  background: -moz-linear-gradient(top, #2E4154 0%, #2f516a 100%);
  background: -webkit-linear-gradient(top, #2E4154 0%,#2f516a 100%);
  background: linear-gradient(to bottom, #2E4154 0%,#2f516a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293d52', endColorstr='#2f516a',GradientType=0 );
  }
  
.mod_newsarchive > .block,
.mod_newslist > .block {
  background: #fff;
  background: -moz-linear-gradient(top, #DFE8EE 0, #DFE8EE 10em, #fff 10em);
  background: -webkit-linear-gradient(top, #DFE8EE 0, #DFE8EE 10em, #fff 10em);
  background: linear-gradient(top, #DFE8EE 0, #DFE8EE 10em, #fff 10em);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293d52', endColorstr='#2f516a',GradientType=0 );
  }