/*
 Theme Name: Carpinteria Portal
 Theme URI: http://everywhererightnow.com
 Author: Everywhere Right Now, Inc.
 Author URI: http://everywhererightnow.com
 Template: foundation
 Description: A custom theme designed exclusively for the City of Carpinteria.
 Version: 2.1
 */

@import url("../foundation/style.css");

 @import url('//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,400&display=swap');

* {font-family: 'Open Sans', sans-serif;}

a, #logo a, a img, .button, .gform_button, #searchform button[type="submit"], .search-submit, .mc4wp-form-fields input[type="submit"] {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	cursor:pointer;
	}
#logo a:hover, a img:hover, #searchform button[type="submit"]:hover {
	opacity:0.75;
	filter:alpha(opacity=85);
	}
a, a:visited {
	color:#069;
	text-decoration:none;
	}
a:hover {
	color:#6C3;
	text-decoration:none;
	}
p, li {
	font-size: 16px;
}
.home .entry-title  {
	display:none;
	}
.button {
	display:inline-block !important;
	padding:15px 30px;
	color:#FFF !important;
	text-decoration:none;
	margin:5px;
	background-color:#E50019;
	text-transform:capitalize;
	border-radius: 6px;
	font-size:18px;
	}
.button:hover {
	text-decoration:none;
	background-color:#22FF00;
	color:#000 !important;
	}
.limit, .site-main, #mega-menu-wrap-district_elections {
	max-width:1110px;
	width:100%;
	margin:0 auto;
}

.page-content, .entry-content, .entry-summary {
    margin:0;
}
.site-info p {
	color:#808080;
	font-size:14px;
	font-weight:300;
}
.top-bar {
	background:#000;
}
.site-footer ul {
	margin:0;
	padding:0;
	list-style-type:none;
    display:flex;
    justify-content: center;
}
.site-footer li {
    display: list-item;
}
.site-branding {
	background:#069;
	text-align:center;
	padding:3px;
}
.site-footer p {
	text-align:center;
	font-weight:400;
	font-size:15px;
	color:#000;
	margin:0;
}
.site-footer li a {
	padding:0px 15px;
	color:#000;
	border-right:1px solid #000;
	font-size:15px;
	line-height:15px;
}
.site-footer li:last-child a{
	border-right:none;
}
.site-footer li a:hover {
	color:#069;
}
.site-footer {
	border-top: 10px solid #069;
	padding:20px 0 100px 0;
}
.home-hero {
	background:url(../../uploads/2020/10/carpinteria-hills.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:40vw;
}
.post, .page {
    margin: 0 0 0;
}
h2.ult-new-ib-title {
	text-shadow:2px 2px 2px #000;
}
.home .site-main h2 {
	color:#fff;
	text-shadow:2px 2px 2px #000;
	font-size:2em;
}
.wpb_content_element {
    margin-bottom: 0 !important;
}
h6 {
	font-size:1.2em;
	background:#069;
	font-weight:400;
	margin:20px 9px 0 9px;
	padding:6px;
	color:#fff;
}
.sub-page h2 {
	background:#f1f1f1;
	border-bottom:4px solid #069;
	padding:3px 6px;
	color:#069;
	margin:60px 0 15px 0;
}
.sub-page h3 {
	color:#00A4B1;
}
.sub-page h4 {
	color:#069;
}
.de-nav {
	background-color:#00A3E0;
	border-bottom:3px solid #015c89;
}
.pdf-list ul, ul.pdf-list {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}
.pdf-list ul li a, ul.pdf-list li a {
	background:url(../../uploads/2021/08/pdf.png) no-repeat 0px 0px;
	padding:0 0 3px 25px;
}
.pdf-list ul li, ul.pdf-list li {
	padding:9px 0;
}
ul.ppt-list {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}
ul.ppt-list li a {
	background:url(../../uploads/2022/01/ppt.png) no-repeat 0px 0px;
	padding:0 0 3px 30px;
}
ul.ppt-list li {
	padding:9px 0;
}



/* - - - - - - - - GRAVITY FORM STYLES - - - - - - - - - - */
.gform_body input:focus, .gform_body textarea:focus, .mc4wp-form-fields input:focus {
  	-webkit-box-shadow: 0px 0px 2px 2px #999;
  	-moz-box-shadow:    0px 0px 2px 2px #999;
  	box-shadow:         0px 0px 2px 2px #999;
	}
.gform_button {
	background-color:#00A3E0 !important;
	color:#FFF;
	border-color:#00A3E0 !important;
	}
.gform_button:hover {
	background-color:#015c89 !important;
	color:#FFF !important;
	border-color:#015c89 !important;
	}
input[type="submit"] {
	padding:15px 30px;
}

/* - - - - - - - - RESPONSIVE STYLES - - - - - - - - - - */

/*Controls what happens above break point */
@media only screen and (min-width: 1110px) {
	.ubermenu-responsive-toggle {
		display:none !important;
		}
}
/*Controls what happens below break point */
@media only screen and (max-width: 1450px) {


}