/*

 Theme Name:   SitePoint Base Child

 Theme URI:    http://www.youncarers.co.uk

 Description:  A sitepoint-base child theme by Chris Laing

 Author:       Chris Laing

 Author URI:   http://www.chrislaing.co.uk

 Template:     sitepoint-base

 Text Domain:  sitepoint-base-child

 Version:      1.0.0

*/

/*font change*/
body, dt, b, strong, strong em, b em, em,
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption,
blockquote p, blockquote cite,
.menu-toggle, button, input,
.archive-title,
.page-title,
.entry-content th,
.comment-content th,
.comments-link,
.entry-header address,
.comment-content address,
.entry-header time,
.entry-header address,
.entry-content dt,
.comment-content dt,
.archive-meta,
.comments-area article header time,
form label.error,
#wp-calendar caption,
.nav-menu
{
  font-family: 'Raleway', 'Open Sans', Helvetica, Arial, sans-serif;
}

@font-face {
	font-family:"WebSymbols-Regular";
	src:url("websymbols/WebSymbols-Regular.eot?") format("eot"),
		url("websymbols/WebSymbols-Regular.woff") format("woff"),
		url("websymbols/WebSymbols-Regular.ttf") format("truetype"),
		url("websymbols/WebSymbols-Regular.svg#WebSymbols-Regular") format("svg");
	font-weight:normal;
	font-style:normal;
}
a {
    font-weight: 600;
}
hr {clear:both;}
h1, h2, h3, h4, h5, h6,
article.sticky .featured-post,
h1.page-title{
   font-family: 'Raleway', 'Open Sans', Helvetica, Arial, sans-serif;
   font-weight: 600;
}
h1 {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.25;
}

.entry-header h1 span {
    font-size: 70%;
}
h2 {
    font-size: 28px;
    font-size: 1.8rem;
	clear: both;
    padding-top: 1em;
}
h2.head2 {
    margin-bottom: 1em;
}
#headercontainer {
    margin-top: 1rem;
}
.entry-content ul {
    list-style: none;
}
.entry-content ul li:before {
	font-family:"WebSymbols-Regular";
    color: #666;
	content: 'R';
    font-weight: bold;
	margin-right: 1.2em;
    float: left;
}
.entry-content ul li:before h3 {
    font-size: 2.0rem;
}
.entry-content li a {
    text-decoration: none;
}
.nav-menu { font-weight: 600;}

#footercontainer {
    clear: both;
    padding-top: 20px;
    border-top: #999 solid 5px;
}

.singleportfolio {
    margin: 0 auto;
    float: none;
}

.grid-33 h3, .grid-50 h3 {
       text-align: center;
   }

   .grid-33, .grid-50 {
      padding-left: 20px;
      padding-right: 20px;
   }
.fpheading h3 {

   }
.fpheading h3 a:link, .fpheading h3 a:visited {
     	text-decoration: none;
	color: #fff;
       background: #339bcb;
       min-height: 110px;
       display: block;
       padding: 5% 0;
}
.fpheading h3 a:hover, .fpheading h3 a:active {
     	text-decoration: none;
	color: #000;
       background: pink;
}
   i.fa.icon {
      font-size: 42px;
      text-align: center;
      display: block;
   }

.main-navigation {
	float: left; 
	margin-top: 0;
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}
 .main-navigation .current_page_parent > a {
    /* color: #3a3a3a; */
}
h2.entry-title {
    font-size: 24px;
    font-size: 1.5rem;
    text-align: left;
	padding-top: 0;
}

.readmore a:link, .readmore a:visited {
    float: right;
    padding: 10px;
    background: #F2F2F2;
    color: #3a3a3a;
    text-decoration: none;
}

.readmore a:hover, .readmore a:active {
    background: #e0e0e0;
}

#secondary {
    margin-top: 20px;
}

.site-title {
       width: 90%;
       text-align: center;
       margin: 0 auto;
   }
.site-title h2 {
    color: #777;
}
 .site-logo {
	width: 100%;
    text-align: center;
    margin-top: 0;
	margin-bottom: 10px; 
} 
.site-logo img{
	max-width: 200px;
}
#bannercontainer {
    margin-bottom: 10px;
}
.button {
    display: inline-block;
    padding: .1em 1em .1em 2em;
    background-color: #ccc;
    text-decoration: none;
    color: white;
	position: relative;
	border-radius: 10px;
	text-align: center;
    width: 300px;
	max-width: 100%;
}
.button:hover{
    -webkit-transform:scale(1.10);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
	background: #2098D1;
	color: #fff;
}
.a-btn {
    padding-bottom: 1em;
}
.a-btn-title {
	display: block;
    font-size: 22px;
}
.a-btn-clear {
    clear: both;
}
.a-content {
	padding-top: 10px;
}
.a-btn-symbol { 
  content: "\f021";
  position: absolute;
  left: 0.5em;
  padding: 0 1px;
  font-family: 'WebSymbols-Regular', cursive;
	    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
	bottom: 0.8em;
    font-size: 24px;
}
.button:hover .a-btn-symbol {
	color: yellow;
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
}
h3.widget-title {
    font-size: 26px;
    font-size: 1.6rem;
}
.title-fullwidth { margin-bottom: 0!important;}
.news-feed img {
	margin: 0 auto;
	display: block;
}
.news-article {
    border-top: 2px solid #ccc;
    padding: 20px 0;
    border-bottom: 2px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.wpcf7-form-control-wrap {
    margin-bottom: 1.5rem;
}
input {
    max-width: 100%;
}
textarea {
    max-width: 100%;
}
.page-numbers {
    border: 1px solid #ccc;
    padding: 5px;
    color: #333;
    text-decoration: none;
    font-weight: 600;
}
a.page-numbers {
	color: #eee;
	background-color: #666;
}a:hover.page-numbers {
	color: #666;
	background-color: #eee;
}

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

   .site-title {
       width: 60%;
       text-align: center;
       margin-top: 0;
       position: relative;
       background: rgba(255, 255, 255, 0.45);
   }
   .site-logo {
	   width: 40%;
       text-align: center;
       margin-top: 0;
	}
	.site-logo img{
		max-width: 100%;
	}
   .home.page .site-content article {
       margin-top: 20px;
       margin-bottom: 1.25rem;
   }

}
.page-middle {
    float: none;
    margin: 0 auto;
}
@media only screen and (max-width: 768px) {

    #footercontainer .widget-area {

       margin-top: 16px;

       margin-top: 1rem;

    }

    #maincontentcontainer #secondary {

       display:none;

    }

    #footercontainer { border-top: #3a3a3a solid 5px;}

    .site-footer {color: #3a3a3a;}

    .site-footer a:link, .site-footer a:visited {color: #3a3a3a;}

}

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

    #bannercontainer {display:none;}

}
@media only screen and (max-width: 380px) {
	.button {
		padding-left: 0px;
		max-width: 100%;
	}
	.a-btn-symbol { display:none;}
}