/*
Theme Name:     Customizr Child
Theme URI:      http://themesandco.com/customizr
Description:    A child theme for the Customizr WordPress theme. This child theme simply includes 2 files : style.css to add your custom css and functions.php where you can extend Customizr's core code. In order to keep your code as clean and flexible as possible, try to use Customizr's hooks API for your customizations. Do something awesome and have fun !
Author:         Nicolas Guillaume (nikeo)
Author URI:     http://themesandco.com
Template:       customizr
Version:        1.0.0
*/

/*turn off ligatures for the site.  Won\'t show ff or fi combinations in Fontin typeface */
html{
   font-variant-ligatures: none;
}

/*set background for the site*/
body{
 background: url(https://westbranchiowa.org/wp-content/uploads/Websitefiles/Images/background.jpg) no-repeat center center fixed;
background-size: cover;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}


/*LOGO Stuff*/
@media only screen and (min-width: 768px){
  .tc-header .brand a {
  margin:  5% auto 5% 30%;
}

/*on  regular screens, move menu over to the 15% point*/
@media only screen and (min-width: 768px){
.navbar-inner{
     padding-right: 15%;
}
.column-content-wrapper{
    display: flex !important;
    flex-flow: row nowrap;
    //align-items: flex-start;
}
}

.featurette-divider{
    margin: 3% 0;
}

.tc-sidebar.left{
   width: 21%;
   margin-right: 2%;
}

 
}

.tc-sidebar.left{
    //margin-top: auto;
    margin-bottom: auto;
     border-radius: 10px;
     color: rgba(51,51,51,.99);
}

/*Right sidebar
connected to article-container.  Removed margin and added approximate same in left and right padding*/
.tc-sidebar.right{
     margin: 0px;
     padding-left: 1%;
     padding-right: 1%;
     background-color: rgba(230, 230, 230, 1);
     border-left: 0px !important;
}

/*On Alert page, do not display sidebar*/
.page-id-60 .tc-sidebar.right, .page-id-60 #nav-below{
     display:none;
}

.page-id-60 #content
{
   height: initial;
}

/*remove border line from right widgets*/
#right.widget-area, #right.widget-area:before{
    border-left: 0px;
}

#left.widget-area, #right.widget-area:after, #left.widget-area::after{
   border-right: 0px;
}

header.tc-header
{
   background: none;
   border-bottom: 0px;
}

.article-container
{ 
 background-color: rgba(256, 256, 256, 1);
  margin: 0px;
  padding-right: 1%;
  padding-left: 1%;
  font-size: 130%;
   color: rgba(51, 51, 51, .99);
}

/*front page no content*/
.page-id-259 .article-container
{
     background-color: rgba(256, 256, 256, 0);
}

/*remove navigation from front page post page*/
.page-id-259 #nav-below{
   display:none;
}

/*remove navigation divider hr*/
.featurette-divider{
   display:none;
}

/*news page*/
.page-id-1216 .article-container
{
    display: block !important;
}



.navbar-wrapper
{
     margin-top: 0px;
}
.navbar-inner
{
    margin-top: 0px !important;
}



/*MENU STUFF*/
.navbar .nav > li > a {
position:     relative;
top:          10px;
}

/*Indents second line in first level of the left side widget menu.*/
#custom_html-7 a, #text-32 p{
   margin-left: 5% !important;
   line-height: 100%;
    padding-top: 3%;
    padding-bottom: 3%;
   display: inline-block;
}



#main-wrapper .widget li.cmw-level-2{
		margin-left: 0;
   padding-left: 15%;
   text-indent: -10%;
   line-height: 100%;
    padding-top: 4%;
    padding-bottom: 4%;

}

#main-wrapper .widget li.cmw-level-3{
		margin-left: 0;
   padding-left: 15%;
   text-indent: -10%;
   line-height: 100%;
    padding-top: 4%;
    padding-bottom: 4%;

}

#main-wrapper .widget .cmw-level-4{
    margin-left: 0;
   padding-left: 15%;
   text-indent: -10%;
   line-height: 100%;
    padding-top: 4%;
    padding-bottom: 4%;
}

/*Styling for much of the left menu*/
#main-wrapper .widget li a, #text-32 p, #custom_html-7 a{
    text-shadow:none !important;
    font-size:  114% !important;
    font-weight: normal;
    font-family: FontinSmallCaps, Times, Garamond, Georgia, Serif !important;
}


/* in new Customizr, added margin above which made things bad*/
#main-wrapper li+li{
   margin-top: 0px;
}

rightDate{
  margin-left: 10%;
  line-height: 100%;
}

.on a:hover, #text-32 a:hover, #custom_html-7 a:hover{
   text-decoration: none !important;
}

