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

@import url(../../../warp/css/layout.css);

/* overrides */
html { background-color: transparent !important; }
body{ background: url(../images/backgrounds/flower-backdrop-0.5.jpg) no-repeat center top fixed; background-size: cover; }
.uk-panel-title { border-bottom: 1px dashed #cccccc; color: #ee4499 !important; }
.uk-panel-title span { color: #000000; }
.mod-box{ padding: 10px; margin: 0px 10px; border: none !important; }

/* custom styles */
.uk-panel.-quote p, p.-quote{ background: url(../images/backgrounds/blockquotes.png) top left no-repeat; padding-left: 40px; margin-top: -5px; padding-top: 10px; }
#supporter-logos{ text-align: center; width: 100% !important; }
#supporter-logos ul{ list-style: none; padding: 0px; }
#supporter-logos ul li{ float: left; margin-left: -5px; }

body > div[class^="oc-"] { float: left; width: 100%; }

/* template customizations */
.oc-header{ background: /*#fbccd4 url(../images/backgrounds/header-bg.png) top left repeat-x*/ none;}
.oc-menu{ background: #fcfbfc url(../images/backgrounds/menu-bg.png) top left repeat-x;border-top:5px solid #fcaacc;border-bottom:2px solid #ddd;height:70px;}
/*.oc-top-a{background: #20ac20 url(../images/backgrounds/top-bg.png) top left repeat-x;border-top:2px solid #71ab70;border-bottom:4px solid #72cd72;color:#fff;}*/
.oc-top-a{ background: /*#fbccd4 url(../images/backgrounds/top-bg.png) top left repeat-x*/ none;border-top: 2px solid #fbccd4;/*border-bottom: 4px solid #f5bfc6;*/color: #333;}
.oc-top-b{ padding-top: 10px;}
.oc-main{ padding: 15px 0px !important; }
.oc-bottom-a{ padding-bottom: 10px; }
.oc-bottom-b { background-color: #dddddd; border-top: 2px solid #eeeeee; font-size: 90%; }
.oc-footer { background: #cccccc; border-top: 2px solid #dddddd; font-size: 80%; }

.oc-header .tm-headerbar { margin-top: 15px; margin-bottom: 15px; }
.oc-header .wrapper{ background: transparent; }
.oc-header #logo{ max-width: 450px; float: left; }
.oc-header #logo p{ margin: 0px; }
.oc-header .uk-panel { float: right; width: 530px; }
.oc-header .uk-panel > div{ width: 100%; max-width: 530px !important; float: right; text-align: right; margin: 5px 0px; }
.oc-header .uk-panel ul.uk-nav, .oc-header .uk-panel ul.uk-nav li, .oc-header .uk-panel ul.uk-nav a, .oc-header .uk-panel ul.uk-nav span { display: inline; border: none; color: #666; }
.oc-header .uk-panel ul.uk-nav span { font-size: 90%; }
.oc-header .uk-panel ul.uk-nav { text-align: right; padding-bottom: 2px; }
.oc-header .uk-panel ul.uk-nav li { padding: 2px 0px 2px 20px; }
.oc-header .uk-panel ul.uk-nav a { padding: 0px 5px; }
.oc-header .uk-panel ul.uk-nav a:hover span { color: #333 !important; border-bottom: 1px dashed #999; margin-bottom: -1px; }
.oc-header .uk-panel ul.uk-nav .uk-active > a { background-color: transparent !important; font-weight: bold; }
.oc-header .tm-headerbar .uk-panel { max-width: 50% !important; margin-top:10px; margin-bottom: 30px; }

.oc-menu nav.tm-navbar { display: flex; }
.oc-menu nav.tm-navbar ul.uk-navbar-nav.uk-hidden-small { flex-grow: 7; }
.oc-menu nav.tm-navbar .uk-navbar-flip { flex-grow: 1; }
.oc-menu nav.tm-navbar > ul.uk-navbar-nav.uk-hidden-small > li:last-child { float: right; }
.oc-menu #menu{padding:5px 2%;width:80%;}
.oc-menu #menu .dropdown-bg>div{background:#fbfcfc;}
.oc-menu .menu-dropdown a.level1, .menu-dropdown span.level1{border:none !important;font-weight:bold;color:#000 !important;text-transform:uppercase;}
.oc-menu .menu-dropdown a.level1:hover, .menu-dropdown span.level1:hover{color:#e49 !important;}
.oc-menu .menu-dropdown li.active .level1, .oc-menu .menu-dropdown li.level1:hover .level1, .oc-menu .menu-dropdown li.remain .level1, .oc-menu .menu-dropdown a.level2:hover, .oc-menu .menu-dropdown a.level3:hover, .oc-menu .menu-sidebar a:hover > span, .oc-menu .menu-sidebar span:hover > span{color:#e49 !important;}
.oc-menu .menu-dropdown .dropdown{top:33px;}
.oc-menu #search{padding:2px;max-width:20%;}
.oc-menu #search form.searchbox{float:right;}
.oc-menu #search form.searchbox input{color:#333;}
.oc-menu nav.tm-navbar.uk-navbar { background-color: transparent; margin-top: 12px; margin-bottom: 12px; }
.oc-menu nav.tm-navbar.uk-navbar .uk-navbar-nav > li > a { font-weight: bold; text-transform: uppercase; }
.oc-menu a:hover, .oc-menu .uk-active > a { color: #ee4499 !important; }
.oc-menu .uk-nav.uk-nav-navbar a:hover, .oc-menu .uk-nav.uk-nav-navbar .uk-active > a, .oc-menu a:active { background-color: transparent !important; }
.oc-menu .menu-dropdown li.level2 { margin: 0 5px; border-top: 1px solid #dddddd; }
.oc-menu .menu-dropdown li.level2:first-child { border: none; }

.oc-top-a .grid-box, .oc-top-a .mod-box{margin:0px !important;padding:5px !important;}
.oc-top-a #fpssContainer128.fpss-template-jj-rasper{border:none !important;margin:0px !important;padding:0px !important;max-height:265px;}
.oc-top-a .fpss-template-jj-rasper img {width: 633px;}
.oc-top-a .fpss-template-jj-rasper .slidetext h1:hover, .oc-top-a .fpss-template-jj-rasper .slidetext h1 a:hover{color:#fff;}
.oc-top-a .fpss-template-jj-rasper .slidetext a.fpssReadMore{background:#fbccd4;color:#333333;position:absolute;bottom:15px;right:15px;}
.oc-top-a .fpss-template-jj-rasper .slidetext a.fpssReadMore:hover{background:#fc0175;}
.oc-top-a #fpssContainer128.fpss-template-jj-rasper, .oc-top-a #fpssContainer128.fpss-template-jj-rasper .slides-wrapper, .oc-top-a #fpssContainer128.fpss-template-jj-rasper .slides, .oc-top-a #fpssContainer128.fpss-template-jj-rasper .slide{width:100% !important;}
.oc-top-a #fpssContainer128.fpss-template-jj-rasper .slidetext{left:10% !important;width:50% !important;}
.oc-top-a #fpssContainer128.fpss-template-jj-rasper .fpssTimer{ background-color: #fbccd4; }
.oc-top-a .fpss-template-jj-rasper .slidetext h1, .fpss-template-jj-rasper .slidetext h1 a{color:#fc0175;text-shadow:1px 1px 3px #333;}
.oc-top-a .fpss-template-jj-rasper .slidetext h2{color:#ccc;}
.oc-top-a .fpss-template-jj-rasper .slidetext p{font-size:110%;}
.oc-top-a .mod-box.-quote{padding:10px !important;font-size:110%;}
.oc-top-a h1.uk-article-title { color:#000;}
.oc-top-a h1.uk-article-title span { color:#e49;}
.oc-top-a .uk-panel { background-color: transparent; }
.oc-top-a .home-slideshow, .oc-top-a .home-slideshow .uk-slideshow > li { max-height: 340px; overflow: hidden; }
.oc-top-a .home-slideshow a.uk-slidenav.uk-slidenav-contrast { background-color: rgba(238, 68, 158, 0.05); -webkit-transition: background-color 0.25s; transition: background-color 0.25s; }
.oc-top-a .home-slideshow:hover a.uk-slidenav.uk-slidenav-contrast { background-color: rgba(238, 68, 158, 0.9); }
.oc-top-a .home-slideshow h3.uk-h3 { margin-bottom: 10px; }
.oc-top-a .home-slideshow .tm-date { font-size: 90%; }
.oc-top-a .home-slideshow .tm-date > span { font-style: italic; }


.tm-top-b, #bottom-a{/*border:1px solid #eee;border-radius:10px;background:#efedee url(../images/backgrounds/mod-box-bg.png) top left repeat-x;box-shadow:#cccccc 0px 0px 5px;margin:5px 10px*/;}
.homepage .oc-top-b { background-color: rgba(192, 192, 192, 0.25); }
.homepage .oc-top-b .uk-panel-box { background: transparent; }
.homepage .oc-top-b { margin-bottom: 30px; }
.oc-top-b .module-title { border-bottom: 1px dashed #ccc; }
.oc-top-b .ohanah.module .event_detail_container:first-child { width: 48%; float: left; margin-right: 2%; }
.oc-top-b .ohanah.module .event_detail_container:last-child { width: 48%; float: left; margin-left: 2%; }
.oc-top-b .ohanah.module .event-spacer { display: none; }
.oc-top-b .category-module { list-style: none; margin: 0px; padding: 0px; }
.oc-top-b .tm-sidebar-b .ui-datepicker table { font-size: 70%; }
.oc-top-b .tm-sidebar-b .ui-datepicker .ui-datepicker-title { font-size: 75%; }
.oc-top-b .uk-panel h3.uk-panel-title { border-bottom: solid 3px #999; width: 200px; text-align: center; margin-top: 5px; margin-bottom: 30px; margin-left: auto; margin-right: auto; padding-bottom: 10px; color: black !important; }
.oc-top-b .uk-panel + .uk-panel { margin-top: 5px; }

.tm-headerbar > .uk-panel:not(.tm-logo) { text-align: right; }

.oc-main .breadcrumbs { border-bottom: 1px dashed #ddd; margin: 10px 0px 15px 0px; }
.oc-main .uk-article-title, .oc-main .moduletable > h3, .oc-main .foxcontainer h2 { border-bottom: 1px dashed #ee4499; font-size: 32px; line-height: 32px; }
.oc-main .uk-article-title, .oc-main .uk-article-title a, .oc-main .moduletable > h3, .oc-main .foxcontainer h2{color:#48b !important;}
.oc-main .uk-panel { background-color: transparent; }
.oc-main #main .item .content p img{max-width:539px;height:auto !important;}
.oc-main .tm-content h1.tm-title, .oc-main .tm-content .uk-panel-header .uk-h3 { font-size:40px; line-height: 50px; border-bottom: 1px dashed #ee4499; }
.oc-main .tm-content .tag-category input#filter-search { margin-bottom: 0px; }

#innertop .bannergroup img{width:100%;height:60px;padding:1px;border:1px solid #ddd;}

.tm-sidebar-a .uk-panel, .tm-sidebar-b .uk-panel, .tm-bottom-a .uk-panel { background-color: transparent; }
.tm-sidebar-a .mod-box{padding:10px 10px 10px 0px !important;}
.tm-sidebar-a ul{padding-left:15px;}

.tm-sidebar-b .mod-box{padding:15px 10px;}
.tm-sidebar-b .uk-panel > * { float: right; }

.oc-bottom-a .uk-panel, .oc-bottom-b .uk-panel { background-color: transparent; }
.tm-bottom-a{border: none;background: none;box-shadow: none;text-align: center;}

.tm-bottom-b .grid-box{margin:10px 0px;}
.tm-bottom-b .width20 .mod-box{border-left:1px dashed #ccc !important;}
.tm-bottom-b .category-module{margin-top:0px;padding-left:0px;list-style:none;}
.tm-bottom-b .category-module > li{border-bottom:1px dashed #ccc;}
.tm-bottom-b .category-module ul{margin:0px;padding-left:15px;font-size:100%;padding-bottom:5px;}
.tm-bottom-b .category-module h4{margin:4px 0px 0px 0px;padding:0px;font-size:110%;}
.tm-bottom-b .category-module h5{margin:0px;padding:0px;font-weight:normal;font-size:100%;}

.oc-footer p { margin: 0px; }

.event_detail_container.cat-1{float:left;width:100%;margin:10px 0px;}
#event-container-info{font-size:90%;margin-top:5px;border-top:1px dashed #ddd;}
.ohanah #event_main_map{width:100%;overflow:hidden;}
.event_date_flyer_container .event_date{background:none;background-color:#990000;}

/* Directory styles */
body.directory .tm-content h1.uk-article-title { font-size: 24px; line-height: 24px; }
.fields-container .field-entry { display: block; padding: 5px 0px; }
.fields-container .field-entry:before { width: 30px; display: block; float: left; color: #ee4499; }
.fields-container .field-entry > .field-label { display: none; }
.fields-container .field-entry > .field-value { font-family: 'Open Sans'; }

.tag-categorydirectory ul.thumbnails > li { width: calc(50% - 50px); }

@media (min-width: 240px) and (max-width: 439px) {

	/* Layout */
  .bannergroup { float: unset !important; text-align: center; }
  .tag-categorydirectory ul.thumbnails > li { width: calc(100% - 50px); }

}

@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#search, .searchbox { display: none !important; }

}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	.oc-menu, .oc-bottom-a { display: none; }

}