/*
Theme Name: Minnesota Health Insurance Agency
Description: A custom made theme by Vox Creative.
Version: 1.0
Author: Vox Creative
Author URI: http://voxcreativeinc.com
*/

body, html {background:url(img/pattern-tiles.png); font:400 12px/20px Helvetica, Arial, sans-serif; color:#222;}
body {min-width:300px;}
body.single-private {min-width:700px;}
.visible {display:block !important;}
hr {border:0; line-height:1px; font-size:1px; height:1px; clear:both;}
.page-id-374 hr {height:50px;}
img {max-width:100%; height:auto;}
a {color:#f58026; outline:none; text-decoration:none; transition:all 0.3s ease;}
a:hover {text-decoration:none; color:#b83800;}
.iframe-wrap {position:relative; margin-top:2em; height:0; overflow:hidden; max-width:100%; height:auto;}
.iframe-wrap iframe, .iframe-wrap object, .iframe-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%; border:0;}
.text-orange {color: #f58026 !important;}

/* button */
a.button, input.button, span.button, #loginform #wp-submit {
  display:inline-block;
  margin-right:.7em;
  padding:.9em 1.5em;
  background:#377abd;
  color:#fff;
  border:none;
  border-radius:3px;
  cursor:pointer;
  font-size:1em;
  text-decoration:none;
  text-transform:uppercase;
  transition:all 0.3s ease;
}
a.button i, input.button i {color:#fff; padding-right:.6em; opacity:.5;}
a.button:hover, input.button:hover, #loginform #wp-submit:hover {padding:.9em 2.2em; color:#fff;}
.home a.button, .home input.button, .home span.button {background:#f58026;}


/* clearfix */
.cf:before, .cf:after {content:" "; display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}


/* layout */
.primary, #hwrap, #cwrap, #fwrap, .blog {position:relative;}
#hwrap {z-index:9;}
#cwrap, #banner {z-index:6;}
#fwrap {z-index:3;}


/* small screen disable */
.secondary-nav, .providers h2, .providers ul, .quotes, .faq, .captions, .footer-nav {display:none;}


/* header */
header.primary h2 {margin:0; padding:1.5em 0 1.5em; position:relative; text-align:center;}
header.primary h2 a {display:inline-block; width:253px; height:80px;}


/* navigation */
.quick-nav {margin:0; padding:0; display:block;}
.quick-nav li {margin:0; padding:0; list-style:none;}
.quick-nav li a {display:block; color:#fff; font-family:'Gafata'; text-transform:uppercase; background:#484848; font-size:1.2em; padding:.7em 1em; text-align:center;}

nav.primary {clear:both; display:none;}
.nav {margin:0; padding:0; border-top:1px solid #818486; font-size:1.2em; line-height:1.4em; background:#4e4c4c; text-align:left; font-family:'Gafata';}
.nav li {list-style:none;}
.nav li a {display:block; padding:.7em 8%; border-bottom:1px solid #818486; color:#fff;}
.nav li ul {position:absolute; left:-9999em;}
@media only screen and (max-width:768px){
  .nav li ul ul {position:static; background:#7b7474;}
  .nav li ul ul i {display:none !important;}
}
.nav li.parent i {color:#ccc; padding-left:5px;}
.nav > li.hover > ul, .nav li li.hover ul {position:static;}
.nav li ul {margin:0; padding:0; background:#5f5e5e;}

/* home */
#banner {position:relative; overflow:hidden;}
.tagline {
  position:absolute; top:0; left:0; z-index:20;
  width:84%;
  background:rgba(0, 73, 142, 0.5); color:#fff;
  font:400 20px/23px 'Esteban'; text-align:center;
  padding:.5em 8.2%;
}
.flexslider {
  border:none;
  margin:0;
  -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;
  -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;
  z-index:10;
}
a.call {
  display:block;
  width:100%;
  background:#377abd; color:#fff;
  font:400 15px/50px 'Gafata'; text-transform:uppercase; text-align:center;
}
a.call i { border-radius:50px; background:#377abd; border:2px solid #fff; padding:4px 6px; margin-right:5px;}

.options a {display:block; background:#484848; font:400 13px/15px 'Esteban'; color:#fff;}
.options a .title {background:#f58026; color:#393939; display:block; font:400 20px/20px 'Gafata'; text-transform:uppercase; padding:.8em 38% .8em 8%;}
.options a .title img {float:left; margin-right:5px;}
.options a .text {padding:25px 8% 35px 8%; display:block;}

.providers {text-align:center; padding-bottom:4em;}
.providers a.button {margin-right:0; background:#f58026 !important;}


/* content */
.boxwrap {padding:2em 8%; color:rgba(0, 0, 0, .7); transition:all 0.3s ease;}
.single-private .boxwrap {padding:0;}
.box, .blog article {max-width:400px; margin:0 auto; position:relative;}
.single-private .box {max-width:none;}
.privatelogo {max-width:280px; margin:3em auto 0;}
.privatetext {text-align:center; padding:1em 8%;}

h1, h2, h3 {
  font-family:'Gafata', Helvetica, Arial, sans-serif;
  font-weight:400;
  margin:0;
  line-height:1.2em;
  color:#377abd;
}
h1, .blog h1 {font-size:2.3em; padding:1.8em 0 0; text-transform:uppercase;}
.title h1 {padding:1.5em 0 .2em;}
h1 .largetext {font-size:5em; line-height:1em; font-weight:400; display:block; color:rgba(0, 0, 0, .4);}
h2 {font-size:1.9em; padding:1.6em 0 0;}
h3 {font-size:1.2em; padding:1.4em 0 0;}

.box ul, .box ol {margin:0; padding:1.1em 0 1.1em 1.3em;}
.box ul li {list-style:square;}
.box ul ul li {list-style:circle;}
.box ul ul, .box ol ol {margin:0; padding:.3em 0 .5em 1.4em;}

.box p, .box table, .box address, .box form {padding:1.1em 0; margin:0;}
.box strong {font-weight:700;}
.box a:hover {text-decoration:none;}

.aligncenter, .error404 .title {text-align:center;}
.alignright, .alignleft, .aligncenter, .alignnone {padding:0 0 .3em; display:block;}

#loginform p {padding:0 0 1em;}
#loginform #wp-submit {margin-top:1em;}
#cwrap .gform_wrapper .top_label .gfield_label {font-weight:400;}
#cwrap .gform_wrapper .top_label input[type=text], #cwrap .gform_wrapper .top_label input[type=tel], #cwrap .gform_wrapper .top_label input[type=email],
#cwrap .gform_wrapper .top_label textarea,
#cwrap .gform_wrapper .top_label select,
#loginform input[type=text], #loginform input[type=password]
{
  padding:.6em .6em;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
  font-size:1em;
  border:1px solid rgba(0, 0, 0, .3);
  font-weight:700;
  width:100% !important;
}
#cwrap .gform_wrapper .top_label select {padding:.5em .6em .55em; margin-bottom:0;}
#cwrap .gform_wrapper .ginput_left {clear:both;}
#cwrap .gform_wrapper .gform_footer {margin:0;}
#cwrap #gforms_confirmation_message {
  text-align:center;
  margin:1.5em 0;
  padding:2em 13%;
  color:#000;
  background:#efedeb;
  border-top:2px solid #ddd;
  border-bottom:2px solid #ddd;
}
#cwrap .gsection {padding-top:3em;}
#cwrap .gfield_radio li {padding-right:15px !important;}
#cwrap .gfield_radio label {margin-left:17px;}

.gallery-item {margin-bottom:0;}
.gallery-item img {border:none !important;}
.gallery-item dt {padding:1em; padding-bottom:0;}
.gallery-item dt a {display:block; padding:.5em; background:rgba(0, 0, 0, .1); line-height:0;}
.gallery-item dt a:hover {background:rgba(0, 0, 0, .3);}
.gallery-item dd {font-size:.9em; padding-top:.3em}


/* blog */
.blogheader {padding-bottom:1.5em; text-align:center;}
.blog article {padding:0 4% 2em;}

.postdate {background:rgba(0, 0, 0, 0.1);}
.postdate time {
  background:rgba(0, 0, 0, 0.4);
  display:block;
  float:left;
  padding:.5em 0 1.2em;
  width:25%;
  color:rgba(255, 255, 255, 0.7);
  text-transform:uppercase;
  font-size:.8em;
  letter-spacing:1px;
  text-align:center;
}
.postdate time strong {display:block; font-size:1.8em; line-height:.7em; color:#fff;}
.social {white-space:nowrap; padding:.8em .6em 0 0; text-align:right;}
.social a {
  float:none !important;
  display:inline-block;
  background:rgba(0, 0, 0, 0.2);
  border-radius:45px;
  color:#fff;
  font-size:1.1em;
  width:32px;
  padding:.4em 0 !important;
  margin:0 .1em;
  text-align:center;
}
a.addthis_button_facebook:hover {background:#305891;}
a.addthis_button_twitter:hover {background:#2ca8d2;}
a.addthis_button_email:hover {background:#e04a3f;}
a.addthis_button_compact:hover {background:#f8694d;}

.postmedia {font-size:0; line-height:0; overflow:hidden;}
.postmedia img {transition:all 0.3s ease;}
.postmedia a:hover {background:#377abd; display:block;}
.postmedia a:hover img {opacity:0.6;}

.postinfo {padding:2em 8% 2.5em; background:#fff; border:1px solid rgba(0, 0, 0, 0.1); border-top:0;}
.postinfo h2 {padding-top:.3em;}
.postinfo h2 a {color:#000;}
.postinfo h2 a:hover {color:#377abd;}
.postexcerpt {color:rgba(0, 0, 0, .7);}
.backbutton {margin-bottom:3em;}
.backbutton i {padding-right:.3em;}

.pagination {clear:both; padding:2em 0; position:relative; font-size:.8em; text-align:center;}
.pagination span, .pagination a {
  display:inline-block;
  margin:2px 2px 2px 0;
  padding:6px 9px 5px 9px;
  color:#fff;
  background:rgba(0, 0, 0, 0.6);
}
.pagination a:hover {color:#fff; background:rgba(0, 0, 0, 0.8);}
.pagination .current {background:#6fa00e;}

aside.primary {padding:3em 8% 2.5em; margin:0 4%;  background:#fff; border:1px solid rgba(0, 0, 0, 0.1);}
aside.primary h2 {margin:0; text-transform:uppercase;}
aside.primary h3 {margin:0; padding:1em 0 0; font-family:'Open Sans'; font-weight:700;}
.blogfilters {margin:0; padding:0; list-style:none;}
.blogfilters li {margin:0; padding:0; list-style:none;}
.blogfilters li.cat-item {padding:.5em 0; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.blogfilters li.cat-item a {color:#777;}
.blogfilters li.cat-item a:hover {color:#6fa00e;}
.blogfilters li.cat-item span {float:right; color:#777;}
.blogfilters ul {margin:0; padding:1em 0 3em;}
.blogfilters ul ul {margin:0; padding:1em 0 1em;}

/* footer */
#fwrap {background:url(img/pattern-grey.png); border-top:5px solid #fff; box-shadow:0 0 0 3px #757575; color:#fff;}
footer.primary {text-align:center; padding-top:25px;}
a.newsletter {background:#393939 !important; margin-bottom:25px; margin-right:0;}
.footer-social {margin:25px 0; padding:0;}
.footer-social li {margin:0; padding:0 10px; list-style:none; display:inline-block; text-transform:uppercase; font-weight:700;}
.footer-social a {color:#fff;}
#credits {font-size:.9em; margin:0; padding:2em 8%; background:#484848; text-align:center;}
#credits span.left {display:block; padding:0 10%;}


/* ----------------------------------------------------------- LARGE DISPLAY ----------------------------------------------------------- */
@media only screen and (min-width:768px){
/* layout */
html {min-height:100%;}
header.primary, footer.primary, .box, .blog, .tagline, .options {margin:0 auto; width:960px;}
#fwrap {clear:both;}

/* large screen enable */
.secondary-nav, .providers h2, .providers ul, .quotes, .faq, .captions, .footer-nav {display:block;}

/* header */
#hwrap {position:relative; background:#fff; padding-bottom:10px;}
.bluebar {background:#377abd; position:absolute; bottom:0; left:0; width:100%; height:85%; z-index:20;}
.home #hwrap {position:absolute; top:0; left:50%; margin-left:-480px; z-index:9999; background:rgba(255, 255, 255, 0.8);}
.home .bluebar {display:none;}
header.primary {z-index:22; background:#fff;}
.home header.primary {background:none;}
header.primary h2 {padding:25px; float:left;}
header.primary h2 a {width:320px; height:100px;}

/* navigation */
.secondary-nav {float:right; margin:0; padding:25px 25px 0 0; white-space:nowrap;}
.secondary-nav li {margin:0; padding:0 10px; list-style:none; float:left;}
.secondary-nav a {color:#484848;}
.secondary-nav li.sociallink {margin:0; padding:0 3px;}
.secondary-nav li.sociallink a {color:#fff; background:#7ebac9; border-radius:20px; width:24px; height:24px; display:block; text-align:center; line-height:24px;}

.quick-nav {display:none;}
nav.primary {display:block; position:absolute; bottom:30px; right:25px; padding:0;}
.nav {*zoom:1; border-top:0; white-space:nowrap;}
.nav li {float:left; display:inline; position:relative; margin:0 10px;}
.nav li:last-of-type {margin-right:0;}
.nav li a {display:block; padding:0 0 15px; border-bottom:6px solid #f58026; color:#393939; text-transform:uppercase; font-family:'Gafata'; font-size:16px;}
.nav li a i {display:none !important;}
.nav > li:hover > a {color:#377abd; border-bottom:6px solid #377abd;}
.nav > li.last > a {padding-right:0;}
.nav li ul {
  width:210px;
  margin:0;
  padding:0;
  background:#377abd;
  -webkit-box-shadow:0px 2px 4px 0px rgba(0, 0, 0, .2); box-shadow:0px 2px 4px 0px rgba(0, 0, 0, .2);
}
.nav ul li {margin:0;}
.nav ul a {line-height:1.4em; font-size:.9em; width:170px; padding:8px 20px; color:#fff; border:0;}
.nav ul a:hover {background:#205d9a;}
.nav > li.hover > ul, .nav li li.hover ul {position:absolute; left:0;}
.nav li li.hover ul {left:100%; top:0;}

/* home */
#banner {width:1024px; margin:0 auto;}
.flexslider {border-bottom:10px solid #f58026;}
.tagline {
  position:absolute; top:165px; left:50%; z-index:20;
  margin-left:-480px;
  background:rgba(0, 73, 142, 0.5); color:#fff;
  font:400 30px/33px 'Esteban'; text-align:center;
  padding:.5em 0;
}
a.call {
  position:absolute; top:76%; right:0; z-index:30;
  margin-top:-40px;
  width:auto;
  display:inline-block;
  padding:0 1em;
  text-align:left;
  -webkit-border-top-left-radius:100px; -moz-border-radius-topleft:100px; border-top-left-radius:100px;
  -webkit-border-bottom-left-radius:100px; -moz-border-radius-bottomleft:100px; border-bottom-left-radius:100px;
}
a.call:hover {padding-right:2.5em;}

.options {position:absolute; bottom:10px; left:50%; z-index:50; margin-left:-480px;}
.pageoptions {clear:both; padding:10px 0 0;}
.pageoptions .options {position:relative; bottom:auto; left:0; margin:0;}
.options a {float:left; width:300px;}
.options a:first-of-type {margin-right:31px;}
.options a:last-of-type {float:right;}
.options a:hover .title {color:#fff; transition:all 0.3s ease;}

.home-content {text-align:center;}
.home-content h1:first-of-type {padding-top:0;}

.providers {position:relative; background:#fff; padding:0; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; z-index:30;}
.providers h2 {
  background:#377abd;
  color:#fff;
  padding:1em 2em;
  display:inline-block;
  font-size:18px;
  position:relative;
  top:-30px;
}
.providers ul {margin:0; padding:30px 0 10px;}
.providers ul li {display:inline-block; list-style:none;}
.providers a.button {margin:0; position:relative; top:20px; width:300px; font-size:1.3em;}

.quotes {padding:95px 0;}
.quotes a {float:left; width:300px; color:#393939;}
.quotes a img {border:1px solid #f58026;}
.quotes a:first-of-type {margin-right:30px;}
.quotes a:last-of-type {float:right;}
.quotes .title {font:400 26px/26px 'Gafata'; display:block; text-transform:uppercase; padding-bottom:10px;}
.quotes .text {display:block; margin-bottom:12px;}
.quotes .button {display:block; text-align:center;}
.quotes a:hover .button {transition:all 0.3s ease; background:#c45500;}

.faq .box {
  background:#fff;
  padding:40px 6% 0;
  position:relative;
  -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, .2); box-shadow:0px 0px 5px 0px rgba(0, 0, 0, .2);
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.faq .fa-question-circle {
  color:#377abd;
  float:left;
  margin:4px 20px 40px 0;
  font-size:50px; line-height:43px;
  width:43px;
  border-radius:50px; border:2px solid #fff;
  -webkit-box-shadow:0px 0px 0px 4px #377abd; box-shadow:0px 0px 0px 4px #377abd;
}
.faq .title {font-size:1.2em; text-transform:uppercase; display:block; margin-bottom:7px;}
.faq .button {margin:0 auto; position:relative; top:26px; width:300px; font-size:1.3em; display:block; text-align:center; z-index:999;}

.captions {padding:100px 0 70px;}
.caption {
  float:left;
  width:64%; padding:0 8% 20px;
  position:relative;
  text-align:center;
  background:url(img/bracket-left.png) top left no-repeat, url(img/bracket-right.png) top right no-repeat;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.caption h2 {padding:0 0 10px; text-transform:uppercase;}
.caption p {padding:0 0 10px;}
.quote {
  float:right;
  width:30%; padding:30px 0 15px;
  position:relative;
  font-style:italic;
  background:url(img/quote-left.png) top left no-repeat, url(img/quote-right.png) bottom right no-repeat;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.quote p {padding:0; font-size:1.2em;}
.quote cite {display:block; padding-top:10px; font-size:.8em;}


/* content */
.boxwrap {padding:4em 0; font-size:16px; line-height:30px;}
.box {max-width:none;}
.hasside .contentbox {float:left; width:58%; position:relative;}
.hasside .sidebar {float:right; width:35%; position:relative;}
.hasside .sidebar h2:first-of-type {padding-top:0;}
.privatelogo {max-width:280px; margin:3em 0 0 25px; float:left;}
.privatetext {text-align:left; padding:0 25px 0 0; float:right; width:600px;}
.privatetext h1 {font-size:41px; line-height:39px; margin-top:45px;}
.privatetext p {font-size:14px; line-height:20px; padding:10px 0 40px;}

h1 {font-size:2.6em; padding:0;}
h2 {font-size:1.9em;}
h3 {font-size:1.2em;}

.boxwidth {margin:0 auto; position:relative;}

.floatleft {float:left;}
.floatright {float:right;}
.alignright, .alignleft {display:inline;}
.aligncenter {margin:0 auto;}
.alignright {float:right; padding:0 0 1.5em 2em;}
.alignleft {float:left; padding:0 5% 1.5em 0;}

#cwrap .gform_wrapper .top_label .gfield_label {font-size:.9em; line-height:1em; margin-top:15px;}
#loginform {width:30%;}

/* blog */
.blog {font-size:16px; line-height:30px;}
.blogcontent {float:left; width:68%;}
.blogheader {text-align:left;}
.blogheader h1 {font-size:2.6em; padding-bottom:1em;}
.blog article {padding:0 0 2em; max-width:none;}

.postdate time {background:rgba(0, 0, 0, 0.3); padding:.4em 0 1.2em; width:15%;}
.postdate time strong {font-size:1.5em; line-height:.4em;}
.social {padding:.8em .6em 0 0;}
.social a {background:rgba(0, 0, 0, 0.2); font-size:14px; padding:2px 0 !important;}

.postmedia img {min-width:100%;}
.postinfo {padding:2.5em 6%;}

.pagination {padding:0 0 2em; text-align:left;}
.pagination span, .pagination a {padding:6px 1em 5px 1em;}

aside.primary {padding:3em 4% 2.5em; margin:0; float:right; width:21%; font-size:13px; line-height:24px;}
aside.primary h2 {font-size:1.2em;}
aside.primary h3 {font-size:1.1em; color:#444;}

/* footer */
footer.primary {text-align:left; padding:40px 0;}
.footer-nav {margin:20px auto; padding:11px 0 0; float:none; text-align: center;}
.footer-nav li {list-style:none; display:inline-block; padding-right:25px; font-size:14px;}
.footer-nav a {color:#fff;}
.footer-nav a:hover {text-decoration:underline;}
a.newsletter {float:right;}
.footer-logo {clear:both;  display:block; text-align:center;}
.footer-social {text-align:center; margin-bottom:0;}
}



/* ----------------------------------------------------------- MEDIUM DISPLAY ----------------------------------------------------------- */
@media (min-width:768px) and (max-width:1024px){
header.primary, footer.primary, .box, .blog, .tagline, .options {margin:0 auto; width:700px;}
.boxwrap, .blog {font-size:11px; line-height:17px;}

header.primary h2 a {width:140px; height:56px;}
.secondary-nav {padding:15px 25px 0 0;}
.nav li {margin:0 10px;}
.nav li a {padding:0 0 5px; font-size:14px;}
.nav li ul {width:190px;}
.nav ul a {padding:8px 10px;}
.tagline {top:110px;}

.home #hwrap, .tagline, .options {margin-left:-350px;}
a.call {top:68%;}
#banner {width:768px;}
.options a, .quotes a {width:213px;}
.options a .title {padding:.8em 8% .8em 8%;}
.blog {width:98%;}
.privatelogo {margin:3em auto; float:none;}
.privatetext {text-align:center; padding:0; float:none; width:auto;}
.privatetext h1 {margin-top:0; width:70%; margin:0 auto;}

footer.primary {text-align:center;}
.footer-nav {margin:0; padding:11px 0 20px; float:none; text-align:center;}
a.newsletter {float:none; display:inline-block;}
}

/*------Boston------*/
#gform_4 label {display:none !important;}
#gform_wrapper_4 {max-width: 100% !important;}
.full-width {width: 100%;}
.half-width {width: 48%; margin-right: 2%; float: left;}
.half-width-2 {width: 48%; margin-right: 2%; float: left; padding: 1.4em 0 0 0;}
header.primary h2.boston-header {float: none !important; margin: 0 auto !important;}
.boston-left {float: left;}
.boston-right {float: right;}

@media screen and (max-width: 1024px) {
#gform_wrapper_4 {max-width: 98% !important;}
.boston-left {float: none !important; padding-right: 20px;}
.boston-right {float: none !important;}
}

@media screen and (max-width: 768px) {
.half-width {width: 100%; margin-right: 0%; float: none !important;}
.half-width-2 {width: 100%; margin-right: 0%; float: none !important;}
}