#main-wrapper .widget li.on{
    background: none !important;
}

#main-wrapper .widget li.on a{
   /*font-weight: 600 !important;
    color: rgba(114,0,0,.99) !important;*/
}

#main-wrapper .widget li:after{
   border-bottom:0px !important;
}

#main-wrapper .widget li{
      font-weight:bold;
      border-bottom: 0px !important;
     padding: 2px 5px 2px 10px;
     
}

#main-wrapper .widget li.on:hover a{
     /*color: rgba(114,0,0,.9) !important;*/
}

.menu-wizard li > a, #custom_html-7 a{
    font-family: FontinSmallCaps, Times, Garamond, Georgia, Serif !important;
}

/*takes care of mega menu spacing*/
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
   line-height: 120% !important;
   text-indent: -10%;
   padding-left: 10%;
} 

#mega-menu-wrap-main #mega-menu-main p{
   margin-bottom: 0px;
}

#main-wrapper .widget ul{
     margin: 0px;
     padding: 5px 0px 5px 0px;
     background: rgba(250, 250, 250,.9);
}

.cmw-level-1 a, #text-32 p, #custom_html-7 a{ 
   font-weight: 600 !important;
  
}

.cmw-level-2{
    background: rgba(100, 100, 100,.9);
       
}
.cmw-level-2 a{
    color: rgba(255,255,255,.99) !important;
    padding-left: 10px;
}
.cmw-level-3{
    background: rgba(51,51,51,.9) !important;
}
.cmw-level-3 li.on {
    background:rgba(51,51,51,.9);
}

.cmw-level-3 a{
    color: rgba(255,255,255,.99);
    padding-left: 10px;
}

.cmw-level-4{
    background: rgba(30,30,30,.9) !important;
}
.cmw-level-4 li.on {
    background:rgba(51,51,51,.99);
}

.cmw-level-4 a{
    color: rgba(255,255,255,.99);
    padding-left: 10px;
}

/*Set details for Frequent Searches*/
#custom_html-7 h3, #text-32 h3{
    color: rgba(15, 15, 15, .99);
    margin: 10px 0 0 0;
    padding-left: 4%;
    background: rgba(250, 250, 250, .99)
}

#custom_html-7{
    margin-bottom: 5%;
}



#text-32{
    color: rgba(15, 15, 15, .99);
    background: rgba(250, 250, 250, .9);
    line-height: 100%;
}

#text-32 p{
    margin: 0px;
}

#custom_html-5 h3{
    color: rgba(15, 15, 15, .99);
    margin: 10px 0 0 0;
    padding-left: 4%;
    background: rgba(250, 250, 250, .99)
}

#custom_html-5, #custom_html-7{
   background: rgba(250, 250, 250, .9);
}

#custom_html-5 img{
   padding-left: 4%;
   padding-bottom: 1.5em;
}

/*on mobile devices, don\'t display side menu*/
@media only screen  and (max-width: 767px){
/*.tc-sidebar.left{
  display: none;
}*/
.textwidget.custom-html-widget h3{
    font-weight:500;
    padding: 10px; 
    }
    
    #text-32{
        padding-left: 0px;
    }
    #text-32 .textwidget{
        padding-left: 10px;
    }
    
    #text-32 h3{
        font-weight:500;
        padding: 10px 0px 0px 10px;
    }
    
    #main-wrapper .widget li.cmw-level-1{
        padding-top: 2%;
        padding-bottom: 1%;
    }

}

/*Breadcrumb settings*/
/*Remove the breadcrumb*/
.tc-hot-crumble
{
     display: none;
}

/*remove footer header border*/
footer#footer{
   border-top:0px;
   background: none;
}

/* Space four footers evenly accross bottom of page */
@media only screen and (min-width: 768px){
#footer_one, #footer_two, #footer_three, #footer_four{
      width: 25%;
     margin: 0px;
}
}

footer .footer-widgets{
   padding: 0px;
  background: rgba(40, 40, 40, 1);
   width:100%;
}

.footer-widgets ul{
   margin: 0px;  
}

footer#footer h3{
    text-align: left;
   line-height: 4px;
}

footer#footer_two, footer#footer_three h3{
    text-align: left;
    line-height: 4px;

}
footer#footer .rpwe-title a{
    font-size: 75%;
    line-height: 15px;
    text-align:left
}
@media only screen and (min-width: 768px){
#footer_one, #footer_two, #footer_three{
   min-height: 74px; 
}
}

@media only screen  and (min-width: 768px)
{
#footer_one h3{
   margin-top:  18px;
   margin-right: 10%;
   text-align: right !important;
}}

@media only screen  and (max-width: 767px)
{
#footer_one h3{
   text-decoration: underline; 
}}

