/*
Theme Name: The Invasion Tapestry
Theme URI: https://tp10.co.uk
Author: TP10 Ltd
Author URI: https://tp10.co.uk
Description: A bespoke theme created for The Last Invasion Tapestry team.
Version: 1.0
*/
  body {font-family: 'Source Sans Pro', sans-serif;}
    .logo { margin: 15px auto 0 auto; width: 150px; display: inherit }
    .headerArea { min-height: 175px}
    .headerContact {margin-top: 50px; }
    .headerContact p {margin: 3px 0; padding: 0}
    a {color:#355679;}
    .homeImageHolder img {max-width:100%; height:auto}
    .socialAwards {text-align: right}
    .awardSigns {clear: both; margin-top: 20px}
    .socialIcons {margin:5px 0 0 5px; float: right}
    .newsletterSignup {top: 10px; position: relative;}
    .navArea {}
    .mainnav {font-size:18px; text-align:right; margin:5px 0; margin-top:60px }
    .mainnav ul { margin:0; padding:0; text-align:right}
    .mainnav li {list-style-type:none;padding:0;text-align:right; display:inline-block; position:relative;  }
    .mainnav li a { padding: 3px 6px ;margin:0;display:block; color: #ffffff; text-decoration: none; }
    .mainnav li:hover .sub-menu { display:block;}
    .mainnav li .sub-menu {position:absolute;top:100%;right:0px; display:none; padding:0 ;margin:0; width:180px; z-index:999 ;background:#355679; font-size:18px; }
    .mainnav li .sub-menu li {  display:block; float:none; border:1px solid #cccccc; border-top:0; border-left: 0; border-right: 0; margin:0;padding:0;}
    .mainnav li .sub-menu li a { display:block;  margin:0;  font-size:18px;  color: #ffffff !important; font-variant: normal; padding: 4px 10px 4px 15px; text-align:left;    border-top: 1px solid #ffffff;}
    .mainnav li .sub-menu li a:hover { background:#143355}
.current_page_item {background-color: #143355}
.menu-item-16 {background-color:#ce6626}
.menu-item-14 {background-color:#74613e}
.menu-item-15 {background-color:#b33e33}
.menu-item-17 {background-color:#7e7aac}
.menu-item-13 {background-color:#67817f}

.subSideNav ul {margin:0; padding:0}

.subSideNav li {list-style:none}
.subSideNav li a {width:100%; background-color:#3289c7; margin:2px 0; height:auto; display:block; padding:5px; color:#ffffff}
	.sectors {background-color:#e4f0f8}
li.current_page_item a{backgroung-color:#143355}

.entry-content a {color:#813295; text-decoration: underline}


    

    .footer {background-color: #000000; color: #ffffff; padding: 10px 0}

    .sliderArea { display: inline-block;margin-bottom: -5px;}
    .silderHolder {width: 100%; background-color: #553143; border: 8px solid #654454; border-left: none; border-right: none; border-bottom:none; text-align: center; }
    .contentHolder {width: 100%; background-color: #c9564c; border: 8px solid #b33e33; border-left: none; border-right: none; text-align: center; }


	.page-id-2 .contentHolder {border-color:#7e7aac; background-color: #9794c0}
.page-id-9 .contentHolder {border-color:#74613e; background-color: #998e7a}
.page-id-11 .contentHolder{border-color: #67817f; background-color: #8aa7a5}

    p {font-size: 16px; line-height: 26px}

    .homeImageHolder {margin-top: 68px}

    .infoRow {background-color: #654454; color: #ffffff; padding-bottom: 20px}
    .infoRow h3{ color: #ffffff; font-size: 24px}
    .infoRow h4{ color: #cfcfcf; font-size: 18px; margin:0}
    
    .webLink {text-align: right}

     .twitterLink {width: 27px; height: 27px; background: url(/wp-content/themes/Tapestry/images/twitter.jpg); display: inline-block;}
    .facebookLink {width: 27px; height: 27px; background: url(/wp-content/themes/Tapestry/images/facebook.jpg); display: inline-block;}
   .social {text-align: center; }
    .navbar-toggle {background-color: #553143; color: #ffffff}

.navbar-collapse {padding:0}
.infoPadder {margin-top: 20px}
 

@media (max-width: 767px) {
    .mainnav {  display:block; padding:0; margin:0; width:100%; float:left;  position:relative; z-index:9999;}
    .mainnav ul { display:block;padding:0;margin:0; border-top:solid 1px #c3e6ea;}
    .mainnav li { float:none;display:block; border-bottom:solid 1px #c3e6ea;}
    .mainnav li a{  display:block;text-align:center;padding:3px 0; color: #ffffff}
    .mainnav li .sub-menu { position:inherit; left:auto; top:auto; width:auto; background-color: #143355}
    .mainnav li .sub-menu li a {text-align:center;}
}

@media only screen and (min-width: 768px) {

   .twitterLink { float: right;}
    .facebookLink { float: right;}
  .logo { margin: 15px auto 0 auto; float: left }
    .mainnav {font-size:12px;}
    .mainnav li a {padding: 3px 8px;}
    .mainnav li .sub-menu li a { font-size:12px; }
}


@media only screen and (min-width: 992px) {
.infoPadder {margin-top: 82px}
    .mainnav {font-size:15px;}
    .mainnav li a {padding: 3px 8px;}
    .mainnav li .sub-menu li a { font-size:15px; }
}

@media only screen and (min-width : 1200px) {
    .mainnav {font-size:19px;}
    .mainnav li a {padding: 3px 8px;}
    .mainnav li .sub-menu li a { font-size:19px; }
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}