/*****************************************************************************************************************************
 * Skin Styling
 *
 * This document contains non-colour styles only.
 *
 * @author    Zoë Martin
 * @author    Sam Brown
 * @copyright Pellacraft Limited
 *
 * Contents
 *      1. Global
 *      2. Cookie Notice
 *      3. Header
 *      4. Nav
 *          4.1. Nav Search Form
 *      5. Content
 *      	5.1. Home Page
 *      	5.2. Contact Page
 *      	5.3. Twitter Pages
 *      	5.4. Facebook Pages
 *      	5.5. News Pages
 *      	5.6. Gallery Pages
 *      6. Sidebar
 *      7. Footer
 *****************************************************************************************************************************/

/*****************************************************************************************************************************
 * 1. Global
 *****************************************************************************************************************************/
* {
	font-size: 1em;
	font-family: "Poppins", Arial, sans-serif;
}

body {
    font-family: "Poppins", Arial, sans-serif;
	font-size: 16px;
}

img {
	max-width: 100%;
	height: auto;
}

h1 {
	font-size: 2em;
	font-family: "Poppins", Arial, sans-serif;
	margin-top: 0;
}

h2 {
	font-size: 2em;
	font-family: "Poppins", Arial, sans-serif;
}

h3 {
	font-size: 1.5em;
	font-family: "Poppins", Arial, sans-serif;
	margin-top: 0;
}

h4 {
	font-size: 1.35em;
	font-family: "Poppins", Arial, sans-serif;
	margin-top: 0;
	font-weight: 700;
}

h5 {
	font-size: 1.2em;
	font-family: "Poppins", Arial, sans-serif;
	margin-top: 0;
	font-weight: 700;
}

h6 {
	font-size: 1em;
	font-family: "Poppins", Arial, sans-serif;
	margin-top: 0;
	font-weight: 700;
}

.col-md-4.col-sm-4 h1 {
	width: 100%;
}

a {
	cursor: pointer;
}

p {
	margin: 0 0 20px;
	font-family: "Poppins", Arial, sans-serif;
}

.carousel-caption {
	text-align: left;
}

#content {
	font-weight: 300;
}

#content a {
	line-height: 1.5em;
}

#content a.facebook-share:hover,
#content a.tweet-share:hover {
	box-shadow: none;
}

#content a.tweet-share,
#content a.facebook-share {
	font-size: 0.75em;
	position: relative;
    height: 20px;
    box-sizing: border-box;
    padding: 1px 8px 1px 6px;
    border-radius: 3px;
	box-shadow: none;
}

.grecaptcha-badge-set,
.grecaptcha-badge {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
	box-shadow: none;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    div[class*="col-"] {
		padding-left:20px;
		padding-right:20px;
	}

	h1 {
		font-size: 2.5em;
		font-family: "Poppins", Arial, sans-serif;
		margin-top: 0;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    div[class*="col-"] {
		padding-left:20px;
		padding-right:20px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    div[class*="col-"] {
		padding-left:20px;
		padding-right:20px;
	}
}

/*****************************************************************************************************************************
 * 2. Cookie Notice
 *****************************************************************************************************************************/
#pccookiesmessage {
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
	border-radius: 0;
}

#pccookiesmessage a {
    text-decoration: underline;
}

#pccookiesmessage .close {
    text-decoration: none;
}

@media screen and (min-width: 768px) {
	#pccookiesmessage .container {
		max-width: 100% !important;
	}
}

/*****************************************************************************************************************************
 * 3. Header
 *****************************************************************************************************************************/
#header-row {
    margin-bottom: 40px;
    padding-top: 40px;
}

#siteName h1 {
    font-weight: 700;
    font-size: 1.7em;
    margin: 0;
    text-transform: uppercase;
}

#social-icons {
	text-align: center;
	margin-top: 40px;
	position: relative;
	z-index: 10;
}

#social-icons a {
	width: 2em;
	height: 2em;
	margin-left: 0.3em;
	margin-bottom: 0.3em;
	display: inline-block;
	text-align: center;
}

.social-icon {
	 margin-top: 8px;
}

