/* All template theme overrides go in here */

/* Change Font */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
/*@import url('https://fonts.googleapis.com/css?family=Artifika');*/
/*@import url('https://fonts.googleapis.com/css?family=Indie+Flower');*/
@import url('https://fonts.googleapis.com/css?family=Raleway');

/* Font Override for All Main Elements */
.slidertext h2 {
    font-family: "Artifika", "Raleway", "Open Sans", sans-serif;
}
.mainhomebox h3 {
    font-family: "Artifika", "Raleway", "Open Sans", sans-serif;
}
.lhomebox h2 {
    font-family: "Artifika", "Raleway", "Open Sans", sans-serif;
}
.head-news h2,
.share-price h2
{
    font-family: "Artifika", "Raleway", "Open Sans", sans-serif;
}
.invsbox h3 {
    font-family: "Artifika", "Raleway", "Open Sans", sans-serif;
}
#price {
    font-family: "Raleway", "Open Sans", sans-serif;
}
/* Font Override for All Main Elements */


/* Slider Height */
.slides {
    height:400px;
}
.slideoverflow {
    height:400px;
}
/* Slider Height */

/* --- General Colours --- */

a {
	color:#006599;
}
.article a,
.article a:visited {
	color:#006599!important;
}
a:hover {
	color:#26b1e4;
}


/* --- General Colours --- */



/* --- Header --- */

#header {
	border-top:5px solid #006599;
}

/* --- Header --- */


/* --- Main Nav --- */


/* --- Main Nav Bar Colour --- */
.mainnav, .top-bar-section ul li > a {
	color:#EEE;
    background:#006599;
    text-shadow:0px 1px 2px rgba(0,0,0,0.2);
}
.top-bar-section li:not(.has-form) a:not(.button) {
    background:#006599;
}
.mainnav, .top-bar-section ul li > a {
	background:#006599;
}
.top-bar{
	background:#006599;
}
/* --- Main Nav Bar Colour --- */


.top-bar-section ul > li:hover > a {
	background:#444;
}
.top-bar-section ul > li:hover > ul > li > a {
	background:#444;
}
.top-bar-section ul > li:hover > ul > li:hover > a {
	background: #444;
}

/* --- Main Nav --- */


/* --- Social Icons Header --- */

.social-header a {
    background: #006599;
    color: #EEE;
}
.social-header a:hover {
    background: #444;
    color: #EEE;
}

/* --- Social Icons Header --- */


/* --- Slider --- */
.slidertext {
    background:rgba(0,0,0,0.5);
    margin-top:110px;
    padding-top:20px;
    padding-bottom:20px;
    overflow:hidden;
}

.slidertext h2 {
    padding: 10px 20px;
    font-size: 30px;
    background: transparent;
    color: #fff;
    display: inline-block;
    text-shadow:0px 1px 2px rgba(0,0,0,0.4);
    margin-bottom:0;
}

.slidertext p {
    padding: 10px 20px;
    font-size: 20px;
    background: transparent;
    color: #fff;
}

.smore {
    background:#006599;
    color: #EEE;
}
.smore:hover {
    background:#222;
    color: #FFF;
}

/* --- Slider --- */


/* --- Main Home Box --- */

.mainhomebox {
    padding:0; 
    min-height:auto;
    background: transparent;
}
.mainhomebox-wrap {
    /*background: rgba(0, 101, 153, 0.15);*/
    background: #f3f2f2;
    padding: 40px 0;
}
.mainhomebox h3 {
    line-height: 1.3;
    font-size: 26px;
    text-align: center;
    color:#444;
}

/* --- Main Home Box --- */

/* --- Lower Home Boxes --- */

.home-boxes-wrap {
	padding:40px 0;
	background:#FFF;
}
.home-boxes {
}

.lhomebox{
	min-height: 270px;
    padding: 0;
    background: transparent;
    transition: all 0.5s ease;
}
.lhomebox h2 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
a.casual-more {
	font-weight:bold;
	color:#006599;
}

.lower-home-proj-wrap {
    padding:80px 0;
    background:#e2e2e2;
    margin-top:30px;
}
a.lower-casual-more:hover {
    opacity:0.9;
}
a.lower-casual-more {
    font-weight:bold;
    color:#006599;
    display:inline-block;
    font-size:14px;
}

/* --- Lower Home Boxes --- */

/* --- Share Price --- */
#price {
    font-size: 40px;
    font-weight: bold;
    color: #006599;
    margin-bottom:0px;
}
.market-cap {
    color: #666;
    margin-top: -10px;
    margin-bottom: 10px;
}
/* --- Share Price --- */


.meta-bar {
    border-bottom: 3px solid #006599;
}
.invsbox h3 i {
    color:#006599;
}

.invsbox h3 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
    border-bottom: 0px solid #e6e6e6;
    background: rgba(0, 101, 153, 0.24);
}

.topfoot {
    background:#006599;
}
.proj-image {
    margin-bottom:10px;
}
a.inv-more {
    background: #006599;
}
a.inv-more:hover {
    background: #006599;
    opacity:0.9;
}


.list-date {
	color:#999;
	float:right;
	display:inline-block;
}
.list-title {
	font-weight:bold;
	font-size:22px;
	padding-bottom:10px;
}
.gallery-item {
	min-height:200px;
}
.gallery-caption {
	font-size:12px;
	line-height:1.1;
	margin-top:5px;
}
.gallery-item a {
    border: #7cb4d2 solid 1px;
    background: rgba(0, 101, 153, 0.12);
    border-radius: 5px;
    box-shadow: 0px 3px 10px rgba(0, 101, 153, 0.21);
}

.grav-hero-text {
	font-size:24px;
	font-weight:bold;
	text-align: center;
	margin-bottom:20px;
}
.grav-box:hover i {
    color: #668ba2;
}
.grav-box:hover {
    background: rgba(0, 101, 153, 0.12) linear-gradient(rgba(0, 101, 153, 0.12),rgba(0, 101, 153, 0.32));
    box-shadow: 0px 5px 20px rgba(0, 101, 153, 0.5);
    border: #477c98 solid 1px;
}
.grav-box {
    border: #7cb4d2 solid 1px;
    background: rgba(0, 101, 153, 0.12) linear-gradient(rgba(0, 101, 153, 0.12),rgba(0, 101, 153, 0.32));
    border-radius: 5px;
    box-shadow: 0px 3px 10px rgba(0, 101, 153, 0.21);
    padding: 25px 20px 20px 20px;
	text-align: center;
	min-height: 160px;
	margin-bottom:20px;
}
h1.title {
	display:none;
}
.grav-box i {
    font-size: 70px;
    color: #86aac1;
    position: absolute;
    bottom: 33px;
    left: 36%;
}
.grav-box h2 {
	text-align: center;
    font-weight: bold;
    color: #006599;
    text-shadow: 0px 1px 2px rgb(164, 196, 216);
}