/*
     Theme Name: Bank of Marin Help
     Theme URI: https://www.bankofmarin.com
     Description: A child theme for the Twenty Twenty-Four theme.
     Author: Mark MacCollin
     Author URI: https://www.markmaccollin.com
     Template: genesis-block-theme
     Version: 1.0.0
     License: GNU General Public License v2 or later
     License URI: http://www.gnu.org/licenses/gpl-2.0.html
     Tags: light, dark, two-columns, flexible-header, accessibility-ready, custom-menu
     Text Domain: Bank of Marin Help
    */

body { font-family: 'roboto', 'Arial', 'sans-serif'; }


.container { padding: 0px !important; }
.main_title { display:none; font-size: 1.6em; color: #075935; font-weight: bold; margin: 28px 0px 0px -10px;  letter-spacing:-.005em; }
h1, .entry-title, .entry-header {  font-size: 30px !important; }
h2 { font-size: 24px !important; }

h2 a:link {  color: #06472a !important; text-decoration: underline; }
h2 a:visited { color: #075935 !important; text-decoration: underline; }
h2 a:hover {  color: #06472a; !important text-decoration: underline; }
h2 a:active {  color: #06472a; !important text-decoration: underline; }

.container a:link {  color: #06472a !important; text-decoration: underline; }
.container a:visited { color: #075935 !important; text-decoration: underline; }
.container a:hover {  color: #06472a !important; text-decoration: underline; }
.container a:active {  color: #06472a !important; text-decoration: underline; }

.header-text { margin:10px auto; !important; }

.site-header { background-color: #075935;}
.site-footer { background-color: #dbdbdc;}
.site-content { padding-top:18px; }

.topics { width: 1100px; vertical-align:top; height: auto; position: relative; left: -100px; }

.topic_box { 
	background-color: #FFF;  
	width:320px; min-height:200px; max-height:260px; 
	border: none !important; 
	border-radius: 8px; 
	display:inline-block !important; 
	padding: 12px; 
	margin:0px 18px 20px 0px; 
	vertical-align: top; 
box-shadow: 2px 2px 4px #ccc;
}
.page-titles h1 { color: #FFF; }
.topic_header { font-size: 18px; font-weight: bold; }

/* search bar */
.wp-block-search__input { border:none !important; border-radius: 8px !important; display: inline-block; font-size: 18px;  }
.wp-block-search__button, wp-element-button { border-radius: 8px !important; box-sizing:none; border: none; display: inline-block; }

.search-input { border:none !important; border-radius: 8px !important; display: inline-block; width: 700px !important; padding: 18px !important; font-size: 18px !important;  }
.search-wrapper { margin: 0px auto 20px auto; width: fit-content; }


.topic_box a { font-size: 1em; font-weight: bold; }
.search-content { font-size: 16px; }
.site-identity { padding: 10px !important; }
.custom-logo { margin: auto; width:1111px;  }

.copyright { color: #666; font-size: .8em; margin-top:10px;  }

/* Mobile */

@media only screen and (max-width: 768px) {
	
	
	.container { padding: 0px 40px 0px 20px !important; }
	
 .topics { width: 96%; vertical-align:top; height: auto; position: relative; left:20px; }

.topic_box { 
	background-color: #FFF;  
	width:94%; min-height:200px; max-height:260px; 
	border: none !important; 
	border-radius: 8px; 
	display:block; 
	padding: 12px; 
	margin:0px 20px 20px 0px; 
	vertical-align: top; 
box-shadow: 2px 2px 4px #ccc;
}
	
	.wp-block-search__input { border:none !important; border-radius: 8px !important;  }
	
}