.socicon-yammer {
	display: inline-block;
	font-size: 0.985em;
	line-height: 0.985em;
}

#masthead>.container {
	text-align: center;
}

#header-contact {
	text-align: center;
}

#siteName h1 {
	padding: 10px
}

@media (min-width: 768px) {
	#masthead>.container {
		text-align: left;
	}

	#social-icons {
		margin-top: 0;
		float: right;
	}

	#header-contact {
		text-align: right;
	}

	#siteName {
		position: relative;
	}

	#siteName h1 {
		position: absolute;
		bottom: 7px;
		padding:0;
	}

	#siteName {
		height: 158px;
	}
}

@media  (min-width: 991px) {
	#siteName {
		padding-left: 25px;
	}
}

@media (min-width: 1200px) {
	#siteName {
		padding-left: 8px;
	}
}

/*****************************************************************************************************************************
 * 4. Nav
 *****************************************************************************************************************************/
#site-navigation {
    margin-bottom: 0;
}

.navbar {
	margin-bottom: 0;
}

.menu-join {
	font-weight: 700;
}

.navbar-default {
    border: none;
}

.dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid;
    border-radius: 0;
	font-size: 1em;
	top: 29px;
	left: -1px;
}

.navbar-toggle {
	float: none;
	border: none;
}

.btn .fa {
	font-size: 1.15em;
}

.dropdown-menu>li>a {
	padding-left: 10px;
}

li.open a.dropdown-toggle {
	border-color: #ffffff
}

.navbar .divider-vertical {
    height: 14px;
	margin-top:	8px;
	width: 1px;
	display: inline-block;
}

.nav>li.item-divider {
	display: none;
}

.search-form-outer {
	padding: 0;
}

.search-form-outer li {
	list-style-type: none;
}

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

@media (min-width: 768px) {
	.nav>li.item-divider {
		display: block;
	}

	li.open a.dropdown-toggle,
	.navbar-default .navbar-nav>li>a:hover {
		z-index: 9999;
		margin: 0 -1px;
		border-left: 1px solid;
		border-right: 1px solid;
		outline: none;
	}

    .navbar-collapse {
		padding-top: 0px !important;
		padding-right: 38px !important;
		padding-left: 0px !important;
	}

    .navbar-nav>li>a {
        padding: 5px 10px;
    }

    .navbar {
        min-height: 30px;
    }

	.navbar-collapse .nav > .divider-vertical {
		display: none;
    }
}

/*****************************************************************************************************************************
 * 4.1. Nav Search Form
 ******************************************************************************************************************************/
::-webkit-input-placeholder { /* Chrome */
	opacity: 1 !important;
}
:-ms-input-placeholder { /* IE 10+ */
	opacity: 1 !important;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
	opacity: 1 !important;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border: none;
	box-shadow: none;
}

.navbar-collapse form[role="search"] button[type="reset"] {
	display: none;
}

.navbar-form {
	max-width: 100%;
}

.navbar-form input {
	box-shadow: none;
}

@media (min-width: 768px) {
	.navbar-collapse form[role="search"] {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}

	.navbar-collapse form[role="search"] button,
	.navbar-collapse form[role="search"] input {
		border-radius: 0px;
		border-width: 0px;
		font-style: italic;
		box-shadow: none;
	}

	.navbar-collapse form[role="search"].active button[type="reset"] {
		display: inline-block;
	}

	.input-group {
		width: 100%;
	}

	.navbar-form .input-group .input-group-btn {
		width: 1%;
	}

	.navbar-form .input-group .input-group-btn .btn.btn-default {
		padding: 5px 12px;
	}

	.navbar-collapse form[role="search"]:not(.active) button[type="reset"] {
		display: none;
	}

	.navbar-collapse form[role="search"]:not(.active) {
		width: 50px;
	}

	.navbar-collapse form[role="search"] {
		text-align: right;
	}

	.navbar-collapse form[role="search"] input {
		opacity: 0;
		display: none;
		height: 30px;
	}

	.navbar-collapse form[role="search"].active,
    .navbar-collapse form[role="search"].active input {
		width: 100%;
        display: table-cell;
		opacity: 1;
	}
}

