/*
 Theme Name:     Message 205
 Description:    Child Theme for Bordercraft
 Author:         Ash Loudon
 Author URI:     http://message205.com
 Template:       flexform
 Version:        1.0.0
*/

@import url("../flexform/style.css");

/* --------------

Green #13440e

------------------- */

body #header-section, body #main-container {
background-color: white; 
}

#top-bar{
background: #444348;
border-color:#979998;}

a:hover, #sidebar a:hover, .pagination-wrap a:hover, .carousel-nav a:hover, .portfolio-pagination div:hover > i, #footer a:hover, #copyright a, .beam-me-up a:hover span, .portfolio-item .portfolio-item-permalink, .read-more-link, .blog-item .read-more, .blog-item-details a, .author-link, .comment-meta .edit-link a, .comment-meta .comment-reply a, #reply-title small a, ul.member-contact, ul.member-contact li a, #respond .form-submit input:hover, span.dropcap2, .wpb_divider.go_to_top a, love-it-wrapper:hover .love-it, .love-it-wrapper:hover span, .love-it-wrapper .loved, .comments-likes a:hover i, .comments-likes .love-it-wrapper:hover a i, .comments-likes a:hover span, .love-it-wrapper:hover a i, .item-link:hover, #header-translation p a, #swift-slider .flex-caption-large h1 a:hover, .wooslider .slide-title a:hover, .caption-details-inner .details span > a, .caption-details-inner .chart span, .caption-details-inner .chart i, #swift-slider .flex-caption-large .chart i, #breadcrumbs a:hover, .ui-widget-content a:hover {
color: #849D68;}

.page-shadow .boxed-layout {
box-shadow: 0 0 109px 35px rgba(0, 0, 0, 0.39);}


#header-section {
border-bottom: 1px solid #636363;
}

.alt-bg.alt-two, .alt-bg.alt-two h1, .alt-bg.alt-two h2, .alt-bg.alt-two h3, .alt-bg.alt-two h3, .alt-bg.alt-two h4, .alt-bg.alt-two h5, .alt-bg.alt-two h6, .alt-two .carousel-wrap > a {
color: white;
font-weight: 700;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.36);
text-align: center;
}

#main-container {
background-color:rgba(0, 0, 0, 0.3);}

.services {}

a.sf-button {font-family: 'Verdana', sans-serif;
text-transform: uppercase;}

.alt-bg {margin-bottom:0;}

.full-width-text:after {border:none;}

#logo {margin-top: -20px;}

body #logo img {
display: block;
margin: 1em auto 0;
padding-bottom: 10px;
width: 80%;
}

#nav-section {
min-height: 50px;
position: relative;
z-index: 30;
background: #13440e;
margin-top: 5px;
margin-left: 0px;
width: 1230px;
margin-right: 0;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.39);
}


#main-navigation, .logo-left .nav-wrap, nav .menu li  {float:none;}

nav .menu {text-align: center;}
/* display changed from block to none by BZH */
#nav-search {
display: none;
text-decoration: none;
padding: 4px 9px;
line-height: 11px;
height: 21px;
position: absolute;
top: 6em;
right: 12em;
border-radius: 0;
}

body #nav-search a, #mini-search a {
color: #141414;
}

body #nav-search, #mini-search {
background: #AFBAAE;
}

.headercontacts{
font-size: 1.2em;
text-align: left;
margin-top: 4em;
}

.headercta{
float: right;
text-align: right;
margin-top: 6em;
}

.headercta a {
background: #13440E;
padding: 5px 10px;
color: #FFF;
text-transform: uppercase;
}

