/* Copyright (C) 1-2-1 Marketing  */

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

body {background: #fff;font-family: 'Open Sans', sans-serif;font-weight: normal;line-height: 20px;color: #444444;font-size: 15px;line-height: 24px;}

/* Fonts*/

em {color: #49639D;}
a, .uk-link {color: #888383;}
a:hover, .uk-link:hover {color: #565151;text-decoration: none;}
h3, .uk-h3, h2 {font-size: 30px;line-height: 30px;color: #3D80AA;font-family: 'Lato', sans-serif;font-weight:700;}
.welcometo p{ font-family: 'Lato', sans-serif;color: #626363;font-size:16px;}
.uk-panel.uk-panel-box.welcometo {margin: 30px 0 15px 0 !important;}
.uk-panel.uk-panel-box.welcometo h3 {color: #0074BF;font-size: 30px;font-weight: 900;font-family: 'Lato', sans-serif;}
.uk-panel.uk-panel-box.welcometo span {font-size:18px;}

/* Header */

.tm-headerbar { margin-top: -8px;  margin-bottom: 25px;}
.tm-headerbar .tm-logo {text-align: center;margin-top: 10px;}
.tm-toolbar.uk-clearfix.uk-hidden-small {padding: 0;}

/* Logo */

.tm-logo {display: block;margin: 0 auto;}

/* Top buttons */

em.uk-icon-map-marker.uk-icon-small,em.uk-icon-phone.uk-icon-small  {display: block;background: #3f537f;margin: 9px auto;font-size: 15px;width: 24px;color: #fff;height: 24px;line-height: 24px;border-radius: 20px;padding: 5px;}
#top-info {position: relative;height: 10px;font-family: 'Alegreya SC', serif;font-size: 18px;line-height: 18px;top: 60px;color: #a2a2a2;text-align: center;}
#top-info span {color: #6a6969;}
.top-address {position: absolute;top: 10px;width: 300px;left: 10px;}
.top-address img, .top-phone img { display: block; margin: 9px auto; }
.top-phone {position: absolute;right: 150px;top: 11px;width: 190px;}
#top-buttons {margin: 0;position: relative;left: 95px;width: 150px;top: 60px;}
.uk-icon-google-plus, .uk-icon-button:hover, .uk-icon-button:focus {color: #fff;background-color: #F13F3F;}
.uk-icon-google-plus:hover, .uk-icon-google-plus:focus {background-color: #F54949;}

#button-bg {
color: #fff;
font-family: 'Lato', sans-serif;
font-size: 14px;
background: #4CB844;
border-bottom:2px solid #3d6204;
padding: 10px 15px;
margin-right: 20px;
border-radius:5px;
text-decoration: none;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);}

#button-bg:hover {background: #45A73E;}
	
.uk-icon-button {
  line-height: 31px;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 10px;
	margin-top: 0px;
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 20px;
  color: #FFF;
  font-size: 19px;
  text-align: center;
}

.uk-icon-facebook {background: #4162a6;}
.uk-icon-facebook:hover {background: #466AB5;color: #fff !important;}
.uk-icon-twitter {background: #71a8d7;}
.uk-icon-twitter:hover {background: #7AB4E5;color: #fff !important;}
.social_buttons {position: absolute;display: inline-block;width: 150px;top: 40px;right: 0;text-align: center;}
.tm-top-a .wk-slideshow {-moz-box-shadow: 0 1px 3px #000;-webkit-box-shadow: 0 1px 3px #000;box-shadow: 0 1px 3px #000;}

/* Homepage Buttons */

.buttons-home {position: relative;font-size: 20px;margin-bottom: 20px;display: block;min-width:175px;margin-top: -35px; padding:0 !important;}
.button-background {border: 2px solid rgba(46, 46, 46, 0.2);z-index: 9;position: relative;top: 0;width: 100%;height: auto;box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.24);-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.24);}
.button-text-background {z-index: 10;position: absolute;bottom: 0;width: 100%;height: auto;}

.button-text {position: relative;
z-index: 11;
float: left;
text-align: center;
width: 100%;
height: auto;
margin: 0 0 5px;
padding: 5px 0;
color: #fff;
font-size: 16px;
background: rgba(0, 0, 0, 0.72);
border-bottom: 1px solid #585858;
box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.72);
top:41px;}

.button-text p {padding: 0;margin: 0;width: 100%;}
.button-vignette {box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);position: absolute;width: 100%;height: 100%;z-index: 15;top: 0;}
.button-vignette-buttons {position: absolute;width: 100%;height: 100%;z-index: 10;top: 0; left: 0; right: 0;}
.button-text-arrow {font-style: normal;color: #fff;padding-right: 15px;  font-family: 'Alegreya SC', serif;}

/* Main */

.tm-top-b h2 { text-align: center; }
.tm-top-b div.uk-grid div { display: block; }
.tm-top-b .uk-panel-box {padding: 0;  margin-top: 35px;}
.uk-margin-small-top { margin-top: 30px !important; }
section.tm-top-b.uk-grid {margin-top: 10px !important;}
main.tm-content {padding: 20px 0;}
aside.tm-sidebar-b.uk-width-medium-3-10 {margin-top: 60px;}
aside.tm-sidebar-a.uk-width-medium-1-2 {margin-top: 50px;}
article.uk-article {padding-bottom: 20px;}
.tm-middle.uk-grid {background: #fff;margin: 0;padding-right: 35px;}

.uk-article-title, .contentheading, form h2, h1.uk-h3, .tm-title, h1, .page-header {background: url("http://www.golfstpaul.org/templates/yoo_master2/styles/121/images/title_bg.png") no-repeat scroll 50% 20px transparent;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 5px 0 30px;
  font-family: 'Lato', sans-serif;
  text-align: center;
  color: #0077C1;
  font-weight: 900;
  width: 100%;
  font-size: 32px;
  line-height: 40px;
  border: none;}

/* Menu */

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {color: #3f537f;}
.uk-nav-navbar > li.uk-active > a {color: #3f537f;}
.uk-subnav > li > a:hover {
    color: #DAFFDF;
}

.uk-navbar-nav > li > a {border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  color: #fff;
  font-size: 16px;
  margin: 0px 10px;
  font-family: 'Lato', sans-serif;
}

.uk-navbar-nav > li.uk-active > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {background: rgba(226, 237, 241, 0.7);color: #00670D;}
.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {background: #EDEDED;}
.uk-nav li > a {text-align: left;}
.uk-nav-navbar > li > a {color: #444444;padding: 10px 15px;}
nav.tm-navbar.uk-navbar {text-align: center;margin: 0;background-color: #4CB844;padding: 15px 0;}
.uk-button-primary:hover, .uk-button-primary:focus {background-color: #3D80AA;color: #ffffff;}
.uk-button-primary {background-color: #3D80AA;color: #ffffff;}

/* Footer */

.uk-panel.footer-menu {
    background: #4CB844;
    padding: 0px 0;
    font-size: 15px;
    height: 50px;
    margin: 15px 0 0 0 !important;
    font-family: 'Alegreya SC', serif;
}
.tm-bottom-b p{color: #545353;font-family: 'Alegreya SC', serif;font-size: 15px;}
.uk-nav-side > li.uk-active > a {background: none;color: #21709C;}
.uk-nav-side > li > a {color: #556e82;font-family: 'Lato', sans-serif;font-size: 15px;}
.tm-bottom-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side {margin: -2px auto;padding: 0 inherit;display: inline-flex;position: relative;}
.uk-subnav > li > a {color: #fff;font-family: 'Lato', sans-serif;font-size: 15px;padding: 14px 15px 0px 15px;}
.uk-subnav-line > li:nth-child(n+2):before {content: "";display: inline-block;height: 10px;margin-right: 10px;border-left: 2px solid #fff;}
.uk-nav > li > a {padding: 5px 28px;}
.tm-bottom-b.uk-grid > * {padding-left: 0;}
.tm-bottom-b li {background: url("../images/bottom_menu_divider.png") no-repeat scroll 0 8px transparent;}
.tm-bottom-b li:first-child {background: none;}
.tm-footer img {padding: 0;margin-left: 5px;float: right;margin-top: 10px;}
.tm-footer {font-size: 14px;color: #D1FFDF;margin: 8px 0 0;padding:0;font-family: 'Lato', sans-serif;}
.tm-footer a { color: #fff; }
.tm-footer span {color: #fff;}
.uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus {background: none;color: #21709C;outline: none;}
.uk-navbar-toggle:after {color: #5C709D;}
.contact-category {margin-top: 30px;}
.content-category {margin-top: 30px;}
.form-actions {background: none;}
.btn-primary, .btn-info, .btn-inverse,.btn-primary:hover, .btn-info:hover, .btn-inverse:hover{background-color: #3D80AA;color: #ffffff;}
.uk-offcanvas-bar.uk-offcanvas-bar-show {background: #7D8E9B;}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {background: #667A89;color: #ffffff;}
.uk-nav-offcanvas > li > a {color: #ffffff;padding: 10px 15px;font-weight: 700;}
.uk-nav-offcanvas ul a {color: #FFFFFF;}
.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {background: #667A89;color: #ffffff;outline: none;}
.tm-footer .uk-panel + .uk-panel {
    margin: 0;
    padding: 25px;
    background-color: #409A3A;
}

/* Responsive */

@media (max-width: 959px) {
.tm-logo-small img {min-width: 430px;}
.uk-icon-facebook,.uk-icon-twitter{display:none;}
#top-buttons{left:0;}
#button-bg{margin-right:0;}
.tm-logo-small {top: 0px;  left: -75px;position: relative;}
.top-phone {right: 103px;}
#top-info {font-size: 16px;}
.top-address {left: -15px;}
.uk-navbar-nav > li > a {font-size: 15px;margin: 0 5px;padding: 0 8px;}
.tm-bottom-b, .homepage .uk-article-title, .homepage .uk-article-title:after {background: none !important;}
.homepage .uk-article-title {padding: 0 0 15px !important;line-height: inherit;height: 35px;}
.homepage .uk-panel-title {display: none;}
.tm-bottom-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side {padding: 0;}
.tm-bottom-b {height: auto;padding-top: 0;}
.uk-offcanvas .uk-panel {text-align: center;}
}

@media (max-width: 844px) {
.tm-top-b.uk-grid .uk-grid.uk-grid-small {margin-left: 0;}
}

@media (min-width: 768px){
.uk-grid-width-large-1-4>* {width: 24%;margin-left: 1%;margin-right: 0%;}
}

@media (max-width: 767px) {
.uk-panel.footer-menu {background:none;padding-bottom: 25px;}
nav.tm-navbar.uk-navbar {
    height: 145px;
    background-color: #fff;
}
.tm-top-b .uk-grid-width-small-1-2 > * {font-size: 18px;margin: 10px 1%;}
}

@media (min-width: 480px) and (max-width: 767px){
.tm-top-b .uk-grid-width-small-1-2 > * {font-size: 18px;margin: 10px 1%;width: 48%;}
}

@media (max-width: 560px) {
.tm-logo-small img {min-width: 330px;}
}

@media (max-width: 430px) {
.uk-panel.footer-menu {display:none;}
.tm-logo-small img { min-width: 300px;}
}

@media (max-width: 320px) {
.tm-logo-small img {min-width: 250px;}
}