/*****************************************************************************************************************************
 * 5. Content
 *****************************************************************************************************************************/
.goog-te-gadget {
	white-space: normal !important;
}

#content {
	margin-bottom: 40px;
}

#content a {
	word-wrap: break-word;
}

#content a:hover, #content a:focus  {
	text-decoration: none;
}

.content-row:not(:last-child) {
	margin-bottom: 40px;
}

.content-row ul {
	margin-left: 30px;
}

#content-main h3 {
	font-weight: 700;
	margin-bottom: 5px;
}

.entry-title {
	padding: 30px;
    text-transform: uppercase;
    margin-bottom: 0;
	font-weight: 700;
}

.list-with-sub-items ol {
	counter-reset: item;
	display: block;
	list-style: decimal outside;
    margin: 10px 0;
    padding: 0 0 0 1.5em;
}

.list-with-sub-items>ol>li {
	font-weight: 700;
}

.list-with-sub-items>ol>li ol {
	font-weight: 400;
}

.list-with-sub-items li {
	display: block;
	position: relative;
}

.list-with-sub-items li:before {
	content: counters(item, ".") ". ";
	counter-increment: item;
	position: absolute;
}

.list-with-sub-items ol>li:before {
	 left: -1.75em;
}

.list-with-sub-items ol>li>ol>li:before {
	 left: -2.5em;
}

.list-with-sub-items ol>li>ol>li>ol>li:before {
	 left: -3.5em;
}

.goog-te-gadget, .goog-te-combo,
.goog-logo-link,
.goog-logo-link:link {
	font-size: 1em !important;
	font-family: "Poppins", Arial, sans-serif !important;
	font-weight: 400 !important;
}

#content a.page-numbers,
#content a.page-numbers:hover {
	box-shadow: none;
	font-weight: 700;
}

.pagination {
	display: block;
	text-align: center;
}

.page-numbers.current {
	font-weight: 400;
}

.next.page-numbers,
.prev.page-numbers {
	font-size:  0.8em;
}

.post-navigation {
	text-align: center;
}

.nav-title i {
	font-size:  0.8em;
}

#content .post-navigation .nav-previous a,
#content .post-navigation .nav-next a {
	box-shadow: none;
	font-weight: 700;
}

#content-main.single,
#content-main.events {
	margin-top:0;
}

.single-title {
	text-transform: uppercase;
	font-weight: 700;
	word-wrap: break-word;
}

.event-title {
	text-transform: uppercase;
	font-weight: 700;
}

.resource-row:not(:last-child) {
	margin-bottom: 80px;
}

#content-main .resource-row h3 {
	margin-bottom: 5px;
}

#content a.close,
#content a.close:hover {
	text-decoration: none;
	box-shadow: none;
}

#content-main p:last-child {
	margin-bottom: 0;
}

.cost-price {
	font-weight: 400;
}

.admin-bar .lightcase-icon-close {
	margin-top: 34px !important;
}

#content .sidebar-contact-us a {
	box-shadow: none;
	display: inline-block;
	word-break: break-all;
}

#content .sidebar-contact-us a:hover,
#content .sidebar-contact-us a:active,
#content .sidebar-contact-us a:focus {
	box-shadow: none;
	text-decoration: underline
}

.carousel-caption {
	bottom: 0;
	padding: 10px;
	left: 0;
}

.carousel-caption h3 {
	font-size: 1em;
	font-weight: 700;
}

.carousel-caption p {
	display: none;
	margin-bottom: 0;
}

@media (min-width: 992px) and (max-width: 1200px) {
	h1.entry-title {
		font-size: 2em;
	}
}

@media screen and (min-width: 768px) {
	.home-box-header {
		overflow: hidden;
		max-height: 190px;
	}
}

@media screen and (min-width: 576px) {
	.carousel-caption {
		left: 5%;
	}

	.carousel-caption h3 {
		margin-bottom: 7px;
	}

	.carousel-caption p {
		display: block;
		font-size: 0.75em;
	}
}

