/*
Theme Name: Scratch Level up
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scratch-level-up
Tags:

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.

Scratch Level up is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Overrides
--------------------------------------------------------------*/
/* display none temp - plugin styles */

a {
    color: #a57d29;
    text-decoration: none;
}

a:focus, a:hover {
    color: #9b7526;
    text-decoration: underline;
}

.home-read-news{
	display: none!important;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
}

a.slideshowlink {
    display: block;
    padding-left: 2px;
    margin-bottom: 10px;
}
div.slideshowlink{
	display: block;
}
div.slideshowlink a{
	text-align: center;
	display: block;
    margin-bottom: 10px;
}
.ngg-album{
	width: auto;
	background: #fff;
    border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.20)!important;
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.20)!important;
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.20)!important;
    border-radius: 3px;
    margin-bottom: 15px!important;
    padding: 15px 10px!important;
}
.ngg-albumtitle a{
	color:#333!important;
}

.col-sm-6 .thumbnail {
    min-height: 350px;
}

.caption .ngg-title{
	font-size: 18px;
    text-transform: capitalize;
}

.thumbnail .caption a{
    color:#333!important;
}

.thumbnail .caption a:hover{
    color:#333!important;
    text-decoration: none;
}

.pip-nav ul{
    margin:0;
    padding:0;
    list-style: none;
}
.pip-nav ul li a{
    font-weight: bold;

}

.wpcf7{
    width: 45%;
    height: auto;
    position: absolute;
    top: 80px;
    right: 20px;
}

.wpcf7 input, .wpcf7 textarea {
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #fff;
    padding:4px 10px;
    width: 100%;
}

.wpcf7 input[type=submit]{
    width: 20%;
    padding:7px 0;
    display: block;
}

.wpcf7 input[type=submit]:hover{
   background: #eee;
}

.wpcf7 p span.required {
    color:#ff0000;
    font-size: 12px;
}

div.wpcf7-validation-errors {
    border: 2px solid #ff0000;
}

div.wpcf7-response-output {
    margin: 0;
    padding: 0.2em 1em;
}


.vsg-map{
    width: 50%;
    margin-top: 10px;
}

