/*
Theme Name: Chesapeake Monitoring Cooperative 
Description: Working together to understand the health of our waters.
Version: 1.0
Author: Digital Ink
Author uri: https://www.dgtlnk.com
*/

@import url("css/bootstrap.min.css");


@font-face {
	font-family: 'ProximaNova';
	src: url('css/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),  url('css/fonts/ProximaNova-Regular.otf')  format('opentype'),
	     url('css/fonts/ProximaNova-Regular.woff') format('woff'), url('css/fonts/ProximaNova-Regular.ttf')  format('truetype'), url('css/fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('css/fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),  url('css/fonts/ProximaNova-Bold.otf')  format('opentype'),
	     url('css/fonts/ProximaNova-Bold.woff') format('woff'), url('css/fonts/ProximaNova-Bold.ttf')  format('truetype'), url('css/fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
	font-family: 'Slabo';
	src: url('css/fonts/Slabo27px.eot?#iefix') format('embedded-opentype'),  url('css/fonts/Slabo27px.woff') format('woff'), url('css/fonts/Slabo27px.ttf')  format('truetype'), url('css/fonts/Slabo27px.svg#Slabo27px') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	height: 100%;
}

html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body {
	background-color: #ffffff;
  	font-family: 'ProximaNova';
	height: 100%;
	color: #000000;
	margin: 0 auto !important;
}

a {
	color: #552988;
	text-decoration: none;
}

a:hover, a:focus {
	color: #552988;
	text-decoration:underline;
}

p {
	margin: 0 0 20px;
	font-size: 18px;
	line-height: 1.25em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Slabo';
	color: #007189;
	line-height: 1.25em;
}

h1 {
	color: white;
	font-size: 64px;
	text-shadow: 2px 2px 20px #000;
	margin-bottom: 1rem;
}


h2 {
	font-size: 32px;
	margin-bottom: 1.25rem;
}

h3 {
	font-family: 'ProximaNova';
	font-weight: bold;
	font-size: 20px;
	margin-bottom: .75rem;
	color: #29426e;
}

h4 {
	font-size: 18px;
}

ol, ul, li {
	font-size: 18px;
	line-height: 1.5;
}

ol, ul {
	margin-bottom: 20px;
}

ol ol, ol ul, ul ol, ul ul {
	margin-top: 2px;
}

/*Basic Styling Styles*/

::selection {
  background: #29426e; /* WebKit/Blink Browsers */
  color: white;
}
::-moz-selection {
  background: #29426e; /* Gecko Browsers */
  color: white;
}

input::selection, ::-moz-selection {
	background: #ffffff;
	color: #000000;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.btn, .caldera-grid form .btn, .gform_wrapper input.button {
	background-color: #622f92;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 36px;
    border-radius: 0;
    border: 1px solid transparent;
    cursor: pointer;
}

.btn:focus, .btn:hover, .caldera-grid form .btn:focus, .caldera-grid form .btn:hover, .gform_wrapper input.button:hover, .gform_wrapper input.button:focus {
	background-color: #8b2a90;
	color: white;
}

.subscribe-btn {
	padding: 6px 9px;
}

.purple {
	background-color: #8b2a90;
}

.teal {
	background-color: #007189;
}

.navy {
	background-color: #29426e;
}

.blue {
	background-color: #005c85;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000000 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000000 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000000 !important;
}

/*Bootstrap Hacks*/

.nav>li>a:focus, .nav>li>a:hover {
    background-color: #8b2a90;
}

.navbar-brand, .dropdown-toggle::after {
	display: none;
}

.img-responsive {
	display: inline-block;
}

.screen-reader-text {
	display: none;
}

.frame img {
	display: inline-block;
	height: auto;
    max-width: 100%;
}

/*Header*/

.header {
	background-color: #29426e;
	padding-top: 18px;
	padding-bottom: 18px;
}

.site-search {
	text-align: right;
	display: none;
}

.search-form {
	display: inline-block;
}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
        -moz-box-sizing: border-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}

input[type=search] {
	background: #ffffff url(img/search-icon.png) no-repeat 6px center;
	border: none;
	padding: 0px 15px 0px 5px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 5em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	width: 5px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
	outline: none;
	height: 30px;
	margin-right: 9px;
}

@-moz-document url-prefix() { 
  input[type=search] {
     padding: 0px 18px 0px 20px;
  }
}

input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #622f92;
	padding-left: 32px;
	color: #000;
	cursor: auto;
	-webkit-box-shadow: 0 0 5px rgba(98,47,146,1);
	-moz-box-shadow: 0 0 5px rgba(98,47,146,1);
	box-shadow: 0 0 5px rgba(98,47,146,1);
}

