#nav ul, .sidebarbutton {background-color:#2E77CB;}
#nav ul li:hover{background-color:#4F8FDA;}
.sidebarbutton:hover {background-color:#2E77CB;}
h2, a, .news-bar h3, .news-bar a{color: #3d5ed1;}
h3{color: #368dd7;}
.header-link svg{color: #4583c9;}
.header-link:hover {color: #368dd7;}
.footer {background-color:#5784D1;}
.footer-contact-container{background-color:#3960A4;}
#footer .details {background-color: #385999;}
a:hover{color:#042660;}
#pull{background-color: #2E77CB;}

.parent-tapestry {margin: 2% auto;  display: block;}
#tapestry-h2 {display: inline-block;line-height: 40px;vertical-align: top;}
#tapestry-p {padding-right: 10px;}
.tapestry-link p, .tapestry-link img {display: inline-block;line-height: 55px;margin: 0;vertical-align: top;padding: 2px;padding-right: 2px;}
.tapestry-link p {color: #888888;text-transform: uppercase;font-family: Open Sans;font-size: 1.2em;transition: ease 0.5s all;}
#tabs{border:none; display:block; background-color:unset; border:none; width:100%; }
#tabs ul{width: auto; display: block; border:none; box-shadow:inset 0 -2px #d1d3d2;}
#tabs li{display:inline-block;list-style:none; margin:0; border:none; width:auto; min-width:200px; text-align:center; transition:all ease 1s;box-shadow:inset 0 -2px #d1d3d2; padding:0 10px;}
#tabs li a{text-decoration: none; color:#888888;}
#tabs li a:hover{color:#666666;}
#tabs > div{width: 80%; margin:0 auto; transition:all ease 0.5s;}
#tabs label{display:inline-block; width:150px;}
#tabs li.ui-state-hover {transition: all ease 1s;box-shadow:inset 0 -2px #666666; }
#tabs li.ui-tabs-active {border:none !important; background-color: unset;box-shadow:inset 0 -2px #2E77CB; }
#tabs li.ui-tabs-active a{ color:#2E77CB;}
.ui-tabs-nav{background-color:unset;}
#tabs svg {padding: 0 10px;opacity: 0.6;}
.parent-comment-wrap {padding: 1px 0;}
.parent-comment{color:#333;}
.parent-posted{color:#666;}
.parent-comment-wrap > hr {width: 40%; border: none; height: 0; border-top: 2px dashed #368dd7; padding: 10px 0;}
.parent-form {padding: 0 15px;}
.parent-form p{margin:5px 0;}
.parent-form h3{margin:10px 0;}
.removal-form{width:80%; margin:2% auto;}
.removal-form label p{width:100px;}
.report-icon{display:none; transition:ease all 0.8s;}
.parent-comment-wrap:hover .report-icon{display:inline-block;}
.report-success{margin-top:15px;}
a .report-icon{color: #666;}
a .report-icon:hover, .fa-question-circle:hover{color: #368dd7; cursor:pointer;}
.row{display:flex; width:100%;padding: 5px 0;}
.row.perms label{width:100% !important; margin-left:10px;}
.row > label p {margin: 0;}
.row.sow-submit{text-align:centre;}
.row input[type="text"], .row input[type="email"]{display: block; width: 80%; padding: 6px 12px; font-size: 14px; color: #555; border: 1px solid #ccc; border-radius: 4px; max-width: 400px;}
.row input[type="submit"]{text-align: center;height: 30px;background-color: #efefef;border: thin solid #a4a4a4;border-radius: 4px;width: 200px;margin: 0 auto;display: block;}
.row textarea{color: #555; width:100%; color: #555; border: 1px solid #ccc; border-radius: 4px; padding:6px 12px; font-size:14px; font-family:Webbly;}
.row input[type="text"]:hover, .row input[type="email"]:hover, .row textarea:hover{border-color:#368dd7;}
.row input[type="submit"]:hover{border-color:#368dd7; background-color:#f2efe4; cursor:pointer;}
#tabs label {width: 150px; display: block; min-width: 150px;}
.row > div {width: 100%;}
::-webkit-input-placeholder { /* Chrome */  color: #666;}
:-ms-input-placeholder { /* IE 10+ */  color: #666;}
::-moz-placeholder { /* Firefox 19+ */  color: #666;  opacity: 1;}
:-moz-placeholder { /* Firefox 4 - 18 */  color: #666;  opacity: 1;}
.pagination-container{text-align:center;}
.page-btn{width:auto; padding: 0 15px;}
.page-btn:hover{background-color: #f9f9d4; cursor:pointer;}
.info-txt{color:#666; font-size:16px;}
h3.review-head, h3.review-head a{background-color: #5784D1; margin: 2% 0; padding: 10px 15px; color: white; text-decoration: none; transition:ease underline 0.8s;}
h3.review-head svg{padding-right:1%;}
h3.review-head:hover a{text-decoration:underline; transition:ease underline 0.8s;}
.review-images{width: 80%; margin: 0 auto; display:flex;}
.review-images a{display: inline-block; text-align:center; width:100%;}
.review-images img{height: 60px; border-bottom: 2px solid white; padding-bottom: 5px; transition: ease all 0.8s;}
.review-images img:hover{border-bottom: 2px solid #3960A4;}

@media screen and (max-width: 810px) {	.content-box{width:100%;}}
@media screen and (max-width: 700px) {  #tabs > div{width:98%; }	
  #tabs li{min-width:unset; width:100%;}
  #tabs li a {font-size: 2.1vw;}
  .row.sm-break{display:block;}
  .row.sm-break div{width: calc(90% - 150px); display: inline-block;padding: 10px 0 0 0;}
  .row.sm-break label, .row.sm-break input {  display: inline-block !important;}}
@media screen and (max-width: 500px) {  #tabs{display:block;}
  #tabs li a {font-size:3vw;}}