/*
Theme Name: Staff rosters
Theme URI: http://www.staffrosters.com.au
Description: Staff Rosters Theme
Version: 1.0
Author: Converge
Author URI: http://www.meetconverge.com
*/

@font-face {
    font-family: 'proxima_nova_softregular';
    src: url('font/proximanovasoft-regular-webfont.eot');
    src: url('font/proximanovasoft-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/proximanovasoft-regular-webfont.woff') format('woff'),
         url('font/proximanovasoft-regular-webfont.ttf') format('truetype'),
         url('font/proximanovasoft-regular-webfont.svg#proxima_nova_softregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.container {/*border: 1px solid red;*/ font-family: "proxima_nova_softregular", sans-serif;}
.clear {clear:both;}
#header { height: 100px; border-bottom: 1px solid #eee;}
 #logo  {
  font-size: 30px;
  font-family: "Proxima Nova";
  color: rgb( 51, 51, 51 );
  text-transform: uppercase;
  text-align: right;
margin-top: 40px;
margin-left: -40px;

 }
 #navmenu { margin-top: 40px; text-align: right; margin-left: 40px; }
ul.topmenu li { display:inline; list-style: none; padding: 0 10px; }
ul.topmenu li a {text-decoration: none;}
ul.topmenu li a:hover {text-decoration: underline;}

#featureslider {  height: 394px; margin-top: 30px; }
 #featureleft { margin-top: 200px; color: white; }

 #featureright {  }
#trial { height: 120px; background-color: #ebebeb; margin-top: 30px;}
#trial p {text-align:center; font-size: 25px; padding-top: 50px;}
#content { margin-top: 30px; }
 #contentleft {  }
 #contentmiddle {  }
 #contentright {  }
h3.demo {text-transform: uppercase; margin-top: -10px;}

#footer { height: 260px; background-color: #ebebeb; margin-top: 30px; }
 #footcol1 { padding-top: 40px; }
 #footcol2 { padding-top: 40px; }
 #footcol3 { padding-top: 40px; }
 #footcol4 { padding-top: 40px; }

.latest-blog ul {padding:0; margin:0;}
.latest-blog li {list-style:none; margin:0; padding: 10px 0;}
.latest-blog li:before {content: "» ";}

 /* Slider Stuff */

 .banner { position: relative; overflow: hidden; width:960px; }
    .banner li { list-style: none; height:394px; color: white; padding:0;margin:0;}
        .banner ul li { float: left; padding:0;margin:0; }
.banner ul {padding:0;margin:0; }
        .slider1 {background-image: url('img/featured-bg.png');}
        .slider2 {background-image: url('img/slider-2.png');}
        .slider3 {background-image: url('img/slider-3.png');}
        .slider4 {background-image: url('img/slider-4.png');}
        .slider5 {background-image: url('img/slider-5.png');}

 .banner ul li h4 { margin-top: 200px; padding: 10px; text-transform: uppercase; font-size: 22px; text-decoration: underline;}
 .banner ul li p {color: white; width: 380px; padding: 10px;}


.banner .dot {
    -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
  }
  
  .banner .dots {
    position: absolute;
    left: 400px;
    right: 0;
    bottom: 2px;
  }
    .banner .dots li {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 0 4px;
      
      text-indent: -999em;
      
      border: 2px solid #fff;
      border-radius: 6px;
      
      cursor: pointer;
      opacity: .4;
      
      -webkit-transition: background .5s, opacity .5s;
      -moz-transition: background .5s, opacity .5s;
      transition: background .5s, opacity .5s;
    }
      .banner .dots li.active {
        background: #fff;
        opacity: 1;
      }

.dark h4, .dark p {color: #333 !important;}