/*
Theme Name: Swatch (Child)
Author: Jonathan Whiteland
Author URI: http://www.ytko.com/
Description: Customisations to the Swatch theme (http://themes.oxygenna.com/swatch)
Version: 1.0
Template: swatch

*/

html {
  scroll-behavior: smooth;
}
body {line-height:1.2 !important; font-family: oxygen, sans-serif !important; min-width:320px; font-size:20px ;}

h1, h2, h3, h4, h5, h6 {font-family: anivers, sans-serif !important; line-height: 1.2 !important;  max-width: 740px;  padding-left:30px; padding-right:30px; margin: 0.5em auto !important; }

h1.entry-title.single-post {
    padding: 0 30px;
    margin: 0px auto !important;
    width: 100%;
    max-width: 740px;
}

#content p  {line-height:1.5 !important; font-size:20px !important; margin:0.5em auto 0.75em auto !important; max-width: 740px; padding-left:30px; padding-right:30px;  }

#content a {overflow-wrap: break-word;  word-wrap: break-word; -ms-word-break: break-all; word-break: break-word;}

#content ul, #content ol {margin:2em auto 0 auto;width: 100%; max-width: 640px; padding: 0px 30px 0px 20%;}

#content ol li, #content ul li {line-height:1.2 !important; margin:0.5em auto 1em auto !important; max-width: 700px; padding-left:10px; padding-right:30px; font-size:20px;  }

ul.wp-block-social-links {margin:0 auto !important;}
ul.wp-block-social-links li {padding:0px !important;}

ul.isotope {margin: 0 auto;}

li.post-item {max-width:100% !important;}


ul.is-layout-flow.wp-block-post-template {margin:0 auto !important;}
ul.is-layout-flow.wp-block-post-template li {padding: 0px !important;}

section.narrower div.post-body, section.narrower div.post-title {padding-left: 0px !important; padding-right:0px !important;}

.section {
	padding: 35px 0 !important;
}

.section-header {
    text-align: center;
    position: relative;
    border-bottom: 0;
    padding-bottom: 0;
    max-width: 800px;
    margin: 0 auto 30px !important;
}

.swatch-white, [class*=swatch-] .swatch-white {
    background: none !important;
}

.wp-block-stackable-column.min250.stk-block-column.stk-column.stk-block {padding: 30px 0px !important;}

.stk-block.stk-block-column.stk-column>.stk-column-wrapper {padding:0px; margin:0px;}
.stk-block-background:not(.stk--no-padding) {padding-left:0px; padding-right:0px;}

div.event_block:nth-child(odd)  {
  background-color: #efefef;
  margin-bottom: 60px;
}
div.event_block:nth-child(even)  {
  background-color: #c2d4d5;
  margin-bottom: 60px;
}

div.event_type {
  padding: 20px;
}

img.event_image {height: 100%; object-fit: cover; aspect-ratio: 1/1; }

div.event_content {
  padding: 30px 0px 0px 0px;;
}

span.event_title {
  font-weight: bold;
  font-size: 14pt;
  text-transform: uppercase;
}

div.event_cta {
  padding: 30px 0px 30px 0px;
}

div.event_mi {
  margin-bottom: 20px;
}


div.event_cta a {
	color: rgb(76, 77, 79);
	text-decoration:none;
}

div.event_mi a {
	color: rgb(76, 77, 79);
	text-decoration:none;
}

p.event_date_time {
	margin-bottom: 9px;
}

span.event_date {
  font-weight: bold;
}

span.event_time {

}

p.event_location {
	margin-bottom: 15px;
	line-height: 13pt;
	font-style: italic;
}

span.event_location {
	font-style: italic;
}

#content p.event_button {
	margin-bottom: 0px !important; text-align:center; margin-top:30px !important;
}

div.event_eventbrite h2 {
	text-transform: none;
}