input[type=search]:hover {
	background-color: #fff;
}

input[type=search]:-moz-placeholder {
	color: transparent !important;
}

input[type=search]:focus::-webkit-input-placeholder {
	color: #aaa !important;
}

input[type=search]::-webkit-input-placeholder {
	color: transparent !important;
}

input[type=search]:focus::-webkit-input-placeholder{
	color: #aaa;
}

.menu-main-menu-container {
	margin-left: auto;
    margin-right: auto;
}

.main-menu {
	text-align: center;
}

.main-menu .navbar {
	padding-right: 0;
}

.header .navbar-nav .nav-link {
	color: white;
	font-size: 20px;
	font-weight: bold;
}

.navbar-header {
	margin-left: auto;
}

.navbar-toggler-icon {
	padding-top: 7px;
	color: white;
}

/*Homepage*/

.homepage-hero.hero {
	height: 500px;
}

.get-involved .row {
	padding-bottom: 18px;
}

.icon-border {
	border-right: 2px solid #d4faf5;
}

.button-container {
	margin-bottom: 18px;
}

.button {
	padding-top: 18px;
	padding-bottom: 18px;
}

.button:hover, .button:focus {
	background-color: #622f92;
}

.button a:hover, .button a:focus {
	text-decoration: none;
}

.button img {
	padding-bottom: 9px;
}

.button h4, .button a {
	color: white;
}

.cmc-team h3 {
	text-transform: none;
	color: #29426e;
	padding-bottom: 36px;
}

.cmc-logo {
	margin-bottom: 36px;
}

.cmc-team-logo {
	margin-bottom: 18px;
	margin-right: 12px;
	max-width: 300px;
}

.cmc-home-section {
	padding-top: 36px;
	padding-bottom: 36px;
}

/*Page*/

.cmc-sections {
	padding-top: 54px;
	padding-bottom: 36px;
}

.cmc-section {
	padding-bottom: 18px;
}

.hero {
	background-image: url(img/page-hero.jpg);
	height: 360px;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

.hero .btn {
	box-shadow: 2px 2px 20px #000;
}

#breadcrumbs {
	border-bottom: 1px solid #29426e;
	padding-bottom: 18px;
}

.cmc-section.horizontal-rule {
	padding-top: 0;
	padding-bottom: 36px;
}

.horizontal-rule .col-md-12 {
	border-top: 1px solid #29426e;;
}

.cmc-resources h3 img {
	margin-right: 9px;
}

.cmc-call-out-box {
	margin-bottom: 27px;
}