.news-item img, .envira-gallery-wrap img, .thumbnail a img{
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.news-item:hover img, .envira-gallery-wrap img:hover, .thumbnail:hover a img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.news-item:hover {
    cursor: pointer;
}

.news-item-thumbnail{
    overflow: hidden;
}

.envira-gallery-wrap .envira-gallery-public .envira-gallery-item{
    overflow: hidden;
}

.thumbnail{
    overflow: hidden;
}

.wrap-image-front{
    overflow: hidden;
}

.tagbox {
    background-color: #eee;
    border: 1px solid #ccc;
    margin: 4px 5px 3px 0px;
    line-height: 200%;
    padding: 2px 3px;
    font-size: 15px;
    float: left;
}

.sidebar-boxes{
    clear: both;
    overflow: hidden;
}

.taglink  { 
    padding:2px;
}

.tagbox a, .tagbox a:visited, .tagbox a:active { 
    text-decoration:none;
}

.tagcount {
    background-color: #d23e3b;
    color: white;
    position: relative;
    padding: 2px;
}



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

.breadcrumb {
    padding: 5px 0 5px 30px;
    font-size: 12px;
    border-bottom: 1px solid #e1e1e1;
    color: #777;
}

.bx-wrapper{
    width: 100%!important;
    max-width: 100%!important;
    margin-bottom: 20px!important;
}
.front-gallery{
    width: 100%;
}
.front-gallery ul {

}
.front-gallery ul li {
    overflow: hidden;
}
.front-gallery ul li img{
    width:100%;
    height: 148px;
    display: block;
}
.front-gallery ul li span{
    display: block;
    text-align: center;
    padding: 7px 0 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #333;
    opacity: 0.8;
    font-size: 12px;
}

.front-gallery ul li a{
    color:#fff;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* overrding css and styles */

body {
	font-size: 14px;
	font-family: inherit;
	line-height: 20px;
	margin: 0;
	padding:0;
}

body.custom-background{
  background-position: center center!important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.site{
    width: 85%;
    margin:0 auto;
    background: #fff;
    height: 100%;
    -webkit-box-shadow: 0px 0px 32px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 32px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 32px -9px rgba(0,0,0,0.75);
    opacity: 1;
}

.site-branding{
    padding:10px 20px;
    position: relative;
    width:auto;
}

p.simple-image{
	display: inline;
}

.navbar{
	min-height: 25px;
}

.nav>li>a{
	padding-top:7px;
	padding-bottom:7px;
}
.navbar-default {
    background-color: #eee;
    border-color: #e1e1e1;
    margin-bottom: 0;
}

.navbar-nav>li>.dropdown-menu{
     padding:0!important;
}

.dropdown-menu>li>a {
  	color:#666!important;
    font-size: 14px;
    padding:7px 10px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #d23e3b;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: #e7e7e7;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar {
    border-radius: 0;
}

.navbar-default {
    background-color: #eee;
    border-color: #e1e1e1;
}

.navbar .container-fluid>.navbar-collapse, 
.navbar .container-fluid>.navbar-header, 
.navbar .container>.navbar-collapse, 
.navbar .container>.navbar-header{
    margin-right: 0;
    margin-left: 0;
}

.navbar-form{
    padding:0 0;
    margin:0;
}

.search-form input {
    border: 1px solid #e1e1e1;
    padding: 2px 5px;
    font-size: 14px;
    border-radius: 5px;
    font-weight: normal;
}

.search-form input.search-submit {
    background: #E7CD3E;
    color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 2px 8px;
    margin: 0;
}

.search-top {
    position: relative;
    top: 4px;
    left: -5px;
    display: none;
}

.beslogo-search {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.flex-control-nav.flex-control-thumbs{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 5px;
    width: auto;
    height: auto;
    display: none
}

.metaslider{
    width: 100%;
    clear: both;
    overflow: hidden;
}

.metaslider{
    width: 100%;
    clear: both;
    overflow: 
}

.site-main{
	padding:0 15px;
}

.home-title-page {
    padding: 0;
    margin: 0;
    line-height: 20px;
    font-size: 25px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.more-link > a{
    display: block;
    font-weight: bold;
    text-align: right;
    padding: 20px 0;
}

footer#colophon {
    background: #222;
    padding: 10px 0;
    border-top: 1px solid #999;
    color: #fff;
    font-size: 11px;
}

footer#colophon a{
    color:#fff;
}
footer#colophon a:hover{
    color:#fff;
}
.sidebar-boxes{
	padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.20);
}

.sidebar-boxes{
	margin-bottom: 10px;
}

.sidebar-boxes h1.sidebar-title-page{
	margin:0;
	padding:0;
	line-height: 25px;
	font-size: 18px;	
}

#secondary{
	padding-right: 15px;
}

.sidebar-boxes .em-calendar-wrapper{
	margin-top: 10px;
}

.sidebar-boxes .em-calendar-wrapper .em-calendar{
	width:100%;
	border: 1px solid #ccc;
}

.sidebar-boxes .em-calendar-wrapper table.em-calendar td {
    padding: 4px 5px;
    text-align: center;
    border: 1px solid #eee;
}

.sidebar-boxes .em-calendar-wrapper  table.em-calendar thead {
    font-size: 11px;
    font-weight: bold;
}

.no-padding{
	padding:0;
}

.wrap-content-sidebar{
	padding: 10px;
}

.query-notice {
    border-bottom: 1px dotted #ccc;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 6px;
    padding: 6px 8px;
}

.query-notice .notice-title {
    font-size: 16px;
    color: #666;
    line-height: 20px;
}

.query-notice .notice-date {
    line-height: normal;
    font-size: 11px;
}

.sidebar-boxes.no-padding h1 {
	padding:10px 7px 0;
}

.sidebar-boxes ul.list {
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
}

.sidebar-boxes ul {
    margin: 0;
    padding: 8px 25px;
}

.site-content{
	margin-bottom: 20px;
}

.without-slides{
	margin-top:30px;
}

.news-cpt.widecolumn{
	padding:0 20px;
}