.headercta a:hover {background:#23621c; color:white;}

nav .menu li a {
text-transform: uppercase;
font-weight: 700;
}

nav .menu li {padding: 2px 0 0;}

nav .menu li a {border-bottom: 5px solid #13440e;}

nav .menu li a:hover {border-bottom: 5px solid #afbaae;}

nav .menu ul li a {border-bottom:1px solid #afbaae
}

body #breadcrumbs, body #breadcrumbs a, body #breadcrumb i {
color: #FFF;
}

.widehr {margin:2em 0;}

.maincta {
background: rgba(175, 186, 174, 0.2);
border-radius: 5px;
border: 3px solid rgb(0, 0, 0);}

.wpb_impact_text {
border-color: rgb(175, 186, 174) !important;
}

.maincta h1 {margin: 0.5em;}

.maincta h3 {margin: 1.3em;}

.wpb_impact_text.cta_align_right a.sf-button {margin:2em 1em; top:0;max-width: 25%;
}

.cta_align_right .wpb_call_text {
width: 75%;
}

.shadowframe img {
-moz-box-shadow: 0 12px 10px -7px rgba(0, 0, 0, 0.47);
-webkit-box-shadow: 0 12px 10px -7px rgba(0, 0, 0, 0.47);
box-shadow: 0 12px 10px -7px rgba(0, 0, 0, 0.47);
}

.supporting-images {margin-top:2em;}

.container .tp-caption.big_white {
background-color: rgba(0, 0, 0, 0.36);
font-weight:300;}

.faqs-nav li {
text-align: center;}

.faqs-nav li .count {display:none;}

.faqs-wrap h3 {display: none;}

h3.faq-section-title {display:block; color: #afbaae;}

ul.faqs-nav {margin-top:2em;}

.faq-item h6 {
text-transform: none;
font-weight: 300;
color: rgb(19, 68, 14);
font-size: 1.3em;
}

h3.wpb_heading {
border-color: rgb(255, 255, 255);
border: none;
font-size: 1.3em;
font-weight: 300;
text-transform: uppercase;
text-align: left;
color: rgb(78, 78, 78);
margin-bottom: 1em;
}

.home-services img {
width:100%;
max-height: 240px;
}

.home-services h1 {
font-size: 1.2em;
text-transform: uppercase;
font-weight: 300;
margin-bottom: 10px;
background: rgb(175, 186, 174);
padding: 0 5px;
color: rgb(49, 49, 49);
text-align: center;
margin-top: -10px;
}

.carousel-wrap .carousel-items > li {
box-shadow: 0 29px 20px -31px rgb(255, 255, 255);
}

.wpb_posts_carousel_widget .recent-post .details-wrap {
padding: 1em 2%;
background: rgb(175, 186, 174);
width: 96%;
}

ul.blog-items.masonry-items {margin-top:20px;}

li.carousel-item figure {
height: 200px;
}

li.carousel-item .details-wrap h4 {
margin-top: 0;
margin-bottom: 6px;
text-align: center;
}

.leader p.impact-text + p, p.leader {
font-size: 1.2em;
margin-bottom: 2em;
margin-top: 1em;
font-weight: 100;
}



/*========= SIDEBAR =============*/

.submenu.full-width-text {
padding-top: 0;
padding-bottom: 0;}

.submenu.full-width-text .widget {
padding-bottom: 10px;
}

.sidebar_shortcode ul li {display:inline-block;}

.inner-page-wrap {
margin-top: 5px;
margin-bottom: 0;
}

.sidebar_shortcode .widget_nav_menu ul, .right-sidebar .widget_nav_menu ul {
border-color: rgba(116, 116, 116, 0);
text-align: center;
border: none;
background: rgba(19, 68, 14, 0.18);
margin-top: 8px;
}

.single-post .sidebar_shortcode .widget_nav_menu ul, .right-sidebar .widget_nav_menu ul {
text-align:left;}

.sidebar_shortcode .widget_nav_menu ul > li > li {border-top: none;}

#breadcrumbs {
text-align: right;
padding-bottom: 0;
margin-top: -29px;
border: none;
}

.sidebar_shortcode .widget_nav_menu ul > li.current-menu-item a{
color: #292929;
background: rgba(19, 68, 14, 0.19);
}

.sidebar_shortcode .widget_nav_menu ul > li a:hover {
color: #000;
text-shadow: 1px 1px 0px #EAF1EA;
}

.p0 {padding:0;}


.imagelink a img {
display: block;
margin: 0 auto;
opacity: .8;
width: 100%;
background:none;
}

.imagelink a img:hover {
opacity: 1;}

.imagelink p a{background: #AFBAAE;
display: block;
padding: 5px 0;
font-size: 1.2em;
color: #2E2E2E;}

.imagelink p a:hover {background: #92A890;}

.hrtimbers {padding-top: 0;
padding-bottom: 0;}

.single-post .sidebar_shortcode ul li {
display: block;
}

.wpb_single_image .image-caption {
text-align: center;
margin: 10px 0 20px;
background: #AFBAAE;
font-style: normal;
display: block;
padding: 5px 0;
font-size: 1.2em;
color: #2E2E2E;
}


#nav_menu-7.widget {
padding-bottom: 20px;
}

.portfolio-cta {
background: url('//www.bordercraft.co.uk/wp-content/uploads/2013/11/port-rack.jpg');
height: auto;
width: 100%;
padding: 200px 0 0;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
}

.timber-cta {
background: url('//www.bordercraft.co.uk/wp-content/uploads/2013/11/wor058.jpg');
height: auto;
width: 100%;
padding: 200px 0 0;
text-align: center;
margin-top: 2em;
background-size: cover;
background-repeat: no-repeat;
}

.portfolio-cta p, .timber-cta p {
font-size: 1.5em;
background: rgb(175, 186, 174);
padding: .5em;
}

.container .sidebar .widget-heading h4 {
margin-top: 2em;
color: rgb(49, 49, 49);
border-bottom-color: rgb(221, 221, 221);
}

/*========= Bottom of page =============*/

body #copyright {
background-color: #13440E;
border-top:none;
}

body #copyright p {
color: #FFF;
}

body #footer {
background-color: #394138; background: #394138;}

body #footer h5 {
border-bottom-color: #2D2F36;
border-bottom: none;
text-transform: uppercase;
color: #A7A7A7;
font-weight: 700;
}

body #footer .widget ul li, #footer .widget_nav_menu ul {border:none;}

body #footer a:not(.sf-button) {
color: #FFF;
}

body #footer p {
color: #FFF;
}

