/*
Theme Name: Trafquip Theme
Description: A responsive theme for trafquip.com
Version:1.0
Author: Larrie Bernd Rocha
Author URI: http://www.larrieberndrocha.info
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
@charset "UTF-8";

#header img, #content img { max-width:100%; }
.shadowed { -webkit-box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.5); -moz-box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.5); box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.5); }
.container .columns.right { float:right; }

/* Header */
#header { padding-top:40px; }

  /* Logo */
  #logo { margin-bottom:10px; }

  /* Dropdown and SlickNav */
  #nav { margin-bottom:10px; }
    #nav .container, #nav .container > .columns { }
    #nav ul, #nav li { list-style:none; margin:0; padding:0; }
    #nav ul.dropdown a { padding:5px 11px; font:14px/25px "Avenir Black"; text-transform:uppercase; text-decoration:none; color:#818285; }
    #nav ul.dropdown > a:hover, 
    #nav ul.dropdown li.hover > a, 
    #nav ul.dropdown .current_page_item > a, 
    #nav ul.dropdown .current-menu-item > a, 
    #nav ul.dropdown .current-menu-ancestor > a  { color:#ffe6ae; }
    #nav ul.dropdown li.last > a { padding-right:0; }

  /* Dropdown Level */
  #nav ul.dropdown li.current-page-ancestor ul, #nav ul.dropdown li.current-menu-ancestor ul { margin-left:-1px; }
    #nav ul.dropdown ul  { width:200px; padding:10px 0; background:#fff; border:1px solid #818285; }
    #nav ul.dropdown ul ul { }
      #nav ul.dropdown ul li { width:200px; margin:0; }
      #nav ul.dropdown ul li a { display:block; }
      #nav ul.dropdown ul li a:hover  { background:#231f20; }
    
    /* SlickNav Menu Additional Style */
    body .slicknav_menu { background:none; }
      body .slicknav_btn { float:left; background:#231f20; }
      body #nav .slicknav_nav { background:#fff; border:1px solid #818285; }
        body #nav .slicknav_nav li { margin:0; }
        body #nav .slicknav_nav li .slicknav_arrow { color:#818285; }
        body #nav .slicknav_nav li:hover a { background:none; }
        body #nav .slicknav_nav li a > a:hover, 
        body #nav .slicknav_nav li:hover a > .slicknav_arrow, 
        body #nav .slicknav_nav li .slicknav_arrow:hover { color:#ffe6ae; }
          body #nav .slicknav_nav li li a { padding-left:25px; }
          body #nav .slicknav_nav li a { margin:0; padding-top:10px; padding-bottom:10px; background:none; font:14px "Avenir Black"; text-transform:uppercase; text-decoration:none; color:#818285; }
          body #nav .slicknav_nav li > a:hover, 
          body #nav .slicknav_nav li.hover > a:hover, 
          body #nav .slicknav_nav .current_page_item > a:hover, 
          body #nav .slicknav_nav .current-menu-item > a:hover, 
          body #nav .slicknav_nav .current-menu-ancestor > a:hover { background:#231f20; color:#ffe6ae; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
          body #nav .slicknav_nav li > a:hover > a { color:#fff; }
          body #nav .slicknav_nav li > a:hover > a:hover { color:#ffe6ae; }

#banner { margin-bottom: 28px; text-align:center; }
  #banner img { display:block; max-width:100%; height:auto; }

#heading { margin-bottom:4px; background:#231f20; }
  #heading .heading { margin:10px auto; font-size:18px; line-height:2.15em; color:#ffc20e; text-transform:uppercase; }

/* Content */  
#content { padding:20px 0 60px; }
  #content.homecontent { background:#ffc20e; color:#fff; font-size:16px; }
  #content .title { margin-bottom:0; font-size:20px; font-family:"Avenir Heavy"; color:#ffc20e; text-transform:uppercase; }
  
  /* Main Content */
  #maincontent {}
  
  /* Sidebar */
  #sidebar {}

/* Footer */
#footer { }
        
/* #Page Styles
================================================== */


/* #Media Queries
================================================== */

	@media only screen and (min-width:960px) {
    #logo { width:430px; margin-left:0; }
    #nav { width:510px; margin-right:0; margin-top:56px; }
    #banner.container, #heading, #content { width:100%; max-width:1082px; }
    #heading, #content { margin-left:auto; margin-right:auto; }
  }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width:768px) and (max-width:959px) {
    #nav { margin-top:26px; }

  }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width:767px) {

  }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width:480px) and (max-width:767px) {

  }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width:479px) {

  }

  /* Responsive Video */
  @media only screen and (max-width:1279px) {
    .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } 
    .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
  }

  /* Responsive Menu Using SlickNav */  
  .slicknav_menu { display:none; }
  @media screen and (max-width:767px) {
    #nav ul.dropdown { display:none; }
    .slicknav_menu { display:block; }
  }

/* #Font-Face
================================================== */
  
@font-face {
    font-family: 'Avenir Medium';
    src: url('fonts/avenir-medium/avenir-medium-webfont.eot');
    src: url('fonts/avenir-medium/avenir-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir-medium/avenir-medium-webfont.woff2') format('woff2'),
         url('fonts/avenir-medium/avenir-medium-webfont.woff') format('woff'),
         url('fonts/avenir-medium/avenir-medium-webfont.ttf') format('truetype'),
         url('fonts/avenir-medium/avenir-medium-webfont.svg#avenir_65medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Avenir Heavy';
    src: url('fonts/avenir-heavy/avenir-heavy-webfont.eot');
    src: url('fonts/avenir-heavy/avenir-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir-heavy/avenir-heavy-webfont.woff2') format('woff2'),
         url('fonts/avenir-heavy/avenir-heavy-webfont.woff') format('woff'),
         url('fonts/avenir-heavy/avenir-heavy-webfont.ttf') format('truetype'),
         url('fonts/avenir-heavy/avenir-heavy-webfont.svg#avenirregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Avenir Black';
    src: url('fonts/avenir-black/avenir95black-webfont.eot');
    src: url('fonts/avenir-black/avenir95black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir-black/avenir95black-webfont.woff2') format('woff2'),
         url('fonts/avenir-black/avenir95black-webfont.woff') format('woff'),
         url('fonts/avenir-black/avenir95black-webfont.ttf') format('truetype'),
         url('fonts/avenir-black/avenir95black-webfont.svg#avenir95blackblackblackblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
  
/*
Theme Creator:Larrie Bernd Rocha
Theme Creator URI:http://www.larrieberndrocha.info
*/