/*
Theme Name: Eight Cre8te
Theme URI: https://www.eightcre8te.com/
Description: Bespoke Theme built using Bootstrap 3 for Eight Cre8te
Author: Elms Creative
Author URI: http://www.elmscreative.com/
Version: 1.0
*/

@font-face {font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-MediumOblique.woff2') format('woff2'), url('fonts/AvenirLTStd-MediumOblique.woff') format('woff'); font-weight: 500; font-style: italic; }
@font-face {font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-Oblique.woff2') format('woff2'), url('fonts/AvenirLTStd-Oblique.woff') format('woff'); font-weight: normal; font-style: italic; }
@font-face {font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-Medium.woff2') format('woff2'), url('fonts/AvenirLTStd-Medium.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face {font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-Book.woff2') format('woff2'), url('fonts/AvenirLTStd-Book.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-LightOblique.woff2') format('woff2'), url('fonts/AvenirLTStd-LightOblique.woff') format('woff'); font-weight: 300; font-style: italic; }
@font-face {font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-BlackOblique.woff2') format('woff2'), url('fonts/AvenirLTStd-BlackOblique.woff') format('woff'); font-weight: 900; font-style: italic; }
@font-face {font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-Light.woff2') format('woff2'), url('fonts/AvenirLTStd-Light.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face {font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-Roman.woff2') format('woff2'), url('fonts/AvenirLTStd-Roman.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-HeavyOblique.woff2') format('woff2'), url('fonts/AvenirLTStd-HeavyOblique.woff') format('woff'); font-weight: 900; font-style: italic; }
@font-face {font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-Heavy.woff2') format('woff2'), url('fonts/AvenirLTStd-Heavy.woff') format('woff'); font-weight: 900; font-style: normal; }
@font-face {font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-Black.woff2') format('woff2'), url('fonts/AvenirLTStd-Black.woff') format('woff'); font-weight: 900; font-style: normal; }
@font-face {font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-BookOblique.woff2') format('woff2'), url('fonts/AvenirLTStd-BookOblique.woff') format('woff'); font-weight: normal; font-style: italic; }

/* ==========================================================================
   Elements
   ========================================================================== */

   html, body { height:100%; }
   html { overflow:auto; background:#fff; }
   body { padding:0px; font-family: 'Avenir LT Std', 'Open Sans', Arial, Helvetica, sans-serif; color:#202020; -webkit-font-smoothing:antialiased; background:none; }

   h1, h2, h3, h4, h5 { margin:0 0 1.25rem; padding:0; color:#202020000; text-transform:uppercase; font-family:'Avenir LT Std', 'Open Sans', Arial, Helvetica, sans-serif !important; font-weight:bold; text-transform:uppercase; }
   h1 { font-size:40px; }
   h2 { font-size:30px; }
   h3 { font-size:20px; }
   h4 { font-size:15px; }
   h5 { font-size:10px; }

   hr { width:100%; height:1px; padding:0; margin:0px; border-top:#bfbfbf 1px solid; border-bottom:none; border-left:none; border-right:none; }

   p { margin:0 0 1.6em; font-size:18px; line-height:1.5; font-weight:normal; }
   span { color:#ccb06b; }
   span.required { color:#E5090D; }
   a span { color:#fff; }
   small { font-size:0.9em; }
   blockquote { padding:10px 0px; border-left:none; }
   blockquote > svg { float:left; margin:0px 22px 3px 0px; font-size:42px; }
   blockquote > p { font-size:15px; }
   i { color:inherit; }

   form { width:100%; height:auto; position:relative; margin:0; padding:0px; display:block; overflow:hidden; }
   label { margin:0.5em auto; padding:0; font-size:1em; display:block; text-align:left; clear:both; }
   input[type=text], input[type=url], input[type=email], input[type=tel], textarea { width:100%; padding:10px; margin:0px auto 12px; color:#202020; font-size:1em; background:#fff; border:#e9e9e9 1px solid; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; font-family:'Avenir LT Std', 'Open Sans', Arial, Helvetica, sans-serif !important; }
   input[type=checkbox] { margin:0; }
   input[type=file] { margin: 0; width: 100%; padding:10px; font-size:1em; color: #2a2a2a; }
   select { width:100%; padding:10px; color:#202020; font-size:1em; font-family:'Avenir LT Std', 'Open Sans', Arial, Helvetica, sans-serif !important; height:auto; -webkit-appearance:none; box-shadow: none !important; border:#e9e9e9 1px solid; }
   textarea { width:100%; min-height:120px; max-height:120px; padding:10px; margin:0px auto 10px; font-size:1em; background:#fff; border:#e9e9e9 1px solid; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; font-family:'Avenir LT Std', 'Open Sans', Arial, Helvetica, sans-serif !important; }

   .form-control { padding:6px; }

   input[type=submit], button { width:auto; font-size:14px; padding:12px 20px; text-decoration:none; display:inline-block; font-weight:600; color:#202020 !important; text-align:center; background-color:transparent !important; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; border:#202020 1px solid; -moz-transition:color 0s linear 0s; -webkit-transition:color 0s linear 0s; -o-transition:color 0s linear 0s; transition:color 0s linear 0s; }
   input[type=submit]:hover, button:hover { color:#fff !important; background-color:#202020 !important; border:#202020 1px solid; text-decoration:none; }

   .btn{ width:auto; font-size:14px; padding:12px 20px; text-decoration:none; display:inline-block; font-weight:600; color:#202020 !important; text-align:center; background-color:transparent !important; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; border:#202020 1px solid; -moz-transition:color 0s linear 0s; -webkit-transition:color 0s linear 0s; -o-transition:color 0s linear 0s; transition:color 0s linear 0s; }
   .btn:hover { color:#fff !important; background-color:#202020 !important; border:#202020 1px solid; text-decoration:none; }

   .alignleft { float:left; margin:0 10px 10px 0; border:none; }
   .alignright { float:right; margin:0 10px 0 10px; border:none; }
   .aligncenter { float:none; margin:10px auto; display:block; border:none; }

   .padded { padding:6px 12px; }
   .no-padding { padding:0px !important; }
   .no-margin { margin:0px; }
   .no-bullets { list-style:none; }

   .gap-ext2 { display:block; position:relative; margin:60px 0; clear:both; overflow:hidden; }
   .gap-ext { display:block; position:relative; margin:30px 0; clear:both; overflow:hidden; }
   .gap { display:block; position:relative; margin:15px 0; clear:both; overflow:hidden; }
   .gap-mini { display:block; position:relative; margin:8px 0; clear:both; overflow:hidden; }
   .gap-very-mini { display:block; position:relative; margin:4px 0; clear:both; overflow:hidden; }

/* ==========================================================================
   Structure
   ========================================================================== */

   #wrap { min-height:100%; height:auto; margin:0 auto -77px; padding:0 0 77px; overflow:hidden; }

   .site-wrapper { width:100%; height:100%; min-height:100%; display:table; position:relative; }
   .site-wrapper-inner { display:table-cell; vertical-align:top; }
   .cover-container { margin-right:auto; margin-left:auto; }

   .white-overlay { width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; z-index:5; background:rgba(255,255,255,0.45); }

   header { width:100%; height:auto; padding:12px 0px; position:relative; z-index:50; border-bottom:#bfbfbf 1px solid; }
   header .logo { max-width:180px; margin:0px 0px; }

   section#hero { margin:0px auto; position:relative; }
   section#hero h1 { margin:0px; padding:20px 30px 15px; color:#202020; position:absolute; top:245px; right:0px; z-index:25; background:#fff; }

   footer { width:100%; height:auto; margin:0 auto; padding:20px 0px; position:relative; background:#fff; } 
   footer p { margin:0px auto; font-size:0.9em; color:#202020; }
   footer a:active, footer a:visited, footer a:link { color:#202020; }
   footer a:hover { color:#ccc; }

/* ==========================================================================
   Links and Navigation
   ========================================================================== */

   a { font-weight:normal; text-decoration:none; -moz-transition:color 0.1s linear 0.1s; -webkit-transition:color 0.1s linear 0.1s; -o-transition:color 0.1s linear 0.1s; transition:color 0.1s linear 0.1s; }
   a:hover { text-decoration:none; }
   a:active, a:visited, a:link { color:#202020; }
   a:hover { color:#ccc; }
   a[href^=tel] { color:#202020; text-decoration:none; }
   a[href^=tel]:hover { color:#ccc; text-decoration:none; }

   .navbar-collapse { padding:0 !important; }
   .navbar-toggle { float:right; width:42px !important; position:relative; padding:5px 10px 10px; margin:10px 0px !important; -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0); text-shadow:none; border:0px solid #9c9c9c; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background:none; }
   .navbar-toggle:hover { border:0px solid #ccc !important; background:none; }
   .navbar-toggle span { color:#202020 !important; }
   .navbar-toggle span.icon-bar { width:100%; background:#202020 !important; }
   .navbar-toggle:hover span { color:#ccc !important; }
   .navbar-toggle:hover span.icon-bar { background:#ccc !important; }
   .navbar-toggle .icon-bar { height:1px; margin-top:4px; }
   .navbar-collapse.in { overflow:hidden; }

   #primary { float:right; width:auto; height:auto; margin:24px auto; padding:0px; position:relative; list-style:none; text-align:right; }
   #primary > li { float:none; width:auto; height:auto; margin:0px auto; padding:0px; display:inline-block; position:relative; top:1px; vertical-align:text-top; }
   #primary > li > a { margin:0px; padding:0px 18px; color:#202020; font-size:1em; text-align:center; text-transform:uppercase; }
   #primary > li > a:hover { color:#ccc; background:none; }
   #primary > li.active > a { color:#ccc; }

   #secondary { float:none; width:100%; height:auto; margin:10px auto; padding:0px; position:relative; list-style:none; text-align:center; }
   #secondary > li { float:none; width:auto; height:auto; margin:0px 12px; padding:0px; display:inline-block; position:relative; top:1px; vertical-align:text-top; }
   #secondary > li > a { margin:0px; padding:0px; color:#fff; font-size:0.9em; font-family:'Lato', Arial, Helvetica, sans-serif; text-transform:capitalize; font-weight:500; line-height:1.6; text-align:left; text-transform:capitalize; text-decoration:none; }
   #secondary > li > a:hover { color:#ccc; background:none; }
   #secondary > li.active > a { color:#fff; }

   .dropdown-menu { margin:0px auto 0 !important; padding:10px !important; }
   .dropdown-menu li { width:100% !important; padding:0px !important; margin:0px auto !important; font-size:0.9em !important; background:#fff !important; border:none !important; }
   .dropdown-menu li:hover { background:#fff !important; }
   .dropdown-menu li:nth-last-child(3){ padding:0px !important; border:none !important; }
   .dropdown-menu li a { padding:6px !important; margin:0; line-height:2 !important; text-align:left !important; color:#202020 !important; font-size:inherit !important; border:none !important; }
   .dropdown-menu li.active a { color:#555 !important; }
   .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color:#555 !important; background:#fff !important; }
   .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background:none !important; }

   .nav > li > a:focus, .nav > li > a:hover { background-color:transparent; }
   .nav .open>a, .nav .open>a:focus, .nav .open>a:hover  { background-color:transparent; }

/* ==========================================================================
   Misc
   ========================================================================== */

   #main.affix { width:100%; position:fixed; top:0px; left:0px; z-index:50; -webkit-box-shadow:0px 1px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 1px 10px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 1px 10px 0px rgba(0, 0, 0, 0.2); }
   #main.affix + #topbar { display:none; transition:all .6s ease; }
   #main.affix .logo { max-width:100px; margin:0px auto; transition:all .6s ease; }
   #main.affix .menu { margin:4px 0px; font-size:18px; transition:all .6s ease; }
   #main.affix .tel { margin:2px 0px; font-size:16px; transition:all .6s ease; }

   .section { padding:80px 0px; }
   .section-mini { padding:40px 0px; }

   section#content ul, section#content ol { width:100%; height:auto; margin:0 auto 20px; padding:0px 0px 0px 10px; }
   section#content ol { padding:0; }
   section#content ul li, section#content ol li { margin-bottom:4px; font-size:2.4em; }
   section#content ul li ol, section#content ol li ol { list-style:none; }
   section#content ul li ol li, section#content ol li ol li { margin-bottom:6px; font-size:inherit; }
   .no-style { padding:0px; list-style:none; }

   .inner { padding:30px; position:relative; z-index:35; }
   .btn-lg { padding:10px 30px; font-size:1.25rem; }
   .btn-lg:hover { background:none; }
   .mastfoot { position:relative; z-index:35; }
   .mastfoot p { font-size:0.9em; }

   ul.social { text-align:left; }
   ul.social > li > a > svg { font-size:2.5rem; }
   ul.social-intro { text-align:center; }
   ul.social-intro > li > a > svg { font-size:2.5rem; }

   .logo-intro { max-width:400px; }
   hr.intro { width:100%; height:1px; padding:0; margin:0px; border-top:#202020 1px solid; border-bottom:none; border-left:none; border-right:none; }
   #logo  { -webkit-animation-duration: 2s; -webkit-animation-delay: 0.5s; -webkit-animation-iteration-count: 1; animation-duration: 2s; animation-delay: 0.5s; animation-iteration-count: 1; }
   #enter { -webkit-animation-duration: 2s; -webkit-animation-delay: 1.25s; -webkit-animation-iteration-count: 1; animation-duration: 2s; animation-delay: 1.25s; animation-iteration-count: 1; }

   .typed { color:#202020; }
   .content {position: relative; width:100%; margin: auto; overflow: hidden; }
   .content .content-overlay {background: rgba(0,0,0,0.7); position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
   .content:hover .content-overlay{opacity: 1; }
   .content-image{width: 100%; }
   .content-details {position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
   .content:hover .content-details{top: 50%; left: 50%; opacity: 1; }
   .content-details h3{color: #fff; font-weight: 500; letter-spacing: 0.15em; margin-bottom: 0.5em; text-transform: uppercase; }
   .content-details p{color: #fff; font-size: 0.8em; }
   .fadeIn-top{top: 20%; }

   h1.lead { font-size:36px; line-height:1.2; }
   h2.lead { font-size:28px; line-height:1.2; }

/* ==========================================================================
   Contact Form 7
   ========================================================================== */

   div.wpcf7 { margin: 0; padding: 0; }
   div.wpcf7-response-output { margin:1em 1em 1em; padding: 0.1em 1em; font-size:1em; color:#202020; background:#fff; -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius:4px; font-family:'Lato', Arial, Helvetica, sans-serif !important; }
   div.wpcf7 .screen-reader-response {position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; }
   div.wpcf7-mail-sent-ok {border: 1px solid #398f14; }
   div.wpcf7-mail-sent-ng {border: 1px solid #ff0000; }
   div.wpcf7-spam-blocked {border: 1px solid #ffa500; }
   div.wpcf7-validation-errors {border: 1px solid #f7e700; }
   div.wpcf7 img.ajax-loader {border: none; vertical-align: middle; margin-left: 4px; }
   div.wpcf7 div.ajax-error {display: none; }
   div.wpcf7 .placeheld {color: #888; }

   span.wpcf7-form-control-wrap {position: relative; }
   span.wpcf7-not-valid-tip { margin:0 0 8px; color: #f00; font-size:1.9em; font-style:italic; display: block; }
   span.wpcf7-list-item { margin-left:0; font-size:inherit; margin-right:0px; }
   span.wpcf7-list-item input { margin-right:1em; }
   span.wpcf7-list-item label span { color:#202020; }

   .use-floating-validation-tip span.wpcf7-not-valid-tip {position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background:#fff; padding: .1em .8em; }
   .wpcf7-display-none {display: none; }
   #wpcf7-f131-p2-o1 div.wpcf7-response-output { color:#202020; }

/* ==========================================================================
   WP Page Navi
   ========================================================================== */

   .wp-pagenavi { width:100%; height:auto; margin:20px auto; text-align:center; clear:both; }
   .wp-pagenavi a, .wp-pagenavi span { font-size:1em; text-decoration: none; border:1px solid #029bab; padding: 3px 5px; margin: 2px; }
   .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color:#009ea9; }
   .wp-pagenavi span.current { color:#2a2a2a; font-weight:bold; }

/* ==========================================================================
   Media Queries: iPhone
   ========================================================================== */

   /* iPhone 2G-4S in landscape */
   @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {

   }

   /* iPhone 2G-4S in portrait */
   @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {

   }

   /* iPhone 5 in landscape */
   @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {

   }

   /* iPhone 5 in portrait */
   @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {

   }

/* ==========================================================================
   Media Queries: iPad
   ========================================================================== */

   /* iPad [landscape] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

   }

   /* iPad [portrait] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
   	.mastfoot { position:absolute !important; bottom:10px !important; }
   	.mastfoot p { margin:0px !important; font-size:0.8em !important; }
   	section#hero h1 { top:145px !important; }
   }

   /* iPad 3/4 [landscape] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {

   }

   /* iPad 3/4 [portrait] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
   	.mastfoot { position:absolute !important; bottom:10px !important; }
   	.mastfoot p { margin:0px !important; font-size:0.8em !important; }
   	section#hero h1 { top:145px !important; }
   }

/* ==========================================================================
   Bootstrap Queries
   ========================================================================== */

   @media (min-width: 320px) and (max-width: 767px) {
   	.mastfoot, .cover-container { width:100%; }
   	.site-wrapper-inner { vertical-align:middle; }
   	.mastfoot { position:absolute; bottom:10px; }
   	.copy, .privacy, .credit { text-align:center; }

   	.logo-intro { max-width:240px; }
   	.inner { padding:0px 30px; }
   	.mastfoot p { margin:0px; font-size:0.8em; }
   	footer p { margin:0px; font-size:0.8em; }
   	.btn-lg { font-size: 1.35rem; }
   	header .logo { max-width: 120px; position: absolute; z-index: 50; }
   	.section { padding: 40px 0px; }
   	section#hero h1 {padding: 8px 10px 5px; top: 85px; font-size: 15px; }

   	#primary, #primary > li { width:100%; display:block; }
   	#primary > li > a { padding:10px 0px; }
   }

   @media (min-width: 768px) and (max-width: 992px) {
   	.mastfoot, .cover-container { width:600px; }
   	.site-wrapper-inner { vertical-align:middle; }
   	.masthead { position:fixed; top:0; }
   	.mastfoot { position:fixed; bottom:0; }
   	.copy { text-align:left; }
   	.privacy { text-align:center; }
   	.credit { text-align:right; }

   	header .logo { max-width:140px; }
   	#primary { margin:16px auto; }
   	#primary > li > a { padding:0px 12px; font-size:0.8em; }
   }

   @media (min-width: 993px) and (max-width: 1200px) {
   	.mastfoot, .cover-container { width:800px; }
   	.site-wrapper-inner { vertical-align:middle; }
   	.masthead { position:fixed; top:0; }
   	.mastfoot { position:fixed; bottom:0; }
   	.copy { text-align:left; }
   	.privacy { text-align:center; }
   	.credit { text-align:right; }

   	header .logo { max-width: 160px; }
   	#primary > li > a { font-size:0.9em; }
   }

   @media (min-width: 1201px) {
   	.mastfoot, .cover-container { width:1000px; }
   	.site-wrapper-inner { vertical-align:middle; }
   	.masthead { position:fixed; top:0; }
   	.mastfoot { position:fixed; bottom:0; }
   	.copy { text-align:left; }
   	.privacy { text-align:center; }
   	.credit { text-align:right; }
   }

/* ==========================================================================
   Print
   ========================================================================== */

   @media print {
   	* { background:transparent !important; color:#202020 !important; box-shadow:none !important; text-shadow:none !important; }
   	a, a:visited { text-decoration: underline; }
   	a[href]:after { content: " (" attr(href) ")"; }
   	abbr[title]:after { content: " (" attr(title) ")"; }

    /*
     * Don't show links for images, or javascript/internal links
     */

     .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
     pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
     thead { display:table-header-group; }
     tr, img { page-break-inside: avoid; }
     img { max-width:100% !important; }
     @page { margin: 0.5cm; }
     p, h2, h3 { orphans:3; widows:3; }
     h2, h3 { page-break-after:avoid; }
 }