/*
Theme Name: Bootstrap Canvas WP
Theme URI: 
Author: Schon Garcia
Author URI: 
Description: The 2015 theme for WordPress built on Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
Version: 1.94
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, light, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, editor-style, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: bootstrapcanvaswp

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px auto 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,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.blog-footer {
    background-color: #2761AF !important;
}
.blog-footer2 {
    padding: 10px 0px;
    color: #999;
    text-align: center;
    background-color: #fff;
    border-top: 3px solid #2761AF;
}

.gallery-item img {
    border-width: 1px;
    margin-bottom: 0;
}

.wp-post-image {
	margin-bottom: 20px;
}

.sticky {
}

.bypostauthor {
}

.entry {
	margin-bottom: 20px;
}

.widget {
	text-align: initial;
}

.widget ul {
    list-style: none;
    padding: 0;
}
.widget ul li {
    color: #000;
}

.widget ul li a {
    padding: 10px;
    border-bottom: medium none;
    border-top: 2px solid #F4F4F4;
    width: 100%;
    float: left;
}

#searchsubmit {
	margin: 4px 0;
}

.comment-list {
	padding: 0;
}

.comment-list, 
.children:nth-child(n+1) {
	list-style: none;
}
#devicesTxt {
    height: 400px;
}

#devicesTxt h1 {
    color: #FFF;
    text-align: center;
}

#devicesTxt p {
    color: #FFF;
    text-align: center;
}

@media (max-width: 767px) {
	.comment-list, 
	.children:nth-child(n+1) {
		padding: 0;
  	} 
}

@media screen and (min-width:992px) {
        #mobile-only {
            display:none !important;
        }

        #desktop-only {
            display:block !important;
        }
    }

@media screen and (max-width: 991px) {
        #mobile-only {
            display:block !important;
        }

        #desktop-only {
            display:none !important;
        }
    }

/* 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. */
}

.blog-post-meta {
	display: none;
}

#post-7 .blog-post-title {
	display: none;
}

/** animated boxes **/
.animBlock {
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  -webkit-transition: all .55s ease-in;
  -moz-transition: all .55s ease-in;
  -ms-transition: all .55s ease-in;
  -o-transition: all .55s ease-in;
  transition: all .55s ease-in;
}
.animBlock[data-position="left"] { left: -20%; }
.animBlock[data-position="right"] { right: -20%; }
 
.animBlock[data-position="left"].viewed {
  left: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.animBlock[data-position="right"].viewed {
  right: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}

/** image rollover effect **/
.view {
    width: 100%;
    height: 200px;
    margin: 10px;
    float: left;
    /** border: 10px solid #fff; **/
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url(../images/bgimg.jpg) no-repeat center center
}
.view400 {
    width: 100%;
    height: 420px;
    margin: 10px;
    float: left;
    /** border: 10px solid #fff; **/
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url(../images/bgimg.jpg) no-repeat center center
}

@media (max-width: 800px) {
  .view, .view400, .view .mask, .view .mask-health, .view .mask-social, .view .mask-education, .view .mask-housing, .view .content, .view400 .mask, .view400 .mask-carers, .view400 .content {
	  height:300px !important;
  }
}

.view .mask, .view .mask-health, .view .mask-social, .view .mask-education, .view .mask-housing, .view .content {
    width: 100%;
    height: 200px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view400 .mask, .view400 .mask-carers, .view400 .content {
    width: 100%;
    height: 420px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative
}
.view400 img {
    display: block;
    position: relative
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 1);
    /** margin: 20px 0 0 0 **/
}
.view400 h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 1);
    /** margin: 20px 0 0 0 **/
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view400 p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view a.info, .view400 a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.head, .view400 a.head {
    display: inline-block;
    text-decoration: none;
    /** padding: 7px 14px; **/
    /** background: rgba(255, 255, 255, 0.6); **/
    color: #000;
    text-transform: uppercase;
    /** box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5); **/
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}
.view400 a.info:hover {
    box-shadow: 0 0 5px #000
}
.view-fifth img {
	transition: all 0.3s ease-in-out; 
}
.view-fifth .mask { 
	background-color: #2761AF;
	transform: translateX(0px);
	opacity: 1;
	transition: all 0.4s ease-in-out; 
}
.view-fifth .mask-social { 
        background: url(http://www.rescare.org.uk/wp-content/uploads/2015/09/18862837_IFConsultancy_v2.jpg) no-repeat center center;
        background-size: cover;
	transform: translateX(0px);
	opacity: 1;
	transition: all 0.4s ease-in-out; 
}
.view-fifth .mask-education { 
        background: url(http://www.rescare.org.uk/wp-content/uploads/2015/09/23321805_IFConsultancy_v2.jpg);
        background-size: cover;
	transform: translateX(0px);
	opacity: 1;
	transition: all 0.4s ease-in-out; 
}
.view-fifth .mask-health { 
        background: url(http://www.rescare.org.uk/wp-content/uploads/2015/09/50093592_IFConsultancy_v2.jpg);
        background-size: cover;
	transform: translateX(0px);
	opacity: 1;
	transition: all 0.4s ease-in-out; 
}
.view-fifth .mask-housing { 
        background: url(http://www.rescare.org.uk/wp-content/uploads/2015/09/9421419_IFConsultancy_v2.jpg);
        background-size: cover;
	transform: translateX(0px);
	opacity: 1;
	transition: all 0.4s ease-in-out; 
}
.view-fifth .mask-carers{ 
        background: url(http://www.rescare.org.uk/wp-content/uploads/2015/09/40285956_IFConsultancy_v2.jpg);
        background-size: cover;
	transform: translateX(0px);
	opacity: 1;
	transition: all 0.4s ease-in-out; 
}
.view-fifth h2{
    background: rgba(255, 255, 255, 0.6);
    color: #000;
    box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p{
    opacity: 0;
    color: #000;
    transition: all 0.2s linear;
    font-family: inherit;
    font-size: 14px;
}
.view-fifth:hover .mask { 
	transform: translateX(0px);
}						
.view-fifth:hover img { 
	transform: translateX(300px);
	transition-delay: 0.1s;
}
.view-fifth:hover p{
    opacity: 1;
    transition-delay: 0.4s;
}

#search {
    height: 30px;
    width: 180px;
    background-image: url("graphics/search_bar.png");
    position: absolute;
    top: 20px;
}
.new_button {
    float: right;
    margin-left: 0px;
    position: absolute;
    top: 22px;
    width: 29px !important;
    background: none;
left: 165px;
padding: 0px;
height: 27px;
}
div.searchsettings[id*="ajaxsearchlitesettings"] .option input[type="checkbox"]:checked + label::after {
    opacity: 1;
}
.img-border-1 {
	border:4px solid #2761AF;
}

h1.notice {
    text-align: center;
    font-size: 1.4em;
    margin-top: 0px;
}