/*
Theme Name: Triviant
Theme URI: http://basticom.nl/
Author: Basticom
Author URI: http://basticom.nl/
*/

/* normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* grid */
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0}[class*='col-']{float:left;padding-right:20px}[class*='col-']:last-of-type{padding-right:20px}.grid{width:100%;max-width:960px;width:960px;min-width:755px;margin:0 auto}.grid:after{content:"";display:table;clear:both}.grid-pad{padding:20px 0 0 20px}.grid-pad > [class*='col-']:last-of-type{padding-right:20px}.push-right{float:right}.col-1-1{width:100%}.col-2-3,.col-8-12{width:66.66%}.col-1-2,.col-6-12{width:50%}.col-1-3,.col-4-12{width:33.33%}.col-1-4,.col-3-12{width:25%}.col-1-5{width:20%}.col-1-6,.col-2-12{width:16.667%}.col-1-7{width:14.28%}.col-1-8{width:12.5%}.col-1-9{width:11.1%}.col-1-10{width:10%}.col-1-11{width:9.09%}.col-1-12{width:8.33%}.col-11-12{width:91.66%}.col-10-12{width:83.333%}.col-9-12{width:75%}.col-5-12{width:41.66%}.col-7-12{width:58.33%}

html {box-sizing: border-box; }
*, *:before, *:after {   box-sizing: inherit; }

/*
font-family:'Eveleth W01 Thin';
font-family:'Eveleth W01 Regular';
font-family:'Eveleth W01 Bold';
font-family:'Effra W01 Regular';
font-family:'Effra W01 Bold';
font-family:'Effra W01 Italic';
 */

