/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
========================================================================== 

HIPSTER TEMPLATE

Teal		#22D3C5
LGray		#8e8f90
Gray		#77787B
DGray		#676767
Black		#231F20
Tan			#C4BDB7
DTan		#655F50

*/


@import 'https://fonts.googleapis.com/css?family=Lobster+Two';

body {overflow-x:hidden;
	background-image:url(../../../../../images/bg-pattern-hipster.png);}

.uk-container {
	background-color:#FFF;
	background-image: url(../../../../../images/bg-header-hipster.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
}

.tm-toolbar .uk-subnav > li > a {height:15px;padding:10px 0;color:#77787B;}
.tm-toolbar li.uk-active a {
	color:#FFF;
	min-width:50px;
	background-image:url(../../../../../images/bg-navigation-hipster-01.png);
	background-repeat: no-repeat;
	background-position:center;
	overflow:visible;
	text-align:center;
}

.tm-toolbar {position:relative;}
.tm-toolbar .socNet {
position: absolute;
top: 130px;
right: 0;}
.tm-toolbar .socNet .uk-subnav > li > a {font-size:18px;color:#676767;}
.socNet .uk-subnav-line > li:nth-child(n+2):before {border-left:none;margin-right:0;}

.tm-headerbar {margin:0;}
.tm-headerbar .uk-panel {float:left;clear:both;max-width:100%;}


.headerTitle {display:block;font-family:'Lobster Two';color:#FFFFFF;font-size:55px;line-height:65px;}
.schoolTitle {display:table;float:left;color:#22D3C5;font-size:18px;line-height:40px;padding:0 35px 0 15px;margin:10px 0 15px -15px;background-image:url(../../../../../images/bg-header-schoolname-hipster.png);background-repeat:no-repeat;background-position:top right;height:45px;}


.uk-navbar-nav {border-top:solid 1px #676767;width:100%;}
.uk-navbar-nav > li {margin:5px 0;border-right:solid 1px #676767;}
.uk-navbar-nav > li:last-child{border:none;}
.uk-navbar-nav > li.uk-active > a {background-image:url(../../../../../images/bg-navigation-hipster-02.jpg);background-size:cover;overflow:visible;background-repeat:no-repeat;background-position:center;}

.hipsterQuotes {z-index:10;}
.hipsterQuotes .circlePhoto {margin-top:-40px;}
.circlePhoto {height:200px;width:200px;overflow:hidden;border-radius:100px;border:solid 1px #22D3C5;display:block;text-align:center;}
.circlePhoto img {min-width:200px;min-height:200px;}
.quoteMark {padding-left:30px;background-image:url(../../../../../images/quote-hipster.png);background-repeat:no-repeat;background-position:top left;}

.tm-sidebar-b .quoteMark {padding-left:30px;padding-right:20px;background-image:url(../../../../../images/quote-white-hipster.png);background-repeat:no-repeat;background-position:top left;}

.tm-main {padding-right:25px}

.page-header {border-bottom:dotted 2px #666;}
.page-header h1 {font-size:30px;line-height:35px;text-transform:uppercase;margin:0;padding:0;}

.uk-align-left img {max-height:250px;}

.tm-sidebar-b {background-image:url(../../../../../images/bg-sidebar-hipster.png);background-repeat:no-repeat;background-position:bottom center; background-size:cover;color:#000;padding:10px 10px 130px 10px;}
.tm-sidebar-b .uk-panel {background-color:none;padding:0;margin-left:-15px;}
.tm-sidebar-b .uk-panel, .tm-sidebar-b .uk-panel a {color:#FFF;}
.tm-sidebar-b .uk-panel h4 {color:#000;}
.tm-sidebar-b h3 {color:#000;font-size:18px;line-height:24px;text-transform:uppercase;border-bottom:solid 1px #000;}
.tm-sidebar-b .uk-panel-box .uk-panel-title {color:#fff;border-bottom:dotted 2px #fff;text-transform:uppercase;}


.tm-bottom-b, .tm-footer {background-color:#c4bdb7;margin:0 -15px;}
.tm-bottom-b:not(.uk-grid-preserve){margin-left:-15px;}

.tm-content article {padding-top:15px;border-top:dotted 2px #666;}

.tm-middle{padding-bottom:80px;background-image:url(../../../../../images/bg-footer-hipster.jpg);background-repeat:no-repeat;background-position:bottom right;}

.tm-footer .uk-panel-box, .tm-bottom-b .uk-panel-box {color:#77787b;}
.tm-footer .uk-panel-box a, .tm-bottom-b .uk-panel-box a, .tm-footer .uk-subnav > li > a {color:#FFF;}

.tm-bottom-b li {width:33%;float:left;font-size:14px;}
.tm-bottom-b .uk-nav > li > a {padding:0;}

@media (max-width: 767px) {
.uk-container {background-image:none;padding:15px;}
.uk-navbar-center {max-width:100%;text-align:left;}
.headerTitle {color:inherit;}
.tm-logo-small {letter-spacing:inherit;}
.tm-sidebar-b {background-image:none;background-color:#9DE7DD;padding:15px;}
.tm-sidebar-b .uk-panel {margin-left:0;}
}