/*
Theme Name: Farmers Single Page
Author: WSI Web Success
Author URI: https://www.wsiwebsuccess.com/
Description: Theme for Farmers Insurance
Version: 1.01
Tags: blog, two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images
Text Domain: farmers
*/

/* CSS Document */

html {
	box-sizing: border-box;
}
*,
*:before,
*:after
{
	box-sizing: inherit;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: #2e2e2e; /*very dark*/
	font-family: "Source Sans 3", sans-serif;
	font-size:16px;
	line-height:1.6em;
}
ol,
ul {
	margin:0 0 1em 0;
	padding: 0 0 0 35px;
	font-size: 1em;
}
ol ol,
ul ul {
	font-size:1em;
	margin:0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption,
th,
td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
	padding:20px;
	margin:10px 5%;
	background-color:#e8e8e8; /*light gray*/
	font-style:italic;
}
blockquote span {
	display:block;
	text-align:right;
	margin-top:10px;
}
em {
	font-style: italic;
}
hr {
	height: 1px;
	margin: 1em 0;
	width: 100%;
}
a {
	color:#0073cf; /*lighter blue*/
}
a:hover, a:focus {
	color:#003087; /*blue*/
	text-decoration:underline;
}
strong {
	font-weight:bold;
}
h1, h2, h3, h4 {
	line-height: 1.3em;
	padding:0;
	font-weight:bold;
}
h1 {
	margin: .5em 0 .7em 0;
	font-size: 1.8em;    
}
h2 {
	margin: 0 0 .7em 0;
	font-size: 2em;
}
h3 {
	margin: 0 0 .7em 0;
	font-size: 1.6em;
}
h4 {
	margin: 0 0 .8em 0;
	font-size: 1.2em;
}
p {
	margin: 0 0 1em 0;
	padding: 0;
	font-weight:normal;
	font-size: 1em;
}
img {
	max-width:100%;
	display:block;
	height:auto;
}
p img {
	display:inline-block;
	position: relative;
	top: 9px;
	margin-right: 10px;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}
.container {
	width:90%;
	max-width:1000px;
	margin:0 auto;
}

/* TOP BAR */
.top-bar {
	background-color:white;
	box-shadow:-3px 0px 5px rgba(0,0,0,0.3);
	padding-top:10px;
	display: table;
	clear: both;
	width: 100%;
}
.logo {
	float:left;
	width:100px;
}
.top-nav {
	text-align:right;
}
.top-nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.top-nav ul li {
	display:inline-block;
	padding:20px 30px;
}
.top-nav ul li a {
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#003087; /*dark blue*/
	position:relative;
}
.top-nav ul li.current-menu-item a:after {
	content:" ";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	background-color:#e02133; /*red*/
}


/* CONTENT */
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 95%;
}
.boxes {
	position:relative;
}
.boxes .wp-block-column{
	background-color:white;
	padding:20px;
	box-shadow:2px 2px 15px rgba(0,0,0,0.3);
}
.boxes .boxes-hover {
	display:none;
}
.boxes .wp-block-column:hover .boxes-hover {
	position:absolute;
	max-width:600px;
	top:0;
	left:50%;
	transform:translatex(-50%);
	background-color:white;
	padding:20px;
	box-shadow:2px 2px 15px rgba(0,0,0,0.3);
}
.paragraph-shift {
	padding-left:35px;
	position:relative;
}
.paragraph-shift img {
	left:0;
	top:0;
	position:absolute;
}
.no-margin {
	margin:0 !important;
}
.circle-media {
	max-width:650px;
	margin:0 auto;
	justify-self:center;
}
.circle-media .wp-block-media-text__media img {
	height:200px;
	width:200px;
	border-radius: 50%;
	aspect-ratio: 1;
	object-fit: cover;
	border: 2px solid white;
	box-shadow:3px 3px 10px rgba(0,0,0,0.3);
}
.circle-media.wp-block-media-text {
	grid-template-columns: 200px 1fr;
}
.circle-media.wp-block-media-text>.wp-block-media-text__content {
	padding:0 50px;
}
.bg-band {
	position:relative;
	padding:50px 0;
	clear:both;
}
.wp-block-media-text.bg-band {
	margin:0;
}
.bg-band:before {
	content:" ";
	position:absolute;
	top: 0;
	left: 50%;
	width:100vw;
	height:100%;
	transform:translatex(-50%);
	z-index:-1;
}
.light-blue-bg:before {
	background-color:#f6fafe; /*light blue*/
}
.note {
	font-size:.8em;
	font-style:italic;
}
.wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 70%;
	height: 0;
	overflow: hidden;
}
.wp-block-embed__wrapper iframe,
.wp-block-embed__wrapper object,
.wp-block-embed__wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ACCORDION */
.wp-block-coblocks-accordion-item__title {
	border-radius: unset;
	background-color: white;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	font-weight: bold;
	font-size: 20px;
	padding: 20px 30px;
}
.wp-block-coblocks-accordion-item__title:hover {
	cursor:pointer;
}

