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

@font-face { font-family: "COCOGOOSE"; src: url("fonts/Cocogoosetrial.eot"); /* IE9 Compat Modes */ src: url("fonts/Cocogoosetrial.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("fonts/Cocogoosetrial.otf") format("opentype"), /* Open Type Font */ url("fonts/Cocogoosetrial.svg") format("svg"), /* Legacy iOS */ url("fonts/Cocogoosetrial.ttf") format("truetype"), /* Safari, Android, iOS */ url("fonts/Cocogoosetrial.woff") format("woff"), /* Modern Browsers */ url("fonts/Cocogoosetrial.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; }

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

   html, body { height:100%; }
   html { overflow:auto; background:#fff; }
   body { padding:0; font-size:14px; font-family:'Roboto', Arial, Helvetica, sans-serif; color:#2C2C2C; -webkit-font-smoothing:antialiased; background:none; }

   h1, h2, h3, h4, h5 { margin:-8px 0 1.25rem; padding:0; line-height:1.4; color:#151515; text-transform:capitalize; font-family:'COCOGOOSE', 'Roboto', Arial, Helvetica, sans-serif !important; font-weight:normal; }
   h1 { font-size:50px; }
   h2 { font-size:40px; }
   h3 { font-size:30px; }
   h4 { font-size:20px; }
   h5 { font-size:14px; }

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

   p { margin:0 0 1.6em; line-height:1.6; font-weight:normal; }
   span { color:#fff; }
   span.required { color:#E5090D; }
   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 auto; padding:0; font-size:1em; display:block; text-align:left; clear:both; }
   input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel], textarea { width:100%; padding:10px 14px; margin:0px auto 12px; color:#000; font-size:1em; background:#f3f3f3; border:#999 1px solid; -webkit-border-radius:75px; -moz-border-radius:75px; border-radius:75px; font-family:'Roboto', 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 14px; color:#000; font-size:1em; font-family:'Roboto', Arial, Helvetica, sans-serif !important; height:auto; -webkit-appearance:none; -webkit-border-radius:75px; -moz-border-radius:75px; border-radius:75px; box-shadow: none !important; background:#f3f3f3; border:#999 1px solid; }
   textarea { width:100%; min-height:150px; max-height:150px; padding:10px 16px; margin:0px auto 10px; font-size:1em; background:#f3f3f3; border:#999 1px solid; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; font-family:'Roboto', Arial, Helvetica, sans-serif !important; }

   .form-control { padding:6px; }

   input[type=submit], button { width:auto; font-size:14px; padding:10px 20px; text-decoration:none; display:inline-block; font-weight:700; color:#fff !important; text-align:center; background:#000; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; border:#fff 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:#000 !important; background:#fff; text-decoration:none; border:#000 1px solid; }
   .btn { width:auto; font-size:14px; padding:10px 20px; text-decoration:none; display:inline-block; font-weight:700; color:#000 !important; text-align:center; background:#fff; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; border:#000 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:#000; text-decoration:none; border:#fff 1px solid; }
   .btn-invert { width:auto; font-size:14px; padding:10px 20px; text-decoration:none; display:inline-block; font-weight:700; color:#fff !important; text-align:center; background:#000; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; border:#fff 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-invert:hover { color:#000 !important; background:#fff; text-decoration:none; border:#000 1px solid; }
   .btn-block { width:100% !important; display:block !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; }

   .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 -741px; padding:0 0 741px; overflow:hidden; }

   header { padding:20px; position:relative; z-index:10; }
   header .logo { float:left; max-width:160px; }
   header ul.navvy { float:right; margin:22px 10px; }
   header ul.navvy > li { vertical-align:top; }
   header .menu { width:auto; display:inline-block; }
   header .menu-icon { width: 24px; margin-left: 20px; }
   .menu:hover { opacity:0.75; }
   .menu { margin:0; padding:12px 20px; color:#fff; cursor:pointer; font-size:16px; font-family:'Roboto', Arial, Helvetica, sans-serif; text-transform:capitalize; font-weight:500; text-align:left; }
   .menu > span { float:left; color:#fff; }
   .menu > img { float:left; }
   .menu:hover { color:#a7a7a7; }
   .overlay { width:0; height:100%; position:fixed; z-index:1000; top:0; left:0; background-color:rgb(0,0,0); background-color:rgba(21,21,21, 0.95); overflow-x:hidden; transition:0.5s; }
   .overlay-content { position: relative; top: 25%; width: 100%; text-align: center; margin-top: 30px; }
   .overlay a { padding: 8px; text-decoration: none; font-size:36px; color:#fff; display:block; transition:0.3s; }
   .overlay a:hover { color:#a7a7a7; }
   .overlay a:focus, .overlay a:active, .overlay a:visited, .overlay a:link { color:#fff; }
   .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; }

   nav#pri { padding:0; }
   nav#pri .logo { float:left; max-width:250px; margin:0; }

   section#hero { margin:0; padding:0; position:relative; background:#151515 url('img/hero-bg.jpg') center no-repeat; background-size:cover; }
   section#hero h1 { font-weight:900; font-size:42px; margin:0; color:#fff; line-height:1.2; font-family:'COCOGOOSE', 'Roboto', Arial, Helvetica, sans-serif !important; }
   section#hero p.lead { font-size:18px; color:#fff; font-weight:500; }
   section#hero p { font-size:14px; color:#fff; }
   section#hero a:active, section#hero a:visited, section#hero a:link { color:#fff; }
   section#hero a:hover { color:#a7a7a7; }
   section#hero .inner { margin:150px 0; }
   section#hero .inner-ext { margin:175px 0 265px; }
   section#hero p#breadcrumbs span { font-weight:700; }

   section#map { padding:0; position:relative; }
   section#map .inner { position:relative; z-index:10; }
   section#map .overlay { width:100%; height:100%; position:absolute; top:0; bottom:auto; left:auto; right:auto; z-index:5; background:rgba(0,0,0,0.25) }
   section#map #mapCanvas { width:100%; height:100%; position:absolute; top:0; bottom:auto; left:auto; right:auto; z-index:0; }
   
   section#cta { padding:80px 0; background:#fff url('img/cta-bg.jpg') center no-repeat; background-size:cover; }
   section#cta h3, section#cta p, section#cta a { color:#fff; }
   section#cta p { font-size:15px; }
   section#cta .order-wrap { float:left; }
   section#cta .order-online-iphones { float:right; max-width:340px; margin:-150px 0; position:relative; z-index:50; }

   footer { width:100%; height:auto; margin:0 auto; padding:30px 0 0; position:relative; background:#151515; }
   footer .logo-small { max-width:120px; }
   footer h4 { font-size:14px; color:#fff; }
   footer p, footer address { font-size:14px; color:#fff; }
   footer svg { color:#fff; font-size:2rem !important; }
   footer hr { border-top:#404040 1px solid; }
   footer a:active, footer a:visited, footer a:link { color:#fff; }
   footer a:hover { color:#a7a7a7; }
   footer #branding { padding:0 0 25px; }
   footer #sitemap { padding:25px 0; } 
   footer #sitemap p { color:#fff; }
   footer #sitemap p:last-child { margin:0; }
   footer #powered { padding:20px 0; }
   footer #powered p { margin:0 auto; font-size:14px; }

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

   a { font-weight:500; 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:#151515; }
   a:hover { color:#999; }
   a[href^=tel] { color:#151515; text-decoration:none; }
   a[href^=tel]:hover { color:#999; text-decoration:none; }

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

   #primary { float:none; width:100%; height:auto; margin:35px auto; padding:0; position:relative; list-style:none; text-align:center; }
   #primary > li { float:none; width:100%; height:auto; margin:0 auto; padding:0; display:block; position:relative; top:1px; vertical-align:text-top; }
   #primary > li > a { margin:0; padding:4px 18px; color:#fff; font-size:45px; font-family:'COCOGOOSE', 'Roboto', Arial, Helvetica, sans-serif; text-transform:capitalize; font-weight:bold; line-height:1.6; text-align:center; text-transform:capitalize; text-decoration:none; }
   #primary > li > a:hover { color:#a7a7a7; background:none; }
   #primary > li.active > a { color:#a7a7a7; }

   #secondary { float:left; width:auto; height:auto; margin:0 auto; padding:0; position:relative; list-style:none; text-align:left; }
   #secondary > li { float:none; width:auto; height:auto; margin:0 auto 5px; padding:0; display:block; }
   #secondary > li > a { margin:0; padding:0; color:#fff; font-size:14px; font-family:'Roboto', Arial, Helvetica, sans-serif; text-transform:capitalize; font-weight:normal; line-height:1.4; text-align:left; text-decoration:none; }
   #secondary > li > a:hover { color:#a7a7a7; }

   .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:#000 !important; font-size:inherit !important; border:none !important; }
   .dropdown-menu li.active a { color:#999 !important; }
   .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color:#999 !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
   ========================================================================== */

   ul.no-style { margin:0 0 20px; padding:0; list-style:none; }
   ul.no-style > li > ol > li { margin-bottom:5px; }

   .section { padding:80px 0; position:relative; z-index:5; }
   .section-mini { padding:40px 0; position:relative; z-index:5; }
   .section-very-mini { padding:20px 0; position:relative; z-index:5; }

   .black-pattern-bg { background:#151515 url('img/black-pattern-bg.jpg') center no-repeat; background-size:cover; }
   .black-bg { background:#151515; }
   .grey-bg { background:#F0F0F0; }
   .white-bg { background:#fff; }
   .black-box-bg { background:#000; }

   .black-bg h1, .black-bg h2, .black-bg h3, .black-bg h4, .black-bg h5, .black-bg h6, .black-bg p,  .black-bg a, .black-bg ul li { color:#fff; }
   .black-pattern-bg h1, .black-pattern-bg h2, .black-pattern-bg h3, .black-pattern-bg h4, .black-pattern-bg h5, .black-pattern-bg h6, .black-pattern-bg p,  .black-pattern-bg a, .black-pattern-bg ul li { color:#fff; }
   .contact-box a { color:#151515; }

   .box { padding:30px 30px 20px; box-sizing:content-box; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.25); -moz-box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.25); box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.25); }

   ul.nav-ext { margin:26px 0; text-align:right; }
   ul.nav-ext > li { margin:0 20px 0 0; }
   ul.nav-ext > li > a { color:#fff; }
   ul.nav-ext > li > a:hover, ul.social > li:hover > a { color:#a7a7a7; }

   ul.social { margin:10px 0; text-align:left; }
   ul.social > li { margin:0 5px 0 0; padding:0; }
   ul.social > li > a { color:#fff; }
   ul.social > li > a:hover, ul.social > li:hover > a { color:#a7a7a7; }

   ul.social2 { margin:-12px auto 0; text-align:right; }
   ul.social2 > li { margin:0 5px 0 0; padding:0; font-size:18px; }
   ul.social2 > li > a { color:#fff; }
   ul.social2 > li > a:hover, ul.social > li:hover > a { color:#a7a7a7; }

   ul.categories { margin:0; padding:0 0 0 10px; list-style: disc; text-align:left; }
   ul.categories > li { margin:0 20px 0 0; color: #151515; }
   ul.categories > li > a { color: #151515; }
   ul.categories > li > a:hover, ul.social > li:hover > a { color:#999; }

   .sitemap { float:left; width:auto; height:auto; margin:0 auto; padding:0; position:relative; list-style:none; text-align:left; }
   .sitemap > li { float:none; width:auto; height:auto; margin:0 auto 5px; padding:0; display:block; }
   .sitemap > li > a { margin:0; padding:0; color:#fff; font-size:14px; font-family:'Roboto', Arial, Helvetica, sans-serif; text-transform:capitalize; font-weight:normal; line-height:1.4; text-align:left; text-decoration:none; }
   .sitemap > li > a:hover { color:#a7a7a7; }

   .single-job-box ul li, .single-job-box ol li { color:#202020; }
   .single-job-box a:active, .single-job-box a:visited, .single-job-box a:link { color:#151515; }
   .single-job-box a:hover { color:#999; }
   .single-job-box a[href^=tel] { color:#151515; text-decoration:none; }
   .single-job-box a[href^=tel]:hover { color:#999; text-decoration:none; }

   #map { min-height:400px; overflow: hidden; }
   #mapCanvas { min-height:400px; }
   #shifty { margin:-110px auto 0; }

   .contact-box { padding:30px 20px !important; }
   .contact-box svg { float:left; font-size:65px !important; }
   p.larger { margin:0; padding:0 0 0 15px; font-size:13px; color:#151515; }
   p.larger strong { font-size:16px; font-weight:bold; color:#151515; }
   .box.white-bg h1, .box.white-bg h2, .box.white-bg h3, .box.white-bg h4, .box.white-bg h5, .box.white-bg h6, .box.white-bg p { color:#151515; }
   .fa-users-cog { font-size:50px; }

   .category-box .fa-car { color:#fff; font-size:50px; }
   .category-box p { margin:0; font-size:12px; color:#fff; }

   .blog-img:hover { opacity:0.75; }

   .search-form { padding: 0; background: #fff; display: inline-block; width: auto; text-align:center; margin:0 auto; border: #999 1px solid; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
   .search-form .form-inline .wpas-text, .search-form .form-inline .wpas-select { width:240px; padding:10px 20px; margin:0; border:none; background:#fff; -webkit-box-shadow: 0 0 0 0 rgba(50, 50, 50, 0.00); -moz-box-shadow: 0 0 0 0 rgba(50, 50, 50, 0.00); box-shadow: 0 0 0 0 rgba(50, 50, 50, 0.00); }
   .search-form input[type=submit], .search-form button { width:auto; font-size:14px; padding:10px 20px; text-decoration:none; display:inline-block; font-weight:700; color:#fff !important; text-align:center; background:#000; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; border:#fff 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; }
   .search-form input[type=submit]:hover, .search-form button:hover { color:#000 !important; background:#fff; text-decoration:none; border:#fff 1px solid; }

   .search-mini .search-form { float: left; width: auto; padding:0; margin:24px 24px 24px 100px; display: inline-block; text-align:center; background: #fff; border: #999 1px solid; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
   .search-mini .search-form .form-inline .wpas-text, .search-mini .search-form .form-inline .wpas-select { width:180px; padding:10px 20px; margin:0; border:none; background:#fff; -webkit-box-shadow: 0 0 0 0 rgba(50, 50, 50, 0.00); -moz-box-shadow: 0 0 0 0 rgba(50, 50, 50, 0.00); box-shadow: 0 0 0 0 rgba(50, 50, 50, 0.00); }
   .search-mini .search-form input[type=submit], .search-mini .search-form button { width:auto; font-size:14px; padding:10px 20px; text-decoration:none; display:inline-block; font-weight:700; color:#fff !important; text-align:center; background:#000; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; border:#fff 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; }
   .search-mini .search-form input[type=submit]:hover, .search-mini .search-form button:hover { color:#000 !important; background:#fff; text-decoration:none; border:#fff 1px solid; }

   .social-media { width:100%; padding:5px 0; position:absolute; bottom:5px; z-index:5; text-align:right; }
   .social-media hr { float:left; width:96%; display:inline-block; border-top:#a7a7a7 1px solid; }
   .social-media ul.social2 { float:right; }

   .job-box { padding:0; box-sizing:content-box; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.25); -moz-box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.25); box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.25); }
   .job-box .inner { padding:30px; }
   .job-box .btn-invert { -webkit-border-bottom-right-radius: 8px !important; -webkit-border-bottom-left-radius: 8px !important; -moz-border-radius-bottomright: 8px !important; -moz-border-radius-bottomleft: 8px !important; border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; }

   .single-job-box { padding:30px; }
   .placeholder-author { max-width:80px; border:#a7a7a7 solid 1px; }

    .snip1529 { background-color: #000000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); color: #ffffff; font-size: 16px; line-height: 1.6em; margin: 0; max-width: 100%; min-width: 250px; overflow: hidden; position: relative; text-align: left; width: 100%; }
    .snip1529 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
    .snip1529 img { max-width: 100%; vertical-align: top; position: relative; opacity: 0.75; }
    .snip1529 figcaption { padding: 25px 20px 25px; position: absolute; bottom: 0; z-index: 1; }
    .snip1529.larger figcaption { padding:20px 20px 20px; }
    .snip1529 .date { background-color: #fff; color: #333; font-size: 18px; font-weight: 800; min-height: 48px; min-width: 48px; padding: 10px 0; position: absolute; right: 15px; text-align: center; text-transform: uppercase; top: 0; }
    .snip1529 .date span { display: block; line-height: 14px; color:#151515; }
    .snip1529 .date .month { font-size: 11px; }
    .snip1529 h3, .snip1529 p { margin: 0; padding: 0; }
    .snip1529 h3 { font-size: 18px; color: #fff; }
    .snip1529.larger h3 { font-size:28px; }
    .snip1529 svg { font-size:22px; }
    .snip1529 .hover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; align-items: center; background-color: rgba(0, 0, 0, 0.75); display: flex; font-size: 65px; justify-content: center; opacity: 0; }
    .snip1529 a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; }
    .snip1529:hover .hover, .snip1529.hover .hover { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 1; }
    .snip1529:hover figcaption, .snip1529.hover figcaption { opacity: 0; }
    .snip1529:hover .date, .snip1529.hover .date { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

    .ug-textpanel { display:none !important; }

    .padded { padding:50px 0 25px; }
    .quotation-mark { max-width: 200px; border: #000 2px solid; padding: 40px; }
    .paddy { margin:10px; }
    .rounded-edges { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }

    .profile-img { max-width:320px; }
    .job-details { font-size:1.35rem; }

/* ==========================================================================
   Cookie Consent
   ========================================================================== */

   .cc-window {opacity: 1; transition: opacity 1s ease }
   .cc-window.cc-invisible {opacity: 0 }
   .cc-animate.cc-revoke {transition: transform 1s ease }
   .cc-animate.cc-revoke.cc-top {transform: translateY(-2em) }
   .cc-animate.cc-revoke.cc-bottom {transform: translateY(2em) }
   .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {transform: translateY(0) }
   .cc-grower {max-height: 0; overflow: hidden; transition: max-height 1s }
   .cc-link, .cc-revoke:hover {text-decoration: underline }
   .cc-revoke, .cc-window {position: fixed; overflow: hidden; box-sizing: border-box; font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 16px; line-height: 1.5em; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 9999 }
   .cc-window.cc-static {position: static }
   .cc-window.cc-floating {padding: 2em; max-width: 24em; -ms-flex-direction: column; flex-direction: column }
   .cc-window.cc-banner {padding: 1em 1.8em; width: 100%; -ms-flex-direction: row; flex-direction: row }
   .cc-revoke {padding: .5em }
   .cc-header {font-size: 18px; font-weight: 700 }
   .cc-btn, .cc-close, .cc-link, .cc-revoke {cursor: pointer }
   .cc-link {opacity: .8; display: inline-block; padding: .2em }
   .cc-link:hover {opacity: 1 }
   .cc-link:active, .cc-link:visited {color: initial }
   .cc-btn {display: block; padding: .4em .8em; font-size: .9em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center; white-space: nowrap; -webkit-border-radius:75px; -moz-border-radius:75px; border-radius:75px; }
   .cc-banner .cc-btn:last-child {min-width: 140px }
   .cc-highlight .cc-btn:first-child {background-color: transparent; border-color: transparent }
   .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {background-color: transparent; text-decoration: underline }
   .cc-close {display: block; position: absolute; top: .5em; right: .5em; font-size: 1.6em; opacity: .9; line-height: .75 }
   .cc-close:focus, .cc-close:hover {opacity: 1 }
   .cc-revoke.cc-top {top: 0; left: 3em; border-bottom-left-radius: .5em; border-bottom-right-radius: .5em }
   .cc-revoke.cc-bottom {bottom: 0; left: 3em; border-top-left-radius: .5em; border-top-right-radius: .5em }
   .cc-revoke.cc-left {left: 3em; right: unset }
   .cc-revoke.cc-right {right: 3em; left: unset }
   .cc-top {top: 1em }
   .cc-left {left: 1em }
   .cc-right {right: 1em }
   .cc-bottom {bottom: 0 }
   .cc-floating>.cc-link {margin-bottom: 1em }
   .cc-floating .cc-message {display: block; margin-bottom: 1em }
   .cc-window.cc-floating .cc-compliance {-ms-flex: 1; flex: 1 }
   .cc-window.cc-banner {-ms-flex-align: center; align-items: center }
   .cc-banner.cc-top {left: 0; right: 0; top: 0 }
   .cc-banner.cc-bottom {left: 0; right: 0; bottom: 0 }
   .cc-banner .cc-message {-ms-flex: 1; flex: 1; font-size:0.9em; }
   .cc-compliance {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between }
   .cc-compliance>.cc-btn {-ms-flex: 1; flex: 1 }
   .cc-btn+.cc-btn {margin-left: .5em }
   .cc-message { color:#202020; }

   .cc-floating.cc-theme-classic {padding: 1.2em; border-radius: 5px }
   .cc-floating.cc-type-info.cc-theme-classic .cc-compliance {text-align: center; display: inline; -ms-flex: none; flex: none }
   .cc-theme-classic .cc-btn {border-radius: 5px }
   .cc-theme-classic .cc-btn:last-child {min-width: 140px }
   .cc-floating.cc-type-info.cc-theme-classic .cc-btn {display: inline-block }
   .cc-theme-edgeless.cc-window {padding: 0 }
   .cc-floating.cc-theme-edgeless .cc-message {margin: 2em 2em 1.5em }
   .cc-banner.cc-theme-edgeless .cc-btn {margin: 0; padding: .8em 1.8em; height: 100% }
   .cc-banner.cc-theme-edgeless .cc-message {margin-left: 1em }
   .cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {margin-left: 0 }

   .cc-color-override-1618423472 .cc-btn { color:#fff !important; }

/* ==========================================================================
   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:#2C2C2C; background:#fff; -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius:4px; font-family:'Roboto', 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:#2C2C2C; }

   .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:#2C2C2C; }

   .wpcf7-checkbox .wpcf7-list-item-label { margin-right:15px; font-weight:700; color:#3c3c3c; }

/* ==========================================================================
   Google Recapatcha V3
   ========================================================================== */

   .grecaptcha-badge { display:none !important; }

/* ==========================================================================
   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; color:#202020; border:1px solid #fff; padding: 3px 5px; margin: 2px; }
   .wp-pagenavi a:hover { border-color:#202020; }
   .wp-pagenavi span.current { border-color:transparent; }
   .wp-pagenavi span.current { color:#202020; font-weight:bold; }

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

/* ==========================================================================
   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) {
       
   }

   /* 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) {
       
   }

/* ==========================================================================
   Bootstrap Queries
   ========================================================================== */
   
   @media (min-width: 320px) and (max-width: 767px) {
       header { padding:10px 0; }
       header .logo { max-width: 130px; }
       header ul.navvy { margin: 15px 0; }
       .overlay-content { margin-top:0; }
       #primary { margin:0 auto; }
       #primary > li > a { font-size:24px; }
       #primary, #primary > li { width:100%; display:block; }
       footer p.copy, footer p.credit { text-align:center; }

       .overlay .closebtn { font-size: 40px; }
       ul.nav-ext { margin: 0; text-align: left; }
       ul.nav-ext > li { width:100%; display:block; padding:0; }
       section#hero .inner-ext { margin: 95px 0 145px; }
       section#hero h1 { font-size:30px; }
       .search-form .btn { width:100%; }
       .search-form { padding:10px; }
       .social-media hr { width: 88%; }
       section#hero .inner { margin: 65px 0; }
       .box { padding:18px; }
   }

   @media (min-width: 768px) and (max-width: 992px) {
       footer p.copy { text-align:left; }
       footer p.credit { text-align:right; }
   }

   @media (min-width: 993px) and (max-width: 1200px) {
       footer p.copy { text-align:left; }
       footer p.credit { text-align:right; }
   }

   @media (min-width: 1201px) {
       footer p.copy { text-align:left; }
       footer p.credit { text-align:right; }
   }

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

   @media print {
   	* { background:transparent !important; color:#000 !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; }
 }