.archive-header h1.archive-title{
	margin:0;
	padding:0;
	line-height: 20px;
	padding-bottom: 10px;
	border-bottom:1px dotted #ccc;
	margin-bottom: 25px;
}


/*POST STYLE LIST*/
.home-page .news-items
{
    clear: both;
    overflow: hidden;
}

.home-page .news-item-wrap-title-date,
.pages .news-item-wrap-title-date
{
    min-height: 65px;
}

.home-page .news-item-wrap-title-date p.date a, 
.home-page .news-item-wrap-title-date p.date a:hover,
.pages .news-item-wrap-title-date p.date a, 
.pages .news-item-wrap-title-date p.date a:hover{
    color:#777!important;
    text-decoration: none;
}

.home-page .news-items p.description a, 
.home-page .news-items p.description a
.pages .news-items p.description a, 
.pages .news-items p.description a{
    color:#333;
    text-decoration: none;
}

.home-page .thumbnail .caption p a, 
.home-page .thumbnail .caption p a:hover,
.pages .thumbnail .caption p a, 
.pages .thumbnail .caption p a:hover{
    color:#333!important;
    text-decoration: none!important;
}

.home-page .news.type-news,
.pages .news.type-news  {
    clear: none;
    overflow: hidden;
    border-bottom: 1px dashed #ccc;
    float: left;
    width: 50%;
    min-height: 190px;
    margin: 20px 0 0 0;
    padding: 0;
}

.home-page .img.news-item-thumbnail,
.pages .img.news-item-thumbnail{
    width: 35%;
    height: auto;
    float: left;
    min-height: 100px;
}

.home-page .bd.news-item,
.pages .bd.news-item {
    float: left;
    width: 60%;
    padding-left: 3%;
}

.home-page .img.news-item-thumbnail img,
.pages .img.news-item-thumbnail img{
    width: 100%;
    height: auto;
}

.home-page .news-item h3,
.pages .news-item h3 {
    line-height: 22px;
    margin: 0;
    text-transform: capitalize;
    font-size: 20px;
}

.home-page .news-item h3 a,
.pages .news-item h3 a {
    color: #333;
}

.home-page .news-item h3 a:hover,
.pages .news-item h3 a:hover{
      color:#a57d29;
    text-decoration: none;
}

.home-page .news-item p.date,
.pages .news-item p.date {
    color: #777;
    font-size: 11px;
    margin:0;
    padding:0;
}

.home-page .news-item > a,
.pages .news-item > a{
    display: block;
    padding-bottom: 10px;
}
/*end of post style*/

.search .news.type-news {
    clear: none;
    overflow: hidden;
    border-bottom: none;
    float: left;
    width: 100%;
    min-height: 0;
    margin: 20px 0 0 0;
    padding: 0;
}

.search article{
    margin-bottom: 20px!important;
}

.news-cpt.widecolumn > .hentry  {
    border-bottom: 1px dashed #ccc;
    min-height: auto;
    height: auto;
    clear: both;
    overflow: hidden;
}


.news-left-archive{
	width: 25%;
    height: auto;
    float: left;
    min-height: 200px;
    overflow: hidden;
}

.news-left-archive img{
	width:100%;
	height: 150px;
}

.news-right-archive{
	float: left;
    width: 75%;
    padding-left: 3%;
}

.news-right-archive h2 {
    line-height: 25px;
    margin: 0;
    text-transform: capitalize;
    font-size: 22px;
}

.news-right-archive h2 a {
    color: #222;
}

.news-right-archive h2 a:hover{
    color:#a57d29;
    text-decoration: none;
}

.news-right-archive p.date {
    color: #777;
    font-size: 11px;
}
.news-cpt.widecolumn h1.entry-title {
	margin:0;
	padding:0;
}


.site-main .page-header{
	margin:0;
}

h1.entry-title, .page-title, .archive-header h1.archive-title{
	margin:0;
	padding:0;

	line-height: 35px;
	padding-bottom: 15px;
	border-bottom:1px dotted #ccc;
	margin-bottom: 25px;
}

table.events-table {
    border: 1px solid #ccc;
    width: 100%;
}

