/*
 Theme Name:   sealion_gp
 Theme URI:    https://generatepress.com
 Description:  Custom GeneratePress child theme for sealioncaves.com
 Author:       ASW
 Author URI:   https://astreetweb.com
 Template:     generatepress
 Version:      0.1
 

 link color: #2553B5 blue
 hover: #cc4400 red

button:  22728d

header bg: a4d9e1

bottom section bg: #e8f3f7
.home .site-header {background-image: none!important; background-color:transparent!important;}
*/
.main-navigation .menu-toggle {
    font-size: 36px;
}
.strong-view-id-1  {font-style:italic; max-width:600px; margin:0 auto;}
div.in-page-links
 {
 display: grid;
grid-template-columns: auto auto auto auto;
grid-gap: 10px;
 
}

.item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 10px;
  font-size: 16px;
  text-align: center;
 justify-self: stretch;}
 
 
 .item:hover { background-color: #a4d9e1;}

.wp-caption {text-align:center;}
.wp-caption-text {font-size: 75%;padding-top: 5px;opacity: .8;}
p.note, .note {font-size:.86em;}
ul.default  li, ol.default  li {padding-bottom:.8em!important;}
 ol.default  li  ol{padding-top:.8em!important;}
ul.no-indent { list-style: none;
    padding-left: 0;}
ul.no bull li {list-style-type:none;}
.bg-blue ul li {font-size:15px; line-height:1.2em;}
a.read-more {font-size:.8em; text-transform:uppercase;}
a.read-more::after {content:" \00BB";}
a.sm-link  {font-size:.8em;}
div#weatherWidget {max-width:400px!important;}
h2.no-margin,h3.no-margin  {margin-bottom:.2em;}
.date, .red {color: #cc4400; font-weight:700;}
.inline-header-red, .dkred {color:#bb191e;}
/* buttons*/
.button {border-radius: 6px; width: 170px; }

/* residents pages */
.first-col {padding-top:10px;}
.bg-blue {background:#e8f3f7; padding: 20px 20px; 40px;}
.bg-blue ul.no-indent {
  list-style-position: outside;
  margin-left: 1em;
}

a.phone-lg {font-size:22px;}
/* home page red icons*/
div.centered{
    display: grid;
    column-gap: 16px;
    justify-content: center;
    grid-template-columns: auto auto auto auto;
	max-width:100%;
}

.bottom-margin {margin-bottom:1.2em;}


.v-align {padding-top: 80px;}
.v-align-40 {padding-top: 40px;}


div.brochure {background-color:#bb191e; padding: 2px 18px;}
div.brochure:hover {background-color:#22728d; } 
div.brochure a:hover {color:#fff; text-decoration:none;}
/* home page*/
h2.home-banner, h3.home-banner {margin-bottom: 1.62em;}
.page-id-2 .page-hero a.button {border-radius: 6px; border:2px solid #eee; background-color: rgba(37, 102, 130, 0.5)!important; line-height: 1.2em;
}
/* page titles */
.page-hero h1 {text-shadow: 0px 0px 8px #444;}
/* home page testimonials*/
.testi-home .wpmtst-testimonial-content {font-size:1em!important;}
.testi-home .testimonial-name {color:#bb191e; }
/* faq accordion */
.su-spoiler-title {font-size:1em;}
/* footer-list*/
.widget ul.footer-list {
	margin:1em;
	list-style:disc;}
.text-widget.note {font-size:.76em;}

 
.site-footer .footer-widgets-container .inside-footer-widgets { font-size:16px; line-height:1.4em;}

@media (max-width: 960px) {
.v-align {padding-top: 40px;}
.v-align-40 {padding-top: 0px;}
}

@media (max-width: 768px) {
.page-hero {
    background-size: cover;
}
.page-hero h1.page-title  {font-size:34px!important;}	
h2 {font-size:25px!important;}	
.v-align {padding-top: 0px;}
}