#footer_four{
    min-height: 74px;
     /*background: linear-gradient(rgba(114, 13,34, 1), rgba(214, 113, 134, 1)) !important; 
    background: -webkit-linear-gradient(rgba(114, 13, 34, 1), rgba(214, 113, 134, 1)) !important; 
    background: -o-linear-gradient(rgba(114, 13, 34, 1), rgba(214, 113, 134, 1)) !important; 
    background: -moz-linear-gradient(rgba(114, 13, 34, 1), rgba(214, 113, 134, 1)) !important; */
}

.footer-widgets{
    margin: 0px;
}

/*Font handling*/
/*Establish Fontin Small Caps font*/
@font-face{
     font-family: FontinSmallCaps;
     src: url(https://westbranchiowa.org/wp-content/uploads/Websitefiles/Fontin-SmallCaps.ttf);
}

/*setting top titles to Fontin font series*/
h1, h3, .widget-title {
     font-family: FontinSmallCaps, Times, Garamond, Georgia, Serif !important;
}


/*set top menu font to Fontin*/
#mega-menu-main > li.mega-menu-item > a.mega-menu-link{
     font-family: FontinSmallCaps, Times, Garamond, Georgia, Serif !important;
}
.textwidget.custom-html-widget h3{
     text-shadow: none;
    font-weight: 500;
}

/*MEGAMENU SETTINGS*/

/***NEXT 3 Sections put make the images in the menu full up, but keep padding on the text within***/
#mega-menu-wrap-main #mega-menu-main[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {
   margin-top: 0px;
}

#mega-menu-wrap-main #mega-menu-main > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{
  padding: 0px;
}

#mega-menu-wrap-main #mega-menu-main > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu{

  padding: 10px;
}


h3{
    font-weight: 500;
   text-shadow: none;
}

h2.entry-title{
    font-family: FontinSmallCaps, Times, Garamond, Georgia, Serif !important;
    font-size: 135%;
    line-height: 115%
}

h1.entry-title{
    line-height: 105%
}

#right.widget-area h3.widget-title{
    line-height: 100%;
}

.colophon{
    display: none;
}

/*Calendar Stuff*/
li.simcal-event{
    font-size: 110%;
    line-height: 110%;
    
}

.simcal-default-calendar-list .simcal-event-details{
     font-size: 95%;
     line-height: 110%;
     font-weight: 400;
}

.simcal-default-calendar-list ul.simcal-events{
      background: rgba(250,250,250,0) !important;
}

.simcal-default-calendar-list ul.simcal-events li.simcal-event{
     margin-bottom: 0px;
}

.simcal-default-calendar-list .simcal-event-details .simcal-event-description, .simcal-default-calendar-list .simcal-event-details p{
    margin-bottom: 0px;
}

/*main content link styling. */
#content a:link, #right a:link{
    color: rgba(114, 16, 34, .99);
    font-weight: bold;
}

#content a:visited, #right a:visited{
    color: rgba(165,88,88,.99);
    font-weight: bold;
}

p.memberlist{
   line-height: 100%;
}

/*CUSTOM TAG STYLING*/
/*Font style for commission member lists*/
member{
    font-weight: bold;
}

/*Font styling for commission member term expiration dates*/
expiration{
    padding-left: 10%;
    font-style: italic;
}

/*Handling headshot images in right column*/
.headshot{
   width: 50%;
}

/*Setting size of city council images*/
.tablepress img{
   width: 70%;
}

.tablepress td{
   line-height: 100%;
}

councilterms{
   font-size: 75%;
   font-style: italic;
}
table#tablepress-23{
   line-height: 1 !important;
}

table#tablepress-23 thead th.column-1{
   width: 65% !important;
}

/*Widget Area - Social Media icon scaling*/
.socialIcon{
   width:15%;
   padding-right: 8px;
}

/*MEETING TABLE STYLINGS*/
@media only screen  and (max-width: 767px){
.tablepress{
    font-size: 75%;
}
}

.tablepress tr:nth-child(odd) td{
    background: none;
}

.tablepress tr:nth-child(even) td{
    background: none;
}

.timedate{
   width: 25%;
}

/* Special setting for the Staff Work Plan page to only show the content and not the title. */
.page-id-1697 .entry-header{
  display:none;
}

/*Making the horizontal rule darker*/
hr{
  border-top: 1px solid #aaa;
  border-bottom: none;
}

/*remove folder icon for archive pages*/
.archive.category .archive-header .format-icon:before{
	display:none;
}

/*For hiring button 2022*/
img.size-full.wp-image-9150.alignnone{
    border-radius: 5px;
    box-shadow: 3px 3px 5px grey;
}