@media screen and (min-width: 768px) {
	.carousel-caption {
		left: 5%;
		padding: 20px;
		bottom: 0;
	}

	.carousel-caption h3 {
		font-size: 1.5em;
	}

	.carousel-caption p {
		font-size: 1em;
	}
}

@media screen and (min-width: 991px) {
	.carousel-caption {
		right: 20%;
		padding: 30px;
		bottom: 0;
	}

	.carousel-caption h3 {
		font-size: 1.75em;
		font-weight: 700;
	}

	.carousel-caption p {
		font-size: 1em;
	}
}

@media screen and (min-width: 1100px) {
	.carousel-caption {
		left: 10%;
	}
}

@media screen and (min-width: 1200px) {
	.carousel-caption {
		left: 20%;
		bottom: 20px;
	}

	.carousel-caption p {
		font-size: 1.3em;
	}
}

/*****************************************************************************************************************************
 * 5.1. Home Page
 *****************************************************************************************************************************/
.home-box-title a {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 700;
}

.home-row>div {
	margin-bottom: 40px;
}

h3.home-box-title {
	margin-bottom: 10px;
	line-height: 1.3em;
}

.home-box-content-link {
	font-weight: 700;
}

.home-box-content-text {
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0;
	word-wrap: break-word;
}

.home-box-header {
    margin-bottom: 20px;
}

#home-event-list {
	list-style: none;
	padding-left: 0;
}

.home-box-content-text img {
    width: 100%;
}

#content .home-news a,
#content .home-news a:hover {
	box-shadow: none;
	text-decoration: underline;
}

.home-news {
	padding: 40px 0;
}

.home-news-title,
.home-news .home-box .pc-facebook-post-header,
.home-news .home-box .pc-twitter-tweet-header {
	padding-bottom: 20px;
	font-weight: 700;
}

.home-news-footer,
.home-news .home-box .pc-facebook-post-footer,
.home-news .home-box .pc-twitter-tweet-footer {
	padding-top: 20px;
	padding-left: 20px;
}

.home-news .home-box .home-box-header {
	margin-bottom: 0;
	border: 1px solid;
}

.home-news .home-box .home-box-content-text {
	padding-left: 0;
}

.home-news .home-box .pc-facebook-post-message,
.home-news .home-box .pc-twitter-tweet-message {
	padding-left: 20px;
}

.home-news .home-box .home-box-header.home-panel-row img {
	min-height: 100%;
	min-width: 100%;
}

.home-box-header-image-container {
	width: 100%;
	height: 300px;
	overflow: hidden;
	background-position: center;
	background-size: cover;
}

.home-news .home-box .home-box-title {
	padding-bottom: 20px;
	margin-bottom: 0;
}

#home-banners-bottom {
	margin-top: 40px;
}

.event-title.summary {
	margin-bottom: 5px;
}

#home-banners-top {
	margin-bottom: 40px;
}

#home-banners-top .owl-item>div {
	max-height: 330px;
	overflow: hidden;
}

#home-banners-bottom .owl-item>div {
	max-height: 294px;
	overflow: hidden;
}

.home-content-top {
	padding: 20px;
}

@media (min-width:768px) {
	.home-box-header-image-container {
		height: 200px;
	}
}

/*****************************************************************************************************************************
 * 5.2. Contact Page
 *****************************************************************************************************************************/
label {
	font-weight: 400;
}

.terms-conditions label {
	font-weight: 700;
}

.contact-textarea {
	width: 100%;
	resize: none;
	height: 15em;
	border-radius: 3px;
	border: 1px solid;
	padding: 5px;
}

.contact-field {
	width: 100%;
	border-radius: 3px;
	border: 1px solid;
	padding: 5px;
}

.contact-row {
	margin-bottom: 20px;
}

.contact-submit,
.contact-submit:focus {
	margin-top: 20px;
	border-radius: 3px;
	padding: 5px 20px;
	font-size: 1.3125em;
    text-transform: uppercase;
    font-weight: 700;
	box-sizing: border-box;
	border-width: 1px;
	outline: none;
	border-style: solid;
}

.contact-submit:active {
	transform: translateY(1px);
}