table.events-table thead {
    background: #eee;
}

table.events-table thead th{
    padding: 8px;
}

table.events-table td {
    padding: 8px;
    border: 1px solid #ccc;
    vertical-align: top;
}

div.css-search input, div.css-search select, div.css-search option, div.css-search div, div.css-search span, div.css-search button {
    font-size: 12px;
}

div.css-search input.em-search-text, div.css-search input.em-search-geo {
    font-size: 12px;
    line-height: 20px;
}

/*#swpm-login-form input{
	background: #fff;
	border:1px solid #ccc;
	border-radius: 3px;
	padding:5px;
}*/

.error, .swpm-login-widget-action-msg{
    color:#ff0000;
}

.reset-form{
    width: 50%;   
}

.metaslider .caption{
	font-size: 15px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff!important;
    text-decoration: none;
    background-color: #d23e3b;
    outline: 0;
}
.site{
    position: relative;
}

.login-top-header {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}
.login-top-header ul {
    margin: 0;
    padding: 0;
}
.login-top-header ul li {
    float: left;
    display: inline-block;
}
.login-top-header ul li a {
    display: block;
    padding: 4px 5px 4px;
    margin: 0 5px;
    border-bottom: 2px solid #ccc;
}
.login-top-header ul li a:hover{
    text-decoration: none;
}

@media (max-width: 1024px) {
    .site{
        width: 96%;
    }
    .home-page .news.type-news,
    .pages .news.type-news{
        clear: both;
        overflow: hidden;
        border-bottom: 1px dashed #ccc;
        float: none;
        width: 100%;
        min-height: 0;
        margin: 20px 0 0 0;
        padding: 0 0 20px 0;
    }
    .home-page .img.news-item-thumbnail,
    .pages .img.news-item-thumbnail{
        width: 25%;
        height: auto;
        float: left;
        min-height: 100px;
    }

    .home-page .bd.news-item,
    .pages .bd.news-item {
        float: left;
        width: 75%;
        padding-left: 3%;
    }
}

@media (max-width: 980px) {
    .site{
        width: 96%;
    }
	#secondary{
		width: 98%;
		margin: 0 auto;
		padding:0;
	}
}

@media (max-width: 760px) {
    .search-top {
	    display: block;
	}

	.beslogo-search{
		display: none;
	}

	.caption-wrap{
		font-size: 10px;
	}

	#secondary{
		width: 98%;
		margin: 0 auto;
		padding:0;
	}
	.site{
        width: 96%;
    }

    .ngg-albumoverview .thumbnail{
    	width:50%;
    	height: auto;
    	margin:0 auto 20px;
    }
    .ngg-albumoverview .thumbnail img{
    	width:100%;
    }
    .wpcf7{
        width: 70%;
        height: auto;
        position: relative;
        top: 0;
        right: 0;
    }

    .vsg-map{
        width: 70%;
        margin-top: 10px;
    }
    .entry-content .summary img {
        width:100%;
        margin:5px 0;
        height: auto;
    }
    #main div.news.type-news {
        clear: none;
        overflow: hidden;
        float: none;
        width: 100%;
        min-height: 0;
    }
}


@media (max-width: 560px) {
    
    .flex-control-nav.flex-control-thumbs{
		display: none;
	}

	.ngg-albumoverview .thumbnail{
    	width:80%;
    	height: auto;
    	margin:0 auto 20px;
    }

    .ngg-albumoverview .thumbnail img{
    	width:100%;
    }

    .entry-content .summary img {
        width:100%;
        margin:5px 0;
        height: auto;
    }
}

@media (max-width: 440px) {
    .site-branding img {
	    width:100%;
	}
    .wpcf7{
        width: 80%;
        height: auto;
    }
    .entry-content .summary img {
        width:100%;
        margin:5px 0;
        height: auto;
    }
}

@media (min-width: 1280px) {
    .site{
        width: 1100px;
        margin:0 auto;
        background: #fff;
        height: 100%;
        -webkit-box-shadow: 0px 0px 32px -9px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 32px -9px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 32px -9px rgba(0,0,0,0.75);
    }
}