/* CONTACT */
.form-popup .circle-media .wp-block-media-text__media img {
	height:150px;
	width:150px;
}
.form-popup .circle-media.wp-block-media-text {
	grid-template-columns: 150px 1fr;
}
.form-popup {
	display:none;
	position:fixed;
	top:20px;
	left:calc(50% - 300px);
	width:calc(100% - 40px);
	max-width:600px;
	max-height:calc(100vh - 50px);
	background-color:white;
	box-shadow:0 0 15px rgba(0,0,0,0.3);
	padding:30px;
	overflow-y:auto;
}
.form-popup .gform_required_legend {
	text-align:right;
	font-size:.8em;
	font-style:italic;
}
.form-popup label {
	margin:2px 0 !important;
	font-size:.8em; !important
}
.form-popup .gfield_label_before_complex {
	margin:4px 0 !important;
	font-size:.8em; !important
}
.form-popup .gform_fields {
	row-gap:5px !important;
}
.form-popup .gfield-choice-input {
	position: relative;
	top: 2px;
	margin-right: 10px !important;
}
.form-popup #label_1_9_1 {
	font-size:.8em;
}
.close {
	color:#003087; /*blue*/
	font-size:40px;
	font-weight:400;
	transform:scale(1, 0.8);
	position: absolute;
	right: 30px;
	top: 30px;
}
.close:hover {
	cursor:pointer;
}

/* FOOTER */
footer {
	background-color:#003087; /*blue*/
	padding:20px;
	color:white;
	text-align:center;
}
.social {
	list-style-type:none;
	text-align:center;
	padding:0;
}
.social li {
	display:inline-block;
}
.social li a {
	display:block;
	padding:5px 20px;
	color:white;
	text-decoration:none;
}
.social img {
	width:20px;
}
.footer-logo {
	width:100px;
	margin:0 auto;
}
.copyright {
	text-align:center;
	margin-top:22px;
	font-size:.8em;
	color:white; 
	opacity:.8;
}

/* WP CONTROLS */
.wp-block-separator {
	border-top:1px solid #cacaca; /*light gray*/
}
.wp-block-button__link, #gform_submit_button_1 {
	border-radius:5px;
	box-shadow:0px 3px 5px rgba(0,0,0,0.3);
	background-color: #158fef;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #158fef), color-stop(50%, #158fef), color-stop(50%, #0072cf), to(#0072cf));
	background-image: linear-gradient(to bottom, #158fef 0, #158fef 50%, #0072cf 50%, #0072cf 100%);
	color: #fff;
}
.form-btn .wp-block-button__link {
	background-color: #e02133;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e02133), color-stop(50%, #e02133), color-stop(50%, #b31933), to(#b31933));
	background-image: linear-gradient(to bottom, #e02133 0, #e02133 50%, #b31933 50%, #b31933 100%);
	color: #fff;
}
.wp-block-button__link:hover, #gform_submit_button_1:hover {
	color:white;
	cursor:pointer;
	text-decoration:none;
	background-color: #0072cf;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1c7bc8), color-stop(50%, #1c7bc8), color-stop(50%, #0061b0), to(#0061b0));
	background-image: linear-gradient(to bottom, #1c7bc8 0, #1c7bc8 50%, #0061b0 50%, #0061b0 100%);
}

.form-btn .wp-block-button__link:hover {
	background-color: #b31933;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca0826), color-stop(50%, #ca0826), color-stop(50%, #9b0027), to(#9b0027));
	background-image: linear-gradient(to bottom, #ca0826 0, #ca0826 50%, #9b0027 50%, #9b0027 100%);
	text-decoration: none;
}
.alignleft {
	float: left;
	margin: 0 30px 10px 0;
}
.alignright {
	float: right;
	margin: 0 0 10px 30px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.size-img-25 img, .size-img-33 img, .size-img-50 img {
	width:100%;
}
.size-img-25  {
	padding:2px;
	width: 25%;
	height:auto;
	min-width: 200px;
}
.size-img-33  {
	padding:2px;
	width: 33.33%;
	height:auto;
	min-width: 250px;
}
.size-img-50 {
	padding:2px;
	width: 50%;
	height:auto;
	min-width: 250px;
}
.size-img-100 {
	width:100%;
	height:auto;
}

@media (max-width:1050px) {

}

@media (max-width:950px) {
	.size-img-25 {
		width:33.33%;
	}
	.size-img-33 {
		width:50%;
	}
}

@media (max-width:700px) {
	.logo {
		display:block;
		margin:0 auto;
		float:none;
	}
	.top-nav {
		text-align:center;
	}
	.top-nav ul li {
		padding:20px;
	}
	.form-popup {
		left:20px;
		max-width:unset;
	}
	h1 {
		font-size:1.6em;
	}
	h2 {
		font-size: 1.6em;
	}
	.size-img-25 {
		width:50%;
	}
	.size-img-50 {
		width:100%;
		float:none;
	}
}

@media (max-width:600px) {
	.circle-media .wp-block-media-text__media img {
		margin:0 auto 20px;
	}
	.circle-media.wp-block-media-text>.wp-block-media-text__content {
		text-align:center;
	}
	.size-img-33 {
		width:100%;
		float:none;
	}
}

@media (max-width:500px) {
	.size-img-25 {
		width:100%;
		float:none;
	}
}