/*
Theme Name: Baytree Plastering
Theme URI: https://www.baytreeplastering.co.uk/
Description: Bespoke Theme built using Bootstrap 3 for Baytree Plastering
Author: Elms Creative
Author URI: http://www.elmscreative.com/
Version: 1.0
*/

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

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

    h1, h2, h3, h4, h5 { margin:0 0 10px; padding:0; color:#2e3192; text-transform:capitalize; font-family:'Roboto', Arial, Helvetica, sans-serif !important; font-weight:900; }
    h1 { font-size:30px; }
    h2 { font-size:25px; }
    h3 { font-size:20px; }
    h4 { font-size:15px; }
    h5 { font-size:12px; }

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

    p { margin:0 0 1.6em; font-size:14px; line-height:1.5; font-weight:normal; }
    span { color:#2e3192; }
    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.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:#000; font-size:1em; background:#fff; border:#e9e9e9 1px solid; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; 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; color:#000; font-size:1em; font-family:'Roboto', Arial, Helvetica, sans-serif !important; height:auto; -webkit-appearance:none; box-shadow: none !important; background:#fff; 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:'Roboto', 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:700; color:#fff !important; text-align:center; background:#2e3192; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; border:#000242 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:#202020 !important; background:#000242; text-decoration:none; }

    .btn { width:auto; font-size:14px; padding:12px 20px; text-decoration:none; display:inline-block; font-weight:700; color:#fff !important; text-align:center; background:#000242; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; border:#000242 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:#ccc !important; text-decoration:none; background:#2e3192; border:#000242 1px solid; }

    .btn-primary { width:auto; font-size:14px; padding:12px 20px; text-decoration:none; display:inline-block; font-weight:700; color:#2e3192 !important; text-align:center; background:#fff; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; border:#2e3192 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-primary:hover { color:#ccc !important; text-decoration:none; background:#2e3192; border:#000242 1px solid; }

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

    header { width:100%; height:auto; padding:0; position:relative; z-index:50; background:#fff; }
    header .logo { max-width:100px; margin:10px 0; }
    header .details { margin:30px 0 5px 0; color:#000242; font-size:16px; }
    header .details-sub { color:#202020 !important; font-size:20px; }
    header .details-sub:hover { color:#555 !important; }
    nav#pri { padding:0; position:relative; z-index:50; background:#000242 url('img/nav-bg.png') top center repeat-y; -webkit-box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.15); -moz-box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.15); box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.15); }

    section#hero.homepage { margin:0; position:relative; }
    section#hero { margin:0; position:relative; background:#f2f2f2 url('img/page-banner.jpg') center no-repeat; background-size:cover; }
    section#hero h1 { padding:100px 0; color:#fff; }

    footer { width:100%; height:auto; margin:0 auto; padding:12px 0; position:relative; background:#000242; } 
    footer .logo-alt { max-width:16px; }
    footer p { margin:0 auto; font-size:0.9em; color:#fff; }
    footer a:active, footer a:visited, footer a:link { color:#fff; }
    footer a:hover { color:#ccc; }

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

    a { font-weight:700; 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:#000242; }
    a:hover { color:#2e3192; }
    a[href^=tel] { color:#000242; text-decoration:none; }
    a[href^=tel]:hover { color:#2e3192; text-decoration:none; }

    .navbar-collapse { padding:0 !important; }
    .navbar-toggle { float:right; width:42px; position:relative; padding:5px 10px 10px; margin:0px auto 1px !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 #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:0 auto; padding:0; position:relative; list-style:none; text-align:left; background:#252880; }
    #primary > li { float:none; width:auto; height:auto; margin:0; padding:12px 20px; display:inline-block; position:relative; background:#000242; }
    #primary > li > a { margin:0; padding:0; color:#fff; font-weight:600; font-size:1em; text-align:center; text-decoration:none; }
    #primary > li.active { background:#000242; }
    #primary > li.active > a { color:#ccc; }
    #primary > li:hover, #primary > li:hover > a, #primary > li > a:hover { color:#ccc; }
    #primary > li.split { width:50px; content:''; background:-webkit-linear-gradient(rgba(37,40,128, 1), rgba(0,2,66, 0.0) 0%), -webkit-linear-gradient(-45deg, rgba(0,2,66, 1) 45%, rgba(37,40,128, 1) 0%); }
    #primary > li.split > a { text-indent:-9999px; }
    #primary > li.social-link { float:right; padding:10px 0 10px 20px; background:#252880; }

    #secondary { float:none; width:100%; height:auto; margin:0; padding:0; position:relative; list-style:none; text-align:left; }
    #secondary > li { float:left; width:48%; height:auto; margin:0 auto; padding:1px 0; display:inline-block; position:relative; top:1px; vertical-align:text-top; }
    #secondary > li > a { margin:0; padding:0; color:#202020; font-size:0.9em; font-family:'Roboto', 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:#202020; background:none; }
    #secondary > li.active > a { color:#202020; }

    .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:#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
   ========================================================================== */

    nav#pri.affix { width:100%; position:fixed; top:0; left:0; z-index:150; -webkit-box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.15); -moz-box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.15); box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.15); }
    nav#pri.affix .logo { max-width:100px; margin:2px auto; }
    nav#pri.affix #primary > li > a { font-size:0.9em; }
    nav#pri.affix + .empty { padding-top:44px; }

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

    .cta-bg-001 { background:#000242 url('img/cta-bg-001.jpg') center no-repeat; background-size:cover; }
    .cta-bg-001 h1, .cta-bg-001 h2, .cta-bg-001 h3, .cta-bg-001 h4, .cta-bg-001 h5, .cta-bg-001 p { color:#fff; }
    .cta-bg-002 { background:#f2f2f2 url('img/cta-bg-002.jpg') center no-repeat; background-size:cover; }

    .grey-bg { background:#f2f2f2; }
    .dark-blue-bg { background:#000242; }
    .dark-blue-bg h1, .dark-blue-bg h2, .dark-blue-bg h3, .dark-blue-bg h4, .dark-blue-bg h5, .dark-blue-bg p { color:#fff; }
    .box-shadow { -webkit-box-shadow:inset 0px 0px 5px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow:inset 0px 0px 5px 0px rgba(50, 50, 50, 0.35); box-shadow:inset 0px 0px 5px 0px rgba(50, 50, 50, 0.35); }

    .dark-blue-bg a:active, .dark-blue-bg a:visited, .dark-blue-bg a:link { color:#fff; font-weight:normal; }
    .dark-blue-bg a:hover { color:#ccc; }
    .dark-blue-bg a[href^=tel] { color:#fff; text-decoration:none; font-weight:normal; }
    .dark-blue-bg a[href^=tel]:hover { color:#ccc; text-decoration:none; }

    section#content ul, section#content ol { width:96%; 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; }

    #bready { border-top:#d8d8d8 solid 1px; }
    #bready p { margin:0px; }

    .inner { padding:100px 80px; }
    #mapCanvas { min-height:320px; }

    .section-mid svg { color:#fff; font-size:26px; }

    .behind-bg { padding:5px 0px 5px 5px; background:#000242; }
    .behind-bg > img, .behind-bg > .master-slider-parent { margin:-20px 0px 10px -20px; }

    .service-img { max-width:200px; }
    .bottom-shadow { position:relative; z-index:25; -webkit-box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.15); -moz-box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.15); box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.15); }

    article.service { text-align:center; }
    .service-img { border:#000242 2px solid; -webkit-box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.15); -moz-box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.15); box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.15); }

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

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

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

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

   /* iPad [landscape] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    header .details { font-size:14px !important; }
    header .details-sub { font-size:16px !important; }
   }

   /* 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) {
    header .details { font-size:14px !important; }
    header .details-sub { font-size:16px !important; }
   }

   /* 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) {
    #wrap { margin: 0 auto -130px; padding: 0 0 130px; }
    footer p.copy { text-align:center; }
    footer p.credit { text-align:center; }
    article.service { text-align:center; }
    header .details { font-size:14px; }
    header .details-sub { font-size:16px; }
    header .logo {max-width:80px; margin:20px auto; }
    #primary, #primary > li { width:100%; display:block; }
    nav#pri { padding:5px 0px; }
    #primary > li.split { display:none; }
    footer { text-align:center; }
    footer p { font-size:11px; }
   }

   @media (min-width: 768px) and (max-width: 992px) {
    footer p.copy { text-align:center; }
    footer p.credit { text-align:right; }
    article.service { text-align:center; }
    header .details { font-size:14px; }
    header .details-sub { font-size:16px; }
    .service-img { max-width:220px; }
   }

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

   @media (min-width: 1201px) {
    footer p.copy { text-align:center; }
    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; }
 }