/* Headers */
h3.blue { color: #0097d3 !important; }
div.copy a, div.copy a:visited { color: #ffffff !important; }
div.copy a:hover { color: #0097d3 !important; }

/* Navigation */
#nav a {
  font-size: 15px;
}
#main-wrapper #nav a:hover {
    position: relative;
    background: transparent !important;
}

#text-4 > div > a > img{
height: auto; max-width:287px; width:100%;
}
#text-5 > div > a > img{
height: auto !important; max-width:287px; width:100%;
}
#text-6 > div > a > img{
height: auto; width:100%; max-width:150.05px; float:left;
}
/* Home Page */

.triangle-left-home:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 40px solid #fff;
    border-bottom: 40px solid transparent;
    border-top: 40px solid transparent;
    position: absolute;
    left: 0;
    top: 35%;
    transform: translatex(-50%);
}
.triangle-right-home:after {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent;
    border-right: 25px solid #fff;
    position: absolute;
    right: 0;
    top: 40%;
    left: 99%;
    transform: translatex(-50%);
}

/* Read More Buttons */
.vc_btn3-container.vc_btn3-right {
    padding-bottom: 50px;
}
.vc_btn3 {
    color: #0097d3 !important;
    background-color: transparent !important;
    font-size: 15px !important;
}

a.vc_general.vc_btn3.vc_btn3-size-xs.vc_btn3-shape-square.vc_btn3-style-flat.vc_btn3-color-white:after, a.vc_gitem-link.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-square.vc_btn3-style-flat.vc_btn3-block.vc_btn3-color-white:after, input.wpcf7-form-control.wpcf7-submit:after {
    content: url(https://green-panther-772202.hostingersite.com/wp-content/uploads/2017/05/roe-brickwork-kent-read-more-button-graphic.png);
    display: inline-block;
    position: absolute; 
}

a.vc_general.vc_btn3.vc_btn3-size-xs.vc_btn3-shape-square.vc_btn3-style-flat.vc_btn3-color-white:after {
    top: 10%;
}

a.vc_gitem-link.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-square.vc_btn3-style-flat.vc_btn3-block.vc_btn3-color-white:after {
    top: 20%;
}

.vc_btn3-size-xs {
  border-bottom: 0px;
}

/* Contact Form */
div.contact-form {
    margin: 15px 0 0 10px;
}
label.cf { 
    color: #0097d3;
    background: #E8E8E8;
    width: 100%;
    margin: 0 2%;
    padding: 0 15px;
    font-size: 14px;
}
label.cf-work {
    color: #0097d3;
    margin: 0 2%;
    padding: 15px 0 0 0;
    font-size: 14px;
}
div.cf-element {  margin: 8px 0;  } 
 .cf-recap {  margin: 8px; } 
input[type="tel"] {
    border: 0;
    height: 43px;
    line-height: 43px;
    padding: 0 15px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px transparent solid;
}
input[type="text"], input[type="email"],  input[type="tel"], textarea { 
   color: #0097d3; 
   background: #E8E8E8; 
   width: 100%; 
   margin: 0px 2%; 
}
select {
   color: #0097d3; 
   background: #E8E8E8; 
   margin: 0px 2%; 
}
.cf-captcha {
    padding: 0 15px;
}

/* submit button */
input.wpcf7-form-control.wpcf7-submit {
    width: 80%;
    margin: 0 10px 0 10px;
    background-color: transparent;
    border: none;
    text-align: right;
    color: #0097d3;
    font-family: inherit;
}
.submit-after { 
   position: absolute;
}

/* Call to Action - overwrite Orange to Roe Orange */
.vc_general.vc_cta3.vc_cta3-color-orange { 
    background-color: #df6c07 !important;
    color: #ffffff !important;
}
.vc_general.vc_cta3 h2, .vc_general.vc_cta3 h4 { color: #ffffff !important; }
/* .vc_btn3.vc_btn3-color-primary, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat { background-color: #0097d3 !important; } */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #0097d3; }
::-moz-placeholder { /* Firefox 19+ */ color: #0097d3; }
:-ms-input-placeholder { /* IE 10+ */ color: #0097d3;  }
:-moz-placeholder { /* Firefox 18- */  color: #0097d3; }

/* Blog */

.blog-post .title { line-height: 48px; text-transform: inherit; }
.blog-post { word-break: inherit !important; }

/* Footer Widgets */
.widget-entry { 
  margin-bottom: 10px; 
}
.widget_nav_menu {
  padding-right: 50px;
}
#site-footer .widget-entry ul li {  
  text-align: right; border-bottom: none; 
}
#site-footer .widget-entry ul li a:after { 
  content: none; 
}
#site-footer .widget-entry ul li a { 
  color: #ffffff; text-transform: lowercase; font-size: 15px; margin: 5px 0; 
}

/* News */

/* Testimonials */
.button { 
    background: none; 
    text-transform: capitalize;
    box-shadow: none;
    text-shadow: none;
    color: #0097d3 !important;
    font-family: inherit;
    font-size: 15px;
}

.button:after {
    content: url(https://green-panther-772202.hostingersite.com/wp-content/uploads/2017/05/roe-brickwork-kent-read-more-button-graphic.png);
    display: inline-block;
    position: absolute; 
    left: 92%;
    top: 20%;
    background: none;
}
.button:hover {
    background-color: transparent;
}
.button:hover:after {
    background: none;
}

/* Cookie Bar */
#cookie-notice .button.bootstrap {
  background-color: #0097d3 !important;
  color: #fff !important;
}
#cookie-notice .button.bootstrap:after {
    content: none;
    display: inherit;
    position: inherit; 
    left: inherit;
    top: inherit;
    background: none;
}
#cookie-notice .button.bootstrap:hover, #cookie-notice .button.bootstrap:focus {
  background-color: #0097d3 !important;
}

/* Site Footer */
.footer-bottom {
  padding: 10px 0 10px 0;
}

/*
@media (min-width: 1200px) {
#logo {
  margin-left: -145px;
}
.roe-triangle {
    display: inline-block;
    border-left: 150px solid orange;
    border-right: 150px solid transparent;
    border-bottom: 150px solid transparent;
    border-top: 0px solid transparent;
 }

#header.act div.roe-triangle {
    border-left: 0px solid orange;
    border-right: 0px solid orange;
    border-bottom: 0px solid orange;
    border-top: 0px solid orange;
}

#header.act div.roe-triangle a#logo {
  margin-left: 0px;
}
}
*/

@media (min-width: 1200px) {
  #nav a:hover:after {
      content: url(https://green-panther-772202.hostingersite.com/wp-content/uploads/2017/05/roe-brickwork-kent-favicon-1.png);
      display: block;
      position: absolute;
      left: 30%;
      top: 80%;
  }
}

@media (max-width: 1199px) {
    #logo {
        margin-top: 0px;
    }
 #nav {
        top: 85px;
    }
  #nav .menu-item a:hover {
    color: #df6c07 !important;
  }
}