.btn-primary {background:#EB5F2E !important;}

.wp-block-social-links {
    
    justify-content: space-evenly;
    
}

.wp-block-social-links .wp-social-link svg {width:2em; height:2em;}

.wp-block-social-links .wp-social-link a {padding:0.75em; color: #fff !important;}

.wp-block-social-links {margin-top:10px;}


.row-fluid { display: flex; flex-wrap:wrap;}

.row-fluid:after, .row-fluid:before {display:flex;}

.row-fluid:after, .row-fluid:before {display:flex !important;}



/*** Header logo and Nav **/

.navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container {width:100% !important;}

.navbar-inner {min-height:60px !important;}

.navbar .nav>li  {margin-bottom:0px;}
header {padding:10px 0px;}
#masthead .container.head {display:flex; justify-content: center; flex-wrap:wrap; max-width: 100%;}

#masthead .brand  {padding-top:10px !important; padding-bottom: 0px !important;}
#masthead .brand img {height:auto !important; margin-top:0px !important; min-width:300px !important; width:100% !important; max-width:500px;}
.menu-coast2capital-menu-container {margin-top:00px;}

#masthead .standard.navbar .nav > li > a {padding:20px 10px !important;}

.nav-cont-wide {min-width:50%; order:3;}
	
	ul#menu-coast2capital-menu li {margin-bottom:0px !important;}

#masthead .standard.navbar .btn, .navbar .btn-group {margin-top:20px !important;}

.max1400 {max-width:1400px; margin: 1em auto; padding: 60px 30px !important;}
.max640{max-width:640px; margin: 1em auto 0 auto; padding: 30px 0px 0px 0px;}

.wp-block-latest-posts__featured-image img {aspect-ratio:1/1; height:auto; width:100%; object-fit:cover; object-position: 50%; }

ul.wp-block-latest-posts__list {justify-content: space-evenly;}

ul.wp-block-latest-posts__list li {max-width:320px; text-align:center;}

ul.wp-block-latest-posts__list li a {color:#004F43; font-weight: 600; text-align:center; width:100%;}

.row-fluid .span4 {
    width: 29.91489362% !important;
    *width: 29.86170213% !important;
}
/**** ADAPT STYLES *****/

.adapt p, .adapt ol, .adapt ul, .adapt h1, .adapt h2, .adapt h3, .adapt h4 {max-width:640px; margin-left: auto; margin-right:auto;}

.adapt p, .adapt ol, .adapt ul, .adapt h2, .adapt h3, .adapt h4 {max-width:640px; margin-left: auto; margin-right:auto; padding: 0px 30px;}

.adapt p, .adapt li {font-size:18px; line-height:1.5;}

.adapt h1 {color:#005357; max-width: 100%; padding-left:30px;padding-right:30px; margin-top:30px;  text-align:center;}
.adapt h2 {color:#018188;}
.adapt h3 {color:#65898a;}
.adapt h4 {color:#018188;}



.adapt .feat-col .wp-block-column {max-width:320px; margin-right: auto; margin-left:auto; }

.adapt .wp-block-column {}

.adapt .wp-block-column.no-pad {padding: 0px 0px 0px 0px;}

.adapt .wp-block-columns {margin-bottom:0px;}

.adapt .wp-block-columns.limit-width {max-width:1200px; margin:0px auto;}

input[type=submit].poelch_submit {background-color:#709495;}

/**** SOLENT TEST STYLES *****/

.LH {line-height: 1.5 !important;}
.HLH {line-height: 1.2 !important;}
.fw500 {font-weight:500 !important;}
.txt40 {color:#404040 !important;}
.min250 {min-width:250px !important;}
.center, .center p {text-align:center;}
form.poelch_form {justify-content: center;}
.stk-block-feature-grid .stk-row {flex-wrap:wrap !important;}

.fnt20 p, .fnt20 {font-size: 20px;}

input[type=submit].poelch_submit {background-color:#709495 !important; font-weight:600; }

.wp-block-button__link {color: #ffffff;background: #1f321d;}

.uagb-post__text .uagb-post__cta { color: #ffffff; background: #1f321d; border-radius:5px; border-style: none; }

#content p.rocket-desc {font-family:'anivers'; font-size: calc(26px + 0.5vw) !important; font-weight:700; }
#content p.rocket-disc {font-family:'oxygen'; font-size: calc(9px) !important;  }


/*** Media Queries ***/

@media (max-width: 767px){
	
		.nav-cont {order:2; width:100%;}
	.brand-container {order:1; width:100%}
	#masthead .brand {width: calc(100vw - 100px) !important; padding-left:0px !important; padding-right:0px !important; padding-bottom:0px !important;}
	#masthead .standard.navbar .btn, .navbar .btn-group {margin-top: 0px !important;}
	#masthead .navbar-fixed-top, #masthead .navbar-static-top {margin-bottom:0px !important;}
	
	#masthead .brand img {margin-top:0px !important; width: 100% !important; height:auto !important;}
	.menu-coast2capital-menu-container {min-width:97vw;}
	
	#masthead .navbar-inner  {padding-bottom:0px;}

}


@media (min-width: 768px) and (max-width: 979px){
.row-fluid:after, .row-fluid:before {display:flex !important;}
	.nav-cont {order:2;}
	.brand-container {order:1;}
}

@media (min-width: 1200px) {.row-fluid:after, .row-fluid:before {display:flex !important;}}



@media (min-width: 1200px) {
	.row-fluid .span3 {width:22.4% !important;} }

#post-4809, #post-4811, #post-4805 {min-height: 55vh;}
#post-4809 p, #post-4805 p {max-width: 740px; margin:0px auto 20px;}
input[type=text].poelch_input {border: 1px solid #404040;margin-bottom:0px; color:#404040;}

input[type=submit].poelch_submit {background-color:#005357; color:#fff; padding: 6px 15px; text-transform:uppercase; border:none;}