/*
global.css
03-2015 M. Sedlmayr

Modified boostrap classes that apply globally
Custom classes that apply globally
*/

/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
 /* Myriad */
@font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('https://pixologic.com/fonts/myriad-pro/Myriad Pro Regular'), url('https://pixologic.com/fonts/myriad-pro/MYRIADPRO-REGULAR.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Condensed'; font-style: normal; font-weight: normal; src: local('https://pixologic.com/fonts/myriad-pro/Myriad Pro Condensed'), url('https://pixologic.com/fonts/myriad-pro/MYRIADPRO-COND.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Semibold Italic'; font-style: normal; font-weight: normal; src: local('https://pixologic.com/fonts/myriad-pro/Myriad Pro Semibold Italic'), url('https://pixologic.com/fonts/myriad-pro/MYRIADPRO-SEMIBOLDIT.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Semibold'; font-style: normal; font-weight: normal; src: local('https://pixologic.com/fonts/myriad-pro/Myriad Pro Semibold'), url('https://pixologic.com/fonts/myriad-pro/MYRIADPRO-SEMIBOLD.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Condensed Italic'; font-style: normal; font-weight: normal; src: local('https://pixologic.com/fonts/myriad-pro/Myriad Pro Condensed Italic'), url('https://pixologic.com/fonts/myriad-pro/MYRIADPRO-CONDIT.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Bold Italic'; font-style: normal; font-weight: normal; src: local('https://pixologic.com/fonts/myriad-pro/Myriad Pro Bold Italic'), url('https://pixologic.com/fonts/myriad-pro/MYRIADPRO-BOLDIT.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Bold Condensed Italic'; font-style: normal; font-weight: normal; src: local('https://pixologic.com/fonts/myriad-pro/Myriad Pro Bold Condensed Italic'), url('https://pixologic.com/fonts/myriad-pro/MYRIADPRO-BOLDCONDIT.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Bold Condensed'; font-style: normal; font-weight: normal; src: local('https://pixologic.com/fonts/myriad-pro/Myriad Pro Bold Condensed'), url('https://pixologic.com/fonts/myriad-pro/MYRIADPRO-BOLDCOND.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Bold'; font-style: normal; font-weight: normal; src: local('https://pixologic.com/fonts/myriad-pro/Myriad Pro Bold'), url('https://pixologic.com/fonts/myriad-pro/MYRIADPRO-BOLD.woff') format('woff'); }
/* Flexslider Icons */
@font-face { font-family: 'flexslider-icon'; src: url('https://pixologic.com/fonts/flexslider-icon.eot'); src: url('https://pixologic.com/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('https://pixologic.com/fonts/flexslider-icon.woff') format('woff'), url('https://pixologic.com/fonts/flexslider-icon.ttf') format('truetype'), url('https://pixologic.com/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'Geogrotesque-SemiBold';src: url('https://pixologic.com/fonts/webfonts/geo-semibold/eot/style_169898.eot');src: url('https://pixologic.com/fonts/webfonts/geo-semibold/eot/style_169898.eot?#iefix') format('embedded-opentype'),url('https://pixologic.com/fonts/webfonts/geo-semibold/woff/style_169898.woff') format('woff'),url('https://pixologic.com/fonts/webfonts/geo-semibold/ttf/style_169898.ttf') format('truetype'),url('https://pixologic.com/fonts/webfonts/geo-semibold/svg/style_169898.svg#Geogrotesque-SemiBold') format('svg');}
@font-face {font-family: 'Geogrotesque-Medium';src: url('https://pixologic.com/fonts/webfonts/geo-medium/eot/1110FC_0.eot');src: url('https://pixologic.com/fonts/webfonts/geo-medium/eot/1110FC_0.eot?#iefix') format('embedded-opentype'),url('https://pixologic.com/fonts/webfonts/geo-medium/woff/1110FC_0.woff') format('woff'),url('https://pixologic.com/fonts/webfonts/geo-medium/ttf/1110FC_0.ttf') format('truetype'),url('webfonts/1110FC_0.svg#wf') format('svg');}
@font-face {font-family: 'Geogrotesque-Regular';src: url('https://pixologic.com/fonts/webfonts/geo-regular/eot/11014B_0.eot');src: url('https://pixologic.com/fonts/webfonts/geo-regular/eot/11014B_0.eot?#iefix') format('embedded-opentype'),url('https://pixologic.com/fonts/webfonts/geo-regular/woff/11014B_0.woff') format('woff'),url('https://pixologic.com/fonts/webfonts/geo-regular/ttf/11014B_0.ttf') format('truetype'),url('https://pixologic.com/fonts/webfonts/geo-regular/svg/11014B_0.svg#wf') format('svg');}


html, body {
    font-family:"Myriad Pro", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: greyscale;
    background-color:#ebebeb;
}

.banner-mid {
  width:100%;
  height:500px;
  background-size: cover !important;
  position:relative;
}

.banner-clear {
  min-height:75%;
  position:relative;
}

.banner-clear h1 {
  display:block;
  position:absolute;
  bottom:-75px;
  float:left;
  color:#ffffff;
  font-size:45px;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.8);
  background-color:rgba(0, 0, 0, 0.5);
  padding:6px 20px 0 20px;
  max-width:95%;
  letter-spacing:2px;
  font-family:"Myriad Pro", "Lucida Grande", "Helvetica Neue", Helvetica, sans-serif;
  line-height:1.52;
  font-style:normal !important;
  font-weight:100 !important;
}

.banner-clear cite {
  position:absolute;
  float:right;
  bottom:-90px;
  right:10%;
  color:#ffffff;
  font-style:normal;
  font-size:12px;
  font-weight:300;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

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

#container {
    width: 100%;
    height: 100%;
}

.clear {
  min-height:100px;
  clear:both;
}

.img-responsive {
    width: 100%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #797979;
}


@media (max-width:767px) {
  .banner-clear cite {
    bottom:-75px;
  }
}

/* SHARE BAR */

.sharebar {
  padding:3px;
  margin:6px 0;
  color:#666666;
  text-transform:uppercase;
  font-size:12px;
}

.btn-share {
  color:#666666;
  min-width:33px !important;
  height:36px;
  padding:1px;
  font-size:32px;
  margin:0;
}

.fb:hover{color:#3b5998;}
.tw:hover{color:#00acad;}
.yt:hover{color:#dd4b39;}
.ig:hover{color:#a3620a;}
.tm:hover{color:#32506d;}
.pn:hover{color:#c92228;}