.google-maps {
	border: none;
	height: 15em;
	width: 100%;
}

.google-maps-outer {
	margin-top: 20px;
}

.content-image-left {
	float:left;
	min-width: 100%;
	margin: 40px 40px 40px 0;
}

.content-image-right {
	float:right;
	min-width: 100%;
	margin: 40px 0 40px 40px;
}

.entry-header {
	margin-bottom: 40px;
}

@media (min-width: 500px) {
	.content-image-right {
		max-width: 50%;
		min-width: 0;
	}

	.content-image-left {
		max-width: 50%;
		min-width: 0;
	}
}

@media (min-width: 768px) {
	.navbar-nav>li {
		font-size: 0.9em;
	}
}

@media (min-width: 992px) {
	.contact-field {
		width: 50%;
	}
}

/*****************************************************************************************************************************
 * 5.3. Twitter Pages
 *****************************************************************************************************************************/
.twitter-row:not(:last-child) {
	margin-bottom: 40px;
}

.pc-twitter-tweet-header a {
	font-weight: 700;
}

.pc-twitter-tweet-footer {
	padding-top: 20px;
	font-style: italic;
}

/*****************************************************************************************************************************
 * 5.4. Facebook Pages
 *****************************************************************************************************************************/
.facebook-row img {
	width: 100%
}

.facebook-row:not(:last-child) {
	margin-bottom: 40px;
}

.pc-facebook-post-header a {
	font-weight: 700;
}

.pc-facebook-post-footer {
	padding-top: 20px;
	font-style: italic;
}

/*****************************************************************************************************************************
 * 5.5. News Pages
 *****************************************************************************************************************************/
.news-row img {
	width: 100%
}

.news-row:not(:last-child) {
	margin-bottom: 40px;
}

.pc-news-post-header a {
	font-weight: 700;
}

.pc-news-post-footer {
	padding-top: 20px;
	font-style: italic;
}

.post-title {
	text-transform: uppercase;
	font-weight: 700;
}

/*****************************************************************************************************************************
 * 5.6. Gallery Pages
 *****************************************************************************************************************************/
.lightcase-icon-prev:hover,
.lightcase-icon-prev:active,
.lightcase-icon-prev:focus,
.lightcase-icon-next:hover,
.lightcase-icon-next:active,
.lightcase-icon-next:focus,
.lightcase-icon-close:hover,
.lightcase-icon-close:active,
.lightcase-icon-close:focus {
	text-decoration: none;
}

.gallery-caption {
	font-size: 1em;
	padding: 20px;
}

.grid-item {
	margin-bottom: 40px;
}

.gallery-title {
	font-size: 1em;
	font-weight: 700;
}

.youtube-play {
	position: absolute;
	left: calc(50% - 43px);
	top: calc(50% - 43px);
	cursor: pointer;
}

.video-gallery-thumbnail {
	opacity: 0.5;
	position: absolute;
	height: 100%;
	width: 100%;
}

.photo-gallery-thumbnail {
	position: absolute;
	width: 100%;
}

.grid {
	margin: 0 -15px;
	word-wrap: break-word;
}

.grid-item-content {
	border: 1px solid;
}

.gallery-album-name {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2.5em;
	margin-top: 40px;
	line-height: 1em;
}

.gallery-album-name:first-child {
	margin-top: 0px;
}

.item-logo {
	margin-bottom: 20px;
}

/*****************************************************************************************************************************
 * 6. Sidebar
 *****************************************************************************************************************************/
.sidebar {
	padding: 30px;
}

.sidebar p {
	font-weight: 700;
}

.sidebar-outer {
	position: relative;
}

.sidebar-inner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);

}

.sidebar-inner hr {
	margin-bottom: 0;
	border-width: 2px;
}

.sidebar-inner p {
	font-size: 1.353em;
}

/*****************************************************************************************************************************
 * 7. Footer
 *****************************************************************************************************************************/
.site-footer .container {
    font-size: 0.823em;
    text-align: center;
    padding-top: 20px;
}

.site-footer a {
    font-size: 1em;
    text-decoration: underline;
}