#footer .wpcf7 input.wpcf7-submit[type="submit"] {
color: #292929; background-color: #AFBAAE!important; border-radius:3px; margin: .5em 0;
}

div.wpcf7-validation-errors {
border: 1px solid #F00;
color: #FFF;
}

#footer form {margin:0;}

#footer .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select {
width: 95%;
margin-top: 0;
margin-bottom: 1em;
}

#footer input[type="email"] {height:2.3em;}

.copyrightleft {float:left;color: #afbaae;
font-weight: 500;
font-size: 1.2em;margin-top: 2em;}

.copyrightright{float:right;color: #afbaae;
font-weight: 500;
font-size: 1.2em;margin-top: 2em;}

#copyright .beam-me-up {
position: absolute;
right: 2em;
}

body #copyright a:hover {
color: #FFF;
}

body #copyright a {color:#afbaae;}

body #breadcrumbs a:hover {
color: #13440e;
}

div.wpcf7-mail-sent-ok {
border: 1px solid #AFBAAE;
color: #FFF;
}

.page-id-23 .borderframe img {
height: 210px;
}

body div.wpcf7-validation-errors, body div.wpcf7-mail-sent-ok  {
color: #313131;
}

body #footer div.wpcf7-validation-errors, body #footer div.wpcf7-mail-sent-ok  {
color: white;
}

section#text-2 a{
background: #7F8B7E;
padding: 2px 5px;
border-radius: 2px; 
}

section#nav_menu-2 li, section#nav_menu-3 li {transition: all .5s ease;}

section#nav_menu-2 li:hover, section#nav_menu-3 li:hover{
background: #4A5549;
}

/* -------------- Slider -------------*/

#container .tp-caption.big_yellow {
position: absolute;
color: rgb(255, 255, 255);
text-shadow: none;
font-weight: 400;
font-size: 3em;
line-height: 1em;
font-family: "Open Sans";
padding: 0px 4px;
padding-top: 1px;
border-style: none;
background-color: rgb(19, 68, 14);
text-transform: uppercase;
}

.tp-caption.medium_text {
color: rgb(19, 68, 14);
font-weight: 300;
font-family: Arial;
border-style: none;
text-shadow: none;
background: rgb(255, 255, 255);
padding: .3em;
text-transform: uppercase;
}

#container .tp-caption.black {
color: #FFF;
text-shadow: none;
width: 55%;
white-space: normal !important;
background: #192713;
background: rgba(25, 39, 19, 0.79);
padding: 5px !important;
}

.tp-button.green, .tp-button:hover.green {
background-color: rgb(19, 68, 14);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: .5em 1em;
}

.tp-button.lt-green, .tp-button:hover.lt-green {
background-color: #afbaae;
color: rgb(56, 56, 56) !important;
}

.tp-button {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
height: auto;
cursor: pointer;
color: rgb(255, 255, 255) !important;
font-size: 1.2em;
line-height: 1em;
background: none;
font-family: 'Cabin';
font-weight: 300;
letter-spacing: 0;
text-decoration: none;
text-shadow:none !important;
}

.article-body-wrap .span8 img {
	margin-top: .8em;
}

/* --------------

Green #13440e
Light Green #afbaae

------------------- */

@media only screen and (max-width: 1200px){

.container #nav-section{
min-height: 50px;
position: relative;
z-index: 30;
background: rgb(19, 68, 14);
margin-top: 5px;
margin-left: -10px;
width: 1000px;
margin-right: 0;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.39);}

body #logo img {
margin: 2em auto 0;}

} /*End of 1200 query*/

@media only screen and (max-width: 980px){

.container #nav-section {
margin-left: 15px;
width: 730px;
}

.container #nav-search {
position: relative;
margin-top: 3em;
float: right;
top: 0;
right: 0;}

.headercta {
float: none;}

#breadcrumbs {
text-align: center;
padding-bottom: 0px;
margin-top: -35px;
border: none;}

.copyrightleft, .copyrightright {
width: 100%;
text-align: center; margin:0;}

.copyrightright {float:left; margin-top:1em;}


} /*End of 980 query*/

@media only screen and (max-width: 767px){

.home-slider-wrap {display:none;}

.headercontacts, .headercta {
display: none;}

body #logo img {
width:50%;
margin: 0em auto 0;}

.container #nav-search {
margin-top: 1em !important;
float: none;}

.container #nav-section {
margin: 0;
width: 100%;
background: none;
box-shadow: none;}

.container .show-menu {
background-color: rgb(19, 68, 14);
color: rgb(255, 255, 255);
}

#main-navigation {
float: none;
margin-bottom: 0;
margin-left: 0!important;
background: rgb(175, 186, 174);
}

nav#main-navigation ul li ul {display:none;}

.container nav#main-navigation ul li:hover {color:red;}

.container nav .menu li a {
border-bottom: none;
color:rgb(39, 39, 39);
}

.container nav .menu li.current-menu-item > a {
color: rgb(77, 77, 77);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
}

body .logo-left .nav-wrap, body .logo-right .nav-wrap {
float: none;
margin: 0 auto;
width: 70%;
}

#copyright .beam-me-up {display:none;}

} /*End of 767 query*/