body {
	font-family:'Effra W01 Regular';
  background: url('img/bg-pattern.jpg') 0 0 repeat;
	line-height: 1;
  font-size: 15px;
  line-height: 26px;
  color:#6b6c6d;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {font-family:'Effra W01 Bold';color:#050708; }
a {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.trans2 {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.header {  width: 100%; overflow:hidden; position: relative;}
.page header {height: 260px;}
.home header{ height: 550px;}
.header .grid-pad {padding-top: 7px;}

.header-img {position: absolute; top: 0; margin: 0 auto; z-index: -2;}

/* Basic jQuery Slider essential styles */

#banner-fade {z-index:-3; position: absolute !important; left: 50%; margin-left: -970px;}
#banner-fade img{z-index: -2;}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}


.header-overlay {position: absolute; top: 0; margin: 0 auto; z-index: -1; width: 100%; height: 100%;}

.header-title h1 {font-family:'Eveleth W01 Thin';font-size: 24px;font-weight: normal;margin-top: 29px;}

.slider-content {color:#050708; margin-top: 87px  ;}
.slider-content h1 {font-family:'Eveleth W01 Bold'; font-weight: normal; font-size: 48px; margin-bottom: 12px;text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.004);}
.slider-content h2 {font-family:'Eveleth W01 Thin'; font-weight: normal; font-size: 24px; margin-bottom:  45px;text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.004);}
.catering-opportunities{font-family:'Effra W01 Regular'; font-size: 16px; color:#231f20;}
.catering-opportunities ul { list-style: none; padding:0; margin:0;}
.catering-opportunities li {padding-left: 1em;  text-indent: -.7em; display: inline-block;}
.catering-opportunities li:before { content: "• "; color: #fbe108; margin: 0 10px 0 0;}
.catering-opportunities ul li:first-child {padding-left: 0;text-indent: 0;}
.catering-opportunities ul li:first-child:before {display: none;}


.menu {float: right;margin-top: 63px;}
.menu ul { padding: 0; margin: 0;}
.menu li {display: inline-block; line-height: 21px; padding: 0 27px; border-right: 1px solid #cdcbcc;}
.menu li:last-child {border-right: 0; padding-right: 0;}
.menu a {color:#868788; text-decoration: none; text-transform: uppercase; font-size: 14px;}
.menu a:hover {color:#050708;}
.menu .current_page_item a, .menu .current-page-ancestor a {color:#050708;}

.home-content {margin-top: 40px;}

.fp-title {font-size: 28px; font-family:'Effra W01 Bold';color:#050708;margin-top: 14px;}
.who-we-are {margin-bottom: 34px;}
.usp {margin: 0; padding: 0; list-style:none;}
.usp li {padding-left: 39px; background: url('img/tick.png') 0 4px no-repeat; margin-bottom: 25px;}
.usp li h4 {font-size: 18px; font-family:'Eveleth W01 Thin'; margin: 0 0 0 0;}

.mood {padding: 0 !important;}
.mood .half{width: 210px; float: left; }
.mood .half.first {margin-right: 20px;margin-left: 20px;}
.mood figure {margin: 0; padding: 0; border: 1px solid #cccdce; width: 210px;}
.mood figure:first-child {margin-bottom: 20px;}
.mood figure img {display: block;width: 100%;}
.mood .quote {margin: 0; height: 141px; border: 1px solid #cccdce; width: 210px; padding: 0 18px; font-size: 14px; line-height: 24px; display: table-cell; vertical-align: middle; text-align: center; position: relative; }
.mood .quote:after { content:""; position: absolute; left: 40px; display: block; bottom:-21px;
 background: url('img/quote-corner.png') 0 0 no-repeat; width: 30px; height: 21px; }

.page-content {padding-top: 27px;padding-left: 13px;}
.page-content h2 {font-size: 28px; font-family:'Effra W01 Bold'; margin:0 0 30px 0; font-weight: normal;}
.page-content h3 {font-size: 18px; font-weight: normal;}
.page-content h4, .page-content h4, .page-content h5 {font-size: 16px;font-family:'Effra W01 Regular'; font-weight: normal;}
.page-content img {max-width:100%; height: auto;}
.page-content a {color:#050708;}
.page-content blockquote {border-left: 5px solid gray; padding: 5px 20px; margin: 0 0 20px 0;}

.page-content table{width:100%;margin-bottom:14pt}
.page-content table th,.page-content table td{padding:8px;font-size:14px;line-height:14pt;vertical-align:top;border-bottom:1px #eaeaea solid}
.page-content table th[class*="span"],.page-content table td[class*="span"]{display:table-cell!important;float:none!important;margin:0}
.page-content table thead th{vertical-align:bottom; color:#050708; text-align: left;}
.page-content table thead th,.page-content table thead td{border-bottom:1px solid #111}
.page-content table tbody tr:last-child td{border-bottom:0}
.page-content table tbody + tbody{border-top:2px solid #eaeaea}
.page-content table tfoot th,.page-content table tfoot td{border-top:1px solid #111}
.page-content table .table{background-color:#bfbfbf}
.page-content table {border:1px #eaeaea solid;border-left:0}
.page-content table  td,.page-content table th{border-left:1px #eaeaea solid;border-bottom:1px #eaeaea solid}
.page-content table.no-border td,.page-content table.no-border th{border:0}
.page-content table.border{border:1px #eaeaea solid!important}



.sub-links {list-style: none; padding: 0; margin: 90px 0 0 0;}
.sub-links li {position: relative; width: 280px; height: 40px; line-height: 40px;  background-color: #f0f1f2; margin-bottom: 1px; clear: both; }
.sub-links a {color:#6b6c6d; display: block; font-size: 13px; text-transform: uppercase;text-decoration: none; padding-left:22px;
-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.sub-links a:hover {background-color: #e3e4e6;}
  .sub-links .current_page_item {background-color: #e3e4e6; color:#050708;}
  .sub-links .current_page_item:after { content:""; position: absolute; right: -15px; top:0; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 15px; border-color: transparent transparent transparent #e3e4e6; }


.page-intros {margin: 32px auto 44px auto;}
.page-link {padding: 67px 0 0 0;background: url('img/page-entry1.png') left top no-repeat;
    width: 288px; margin-right:38px;
}
.page-link-2 {background-image: url('img/page-entry2.png');background-position: left 4px;}
.page-link-3 {background-image: url('img/page-entry3.png');background-position: left 8px; margin: 0; padding:67px 0 0 0 !important; }
  .page-link h4 {text-align: center; font-size:18px; margin:0 0 20px 0;}
  .page-link a {color:#050708; text-decoration: none; line-height: 20px; display: block;}
  .page-link a:hover {color:#99999a;}
  .page-link div {font-size: 15px; line-height: 26px;}
  .page-link a:after {content:""; background: url('img/next-icon.png') center center no-repeat; height: 16px; width: 16px; margin: 0 0 0 9px; display: inline-block; top: 3px; position: relative; }

.gform_wrapper {margin-bottom:30px;}
.gform_body ul {margin:0; padding:0; list-style:none;}
.gform_body li {padding:0; margin: 0 0 11px 0;}
.gfield {color:#6b6c6d; overflow: hidden; }
.gfield_required {color:#6b6c6d;}
.gform_wrapper .top_label input.medium {width: 320px; border: 1px solid #f0f1f2; box-shadow: inset 1px 1.732px 4px 0px rgba(27, 38, 40, 0.2);line-height:24px; height: 41px; padding: 8px 15px; margin: 1px 0;}
.gform_wrapper .top_label .gfield_label {float: left; text-transform: uppercase; font-size: 13px; line-height:39px; width:160px; font-weight:normal; color:#6b6c6d;}
.gform_wrapper textarea {border: 1px solid #f0f1f2; box-shadow: inset 1px 1.732px 4px 0px rgba(27, 38, 40, 0.2);float: left; padding: 8px 0 0 15px; margin: 1px 0; width: 428px;}
.gform_footer .button {margin: 0 0 10px 160px; }
  .ginput_container {float: left;}


  .gfield_error input, .gfield_error textarea {border-color: #be2400 !important;}
  .validation_message {text-transform: uppercase; clear: both; color: #be2400; margin-left: 160px; font-size:   13px;}

    .validation_error {padding: 12px 15px; font-size: 13px; color:#fff; background-color: #be2400; margin-bottom: 5px;}
    .gform_confirmation_message {padding: 12px 15px; font-size: 13px; color:#fff; background-color: #5b8d13; margin-bottom: 5px;}


.contact-list {font-family:'Effra W01 Bold'; list-style:none; padding:0; margin:0 0 20px 0;}
.contact-list li {padding-left:39px; color:#050708; margin-bottom: 5px;font-size: 21px;}
.contact-list a {text-decoration: none; color:#050708; }
.icon-mail {background: url('img/icon-mail.png') 0 center no-repeat;}
.icon-phone {background: url('img/icon-phone.png') 0 center no-repeat;}

.footer { color:#9a968b; background: #231f20 url('img/footer-overlay.png') center top no-repeat; height: 328px; text-align: center;}
.footer:before { content:""; width: 60px; height: 40px;background: url('img/footer-top.png') 0 0 no-repeat;position: absolute; left: 50%; margin-left: -30px;  }

.footer a {color:#fff; text-decoration: none; }
.footer .grid{ padding: 0 0 0 20px; display: inline-block;}
  .cta-pre {color:#fff; font-size: 21px; font-family:'Effra W01 Bold'; margin: 60px 0 0 0;}
  .footer .cta, .button {
      background-color: #fbe108; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.7); border:none; text-transform: uppercase;
      color:#050708; font-size:17px; text-align: center;
      padding: 0 34px; margin: 27px 0 11px 0; line-height: 49px; height:49px; display: inline-block; border-radius: 5px;
      box-shadow: 1px 1.732px 4px 0px rgba(27, 38, 40, 0.4), inset 0px -4px 0px 0px rgba(27, 38, 40, 0.2); font-weight: bold;
      font-weight: 600; font-family:'Eveleth W01 Bold';
  }
  .cta:hover, .button:hover { background-color:#ffea3c; }
  .cta-post a { color:#fbe108;  }


  .like-copy {margin-top: 36px; background: url('img/footer-border.png') center 10px no-repeat;}
    .like-copy p {margin:0;}
    .like-copy a {color:#fff; }
    .like-copy a:hover {color:#fbe108;}
  .like-area {text-align: left;}
    .like-area iframe {float: left; width: 103px;margin-top: 4px;}
  .copy-area {text-align: right;}
    .copyright span{ margin:0 10px;}

.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left;padding:0 5px 5px 0;margin:0 20px 20px 0}
.alignright{float:right;padding:0 0 5px 5px;margin:0 0 20px 20px}
.wp-caption{border:1px solid $link;text-align:center;padding:5px}
.wp-caption img{border:0 none;margin:0;padding:0}
.wp-caption .wp-caption-text{font-size:85%;margin:0;padding:3px;font-style:italic}
.gallery-item{float:left}
.gallery-columns-0 .gallery-item{width:100%}
.gallery-columns-1 .gallery-item{width:100%}
.gallery-columns-2 .gallery-item{width:50%}
.gallery-columns-3 .gallery-item{width:33.33%}
.gallery-columns-4 .gallery-item{width:25%}
.gallery-columns-5 .gallery-item{width:20%}