/**
* custom.css file created by Basepoint Template
* @package Basepoint Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/

body {
	background: url(../images/westshore_backcogs.png) fixed no-repeat center center, url(../images/westshore_bluebackvtile.jpg) repeat-y center center;
	font-family: 'PT Sans', sans-serif;
	color: #000000;
	}

.holders
{
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-color: transparent;
	background-image: url(../images/westshore_middlecolback.png);
	background-repeat: repeat;
}

.yjsgarticle
{
  margin-bottom: 50px;
}

.yjsg_grid
{
	padding-top: 20px;
	padding-bottom: 20px;
}

#yjsg1
{
  padding-top: 0px;
  padding-bottom: 0px;
}

#yjsg3
{
	background-color: transparent;
	background-image: url(../images/westshore_middlecolback.png);
	background-repeat: repeat;
}

#topmenu_holder, .ulholder.dlevel1 {
	background-color: transparent;
	}
	
.top_menu {
	background-color: #007BA6;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	min-height: 2.0em;
	}

h1, h2, h3, h4, h5, h6, .article_title, .module_title, .pagetitle, form#ju-form legend {
	color: #000000;/*	color: #4682b4; */
}

h1, h2, .pagetitle {
	font-size: 60px;
}

.article_title, form#ju-form legend {
	font-size: 30px;
}

form#ju-form legend {
	font-family: 'Shadows Into Light', cursive;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

p, li, ol, ul, #footer {
	font-family: 'PT Sans', sans-serif;
}

blockquote {
	min-height: 45px;
	font-style: italic;
	padding-left: 60px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 10px;
	background-image: url(../images/blockquote.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
	line-height: 1.4em;
	padding-top: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

cite
{
	font-style: italic;
	text-align: right;
	float: right;
}

li {
	padding-left: 30px;
	line-height: 1.4em;
}

ul {
	list-style-type: square;
}

ol {
	list-style-type: decimal;
}

ul.category-module li {
	padding-left: 0px;
}

ul.defaultmenu li
{
	line-height: 32px;
	display: block;
}

div#horiznav.horiznav {
display:flex;
justify-content:center;
align-items:center;
}

.yjsgmenu a.activepath, .yjsgmenu a:hover, .yjsgmenu a:focus, .yjsgmenu li:hover > .child a
{
	background-color: #F59821;
	color: #FFFFFF;
}

ul.yjsgmenu li {
	margin-right: 20px;
	margin-left: 20px;
}

.yjsgmenu ul, .yjsgmenu li.holdsgroup ul ul
{
	background-color: transparent;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	box-shadow: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

ul.yjsgmenu li a, ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline
{
	padding-right: 40px;
	padding-left: 40px;
}

.yjsgmenu li a
{
	color: #FFFFFF;
	background-color: #007BA6;
}

.yjsgmenu li a:hover
{
	color: #FFFFFF;
}

ul.yjsgmenu li a:hover {
	color: #FFFFFF;
}



/* REMOVE BULLET POINTS FROM MODULES/MENUS */
.yjsg2 li, .yjsgxhtml li, .defaultmenu li a {
	list-style-type: none;
	list-style-image: none;
}

/* REMOVE > MENU BULLET POINTS */
.defaultmenu li a:before {
	content: "";
} /* END */

div#leftblock .defaultmenu li a
{
	font-family: 'Shadows Into Light', cursive;
	border-bottom-style: none;
	list-style-image: none;
	list-style-type: none;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-image: url(../images/westshore_sidemenublueline.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 28px;
	line-height: 1.6em;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 20px;
}

div#leftblock .defaultmenu a.isactivea, div#leftblock .defaultmenu li a:hover
{
  background-color: transparent;
  color: #007BA6;
  	background-image: url(../images/westshore_sidemenublueline.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div#user1.img
{
	border: 3px solid #33CC66;	
}

div#user5 .defaultmenu li a
{
	font-family: 'Shadows Into Light', cursive;
	border-bottom-style: none;
	list-style-image: none;
	list-style-type: none;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-size: 24px;
	font-weight: bold;
}

div#user5 .defaultmenu a.isactivea, div#user5 .defaultmenu li a:hover
{
  background-color: transparent;
  color: #007BA6;
}

.yjsg7_out, .yjsg7_out .fa[class*="yjsg-hr-"]::before
{
	background-color: #0A0A09;
	color: #C9E5EA;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.2em;
}

.yjsg7_out a {
	text-decoration: none;
	color: #c9e5ea;
}

div.yjsgarticle.bot img {
	border: 1px solid #0F80AA;
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	max-width: 200px;
}

input#filter-search {
display:none !important;
}

.footer_out
{
	background-color: #000000;
	padding: 5px;
}

#footer, #footer a, #footer a:hover
{
	color: #c9e5ea;
	text-decoration: none;
}

#footer div {
	line-height: 1.6em;
}

div.footer1, div.footer2, div#cp {
	font-size: 11px;
}

div#footer a, div#footer a:hover {
/*	color: #FFF; */
	text-decoration: underline;
}