<!-- header data -->
<style>
/*--picasso footer contact info--*/
.footer .col-md-4 p {text-align:right;}
.footer .col-md-4 p a {display:block;}
/*--for 5 columns--*/
.col-sm-15 {
position: relative;
min-height: 1px;
width:100%;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
/*--HIGHLIGHT and DEFAULT content style text and colors--*/
.panel-default-highlight {background-color: #fafbf5;}
.panel-default-highlight .panel-heading {color: #333;}
.panel-default .panel-heading .panel-title {color: #333;}
.panel-default .panel-heading {color: #333;background-color: #fafbf5;}
/*-------------------place chamber title in footer for desktop-----------------------*/
@media (min-width: 1200px) {
footer:after {
content: "WHITEFISH";
color: #fff;
font-size: 200px;
letter-spacing: 28px;
line-height: 150px;
opacity: .2;
}
}
/*----------------------move copyright inline with other footer info----------------------*/
footer .row:last-child {margin:10px 0;}
/*----------------------to center menu instead of left align----------------------*/
@media (min-width: 768px) {
.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;
}
.navbar .navbar-collapse {
text-align: center;
}
}
/*----------------------sets max width for middle image in header------------------------*/
.page-area[pageareaid="Head 2"] {max-width: 300px;}
/*---------------------to keep vertical custom links in header on one line----------------------*/
header .cms-custom-links .sidebar-nav.horizontal .panel-icon {
margin-left: 1px;
margin-right: 1px;
}
/*-----------------------to space out menu items-----------------------*/
@media (min-width: 768px) and (max-width:991px){
.nav>li>a {padding: 10px 8px; width: 90px;}
}
@media (min-width: 992px)and (max-width:1199px){
.nav>li>a {padding: 13px 8px;}
}
@media (min-width: 1200px) {
.nav>li>a {padding: 13px 19px;}
}
/*---menu with lines--*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {border-left: 1px solid #27503B;}
.navbar-default .navbar-nav>.open:first-child>a, .navbar-default .navbar-nav>.open:first-child>a:hover, .navbar-default .navbar-nav>.open:first-child>a:focus {border-left: 0;}
@media (min-width: 768px) {.nav>li>a { padding:0 16px}.nav>li+li>a, .navbar-nav.open>li+li>a {border-left: 1px solid #27503B;}.nav>li {padding:15px 0;}}
@media (min-width: 992px) {.nav>li>a { padding:0 33px}}
@media (min-width: 1200px) {.nav>li>a { padding:0 50px;}}
/*-----------------------to change dropdowns and hovers in menu-----------------------*/
.dropdown-menu {background-color:#1e5001;}
.dropdown-menu>li>a {color: #fff;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #163901;color: #fff;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {color: #fff;background-color: inherit;text-decoration: underline;}
/*---------------------to center header items in tablet & mobile---------------------*/
@media (max-width: 991px) {
.header ul[class*="left"], .header ul[class*="right"], .header div[class*="left"], .header div[class*="right"], .header p {text-align:center !important;}
}
/*----to display navigation list menu in header properly---*/
.header .cms-nav-menu li {display:inline-block;padding:0 5px;}
.header .cms-nav-menu li + li {border-left:1px solid #999;}
/*--to stack custom links in header for mobile--*/
@media (max-width: 767px) {
.page-area[pageareaid="Head 1"] ul.sidebar-nav.custom.horizontal {background-color:#e5af12!important;}
.page-area[pageareaid="Head 1"] ul.sidebar-nav.horizontal li {display: block;border: 0;padding: 15px 0;background-color: #E5AF12;}
.page-area[pageareaid="Head 1"] ul.sidebar-nav.horizontal .nav-item a {background-color: #E5AF12!important;}
}
/*--transparent custom link in header--*/
#content-46484 span, #content-46484 .panel-icon, #content-46484.sidebar-nav, #content-46484 .nav-item a {background-color:transparent !important;}
/*--to hide header areas in edit--*/
.page-area.visible.editable[pageareaid="Head 2"] {
visibility:hidden;
}
.page-area.visible.editable[pageareaid="Head 3"] {
visibility:hidden;
}
.page-area.visible.editable[pageareaid="Head 1"] {
visibility:hidden;
}
/*--mega menu--*/
.yamm p {font-size: 14px;text-transform: uppercase;color: #95C1E1;margin-bottom: 2px;}
.yamm a {color: #fff;display: block;padding: 3px 0;line-height: 1.1em;}
/*---------logo tab on Horizon----*/
.logoPosition {
background: #fff;
padding: 15px 10px 16px;
border-bottom-left-radius: 45% 18px;
border-bottom-right-radius: 45% 18px;
margin: 0 8px;
box-shadow: 0 4px 16px 3px rgba(85,85,85,.75);
border: 8px solid rgb(0, 131, 169);
border-top: none;
}
http://wallowacountychamber.sampleorg.com/photo-gallery
/*---------larger responsive cm ICONS----*/
.cms-icon-links .cms-icon-title { display: block; line-height: 13px;margin-top: 2px;}
.cms-icon-link img {
width:100%;
height:auto;
max-width:100px;
max-height:100px;
min-height:20px;
min-width:20px;
}
.page-area .cms-icon-links.full-width {white-space: nowrap;}
.cms-icon-links.full-width .cms-icon-link {min-width: 20px;}
@media (max-width: 500px) { .cms-icon-links.full-width .cms-icon-link {width:30%!important}.cms-icon-links.full-width {white-space: normal;}}
/*--change list style to disc--*/
.content ul li {list-style-type: disc;}
.content ol li {list-style-type: decimal;}
.cms-flexslider ul li {list-style-type: none;}
/*-------------horizon logo shield resizing-----*/
/*--logo & shield--*/
.logo-size {width: 257px;}
.logoPosition {top: -80px;}
.logoPosition img {margin-top: 40%;}
.page-area.editable.global.visible[pageareaid="Head 0"] img {margin-top: 5%;}
/*--tabs--*/
.cms-design-panel .cms-tabs {border: 1px solid #EEEEEE;margin-bottom: 50px;}
.cms-tab-buttons { border-left: 1px solid #EEEEEE;}
.cms-tabs .panel-body { height: 220px;overflow-y: scroll;}
/*--text formating for horizon--*/
@media (min-width: 768px) {.navbar-default {margin-top: 0 !important;}}
p {line-height: 1.6;margin-bottom: 15px;letter-spacing: .5px;}
h1, h2, h3, h4, h5 {letter-spacing: 1px;color: #3d3d3d;margin-bottom: 10px;}
.intro h1 {letter-spacing: 1px;}
.intro p {letter-spacing: 1px;}
#home {padding-top: 60px;padding-bottom: 60px;}
/*--change social icon opacity--*/
.cms-icon-links i.fa.flat-social, .cms-icon-links img.transparent {opacity: 1;}
.cms-icon-links i.fa.flat-social:hover, .cms-icon-links img.transparent:hover {opacity: 0.8;}
/*--member login widget--*/
.mn-widget-login-header {margin: 0 0 5px;}
.mn-widget-login-field {margin: 0;}
.mn-widget-login-buttons {margin: 5px 0 10px;}
/*--mn widget calendar--*/
.mn-widget-calendar-header {background-color: #f1f1f1;padding: 3px 10px;margin-bottom: 5px;}
.mn-widget-calendar {background-color: #F8F8F8;margin-bottom: 15px; padding: 0 0 5px;}
/*--mn widget calendar in content style--*/
.mn-widget-calendar-header {background-color: #f1f1f1;padding: 3px 10px;margin-bottom: 5px;}
.mn-widget-calendar {background-color: #F8F8F8;padding: 0 0 5px;border-radius: 10px;}
#content-156460 .panel-body {padding: 0;}
/*left align changes*/
@media (min-width: 1200px) {.cms-table {min-height: 250px;}}
.cms-cell h3 { margin-top: 10px;font-size: 18px;}
@media (max-width: 480px) {.cms-widget .cms-cell img {max-width: 130px;} }
<script type="text/javascript">
CMS.jQuery(document).ready(function($){
$('.header .col-md-3').removeClass('col-md-3').addClass('col-md-4');
$('.header .col-md-9').removeClass('col-md-9').addClass('col-md-8');
});
</script>
<script type="text/javascript">
CMS.jQuery(document).ready(function($){
$('.header .col-md-3').removeClass('col-md-3').addClass('col-md-5');
$('.header .col-md-5').removeClass('col-md-5').addClass('col-md-3');
});
</script>
<script type="text/javascript">
CMS.jQuery(document).ready(function($){
$('.footer p a').find('br').remove();
});
</script>
/*--moving module banner to header--*/
<script type="text/javascript">
CMS.jQuery(document).ready(function($){
$("#mn-content .mn-banner").appendTo(".header>.row>.col-md-7");
});
</script>
/*--menu dropdown arrow to FA--*content: "\f107";
position: relative;
top: -9px;
font-family: FontAwesome;
color: #4E4D4D;
font-weight: 200;
font-weight: lighter;
font-size: 32px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-stroke: 1px #fff;/
/*--to add search icon to search --*/
.cms-search{position: relative;}
.cms-search:before {
color: #D6D6D6;
content: "\e003";
font-family: 'Glyphicons Halflings';
font-size: 20px;
right: 8px;
position: absolute;
top: 6px;
line-height: 20px;
}
.visible.editable .cms-search:before {display:none;}