.cmc-calloutbox {
	padding: 36px 36px 27px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

.cmc-calloutbox h2, .cmc-calloutbox h3, .cmc-calloutbox p, .cmc-calloutbox a, .cmc-calloutbox li {
	color: white;
}

.cmc-calloutbox a {
	text-decoration: underline;
}

.cmc-calloutbox a:hover, .cmc-calloutbox a:focus, .cmc-calloutbox a.btn {
	text-decoration: none;
}

.expander-link, .expander-link:focus {
	cursor: pointer;
	border: 0;
	padding: 0;
	outline: 0;
	font-family: inherit;
	font-weight: inherit;
	color: inherit;
	text-transform: inherit;
	background-color: transparent;
}

.expander-link:focus-visible {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}

.expander-link .minus, .expander-text, .expander-icon.minus {
	display: none;
}

/*Blog*/

.blog-title {
	font-family: 'Slabo';
	color: white;
	font-size: 64px;
	text-shadow: 2px 2px 20px #000;
	margin-bottom: 1rem;
}

.featured-image {
	padding-bottom: 36px;
}

.post-title, .post-title a {
	text-shadow: none;
	color: #007189;
	font-size: 48px;
}

.post-meta {
	font-weight: bold;
	color: #29426e;
}

/*News*/

.news {
	margin-bottom: 18px;
}

.news-teaser {
	margin-bottom: 18px;
}

/*Events*/

.event-row {
	margin-bottom: 18px;
}

.event-mini-date {
	color: #007189;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
}

.event-mini-date span {
	display: block;
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
}

.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 0 0 20px;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}


/*Search Results*/

.search-result {
	border-bottom: 1px solid #c1c1c1;
    padding-bottom: 18px;
    margin-bottom: 36px;
}

/*Footer*/

.footer {
	background-color: #29426e;
	padding-top: 36px;
	padding-bottom: 36px;
	color: white;
	text-align: center;
}

.footer p, .footer h3, .footer a {
	color: white;
}

.footer h3 {
	font-size: 18px;
	text-transform: uppercase;
}

#mc_embed_signup {
	padding-bottom: 36px;
}

#mce-EMAIL {
	padding: 5px 10px;
}

.subscribe-button {
	background-color: #622f92;
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 10px;
    border-radius: 0;
    border: 1px solid transparent;
}

.subfooter {
	padding-top: 18px;
}

/*Forms*/

.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea {
	border: 1px solid #ccc;
}

.gform_required_legend {
	display: none;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    margin: 5px 0 20px 20px;
}

.alignleft {
    margin: 5px 20px 20px 0;
}

a img.alignright {
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 21px;
    margin: 0;
    padding: 10px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
    white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*Media Query Goodness*/

@media (min-width: 768px) {

	.nav>li>a:focus, .nav>li>a:hover {
		background-color: transparent;
	}
	
	.menu-item-has-children:hover .dropdown-menu {
		display: block;
		left: 45%;
	    transform: translateX(-45%);
	}
	
	.dropdown-menu {
		background-color: #29426e;
		text-align: center;
		padding: 0;
		border-top: none;
    	margin: 0;
	}
	
	.header .nav .dropdown-menu>li>a.nav-link {
		color: #ffffff;
		padding: 10px 20px;
		font-size: 18px;
		white-space: nowrap;
	}
	
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		background-color: transparent;
	}
	
	.dropdown-menu>li:focus, .dropdown-menu>li:hover, .dropdown-menu>.active {
		background-color: #8b2a90;
	}
	
	.dropdown-menu>li:focus a, .dropdown-menu>li:hover a, .dropdown-menu>.active a {
		color: white;
		border-bottom: none; 
	}
	
	.footer {
		text-align: left;
	}

}

@media (min-width: 992px) {
	
	.alignleft {
    	float: left;
    }
    
    .alignright {
    	float:right;
    }
    
    a img.alignright {
    	float: right;
	}
	
	a img.alignleft {
	    float: left;
	}
	
	.site-search {
		display: block;
	}
	
	.menu-main-menu-container {
		margin-right: 0;
	}
	
	.main-menu {
		text-align: left;
		padding-top: 20px;
	}
	
	.cmc-team-logo {
		margin-right: 24px;
	}	
}

@media (min-width: 1200px) { 

	.navbar-expand-md .navbar-nav .nav-link {
		padding-left: 1rem;
		padding-right: 1rem;
	}

}