/*

Theme Name: Baggetta & Co. 2016
Version: 1.0
Author: Finely Sliced

*/

* { margin: 0; padding: 0; }

html { background: #FFF; }
body { position: relative; background: #FFF; padding: 110px 0 0 0; font-family: 'Karla', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size: 62.5%; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }


/*---------------------------------------

	HEADER

-----------------------------------------*/

header { position: fixed; top: 0; left: 0; right: 0; background: #c2ddf0; z-index: 100; }

.header_wrap { position: relative; margin: 0 auto; max-width: 1200px; height: 110px; }

#logo { position: absolute; display: block; width: 270px; height: 46px; top: 33px; left: 30px; }

#nav { position: absolute; left: 330px; top: 46px; right: 150px; font-family: "SackersGothicStd-Heavy"; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 11px; margin: 0; text-align: right; }

#nav li { display: inline-block; line-height: 20px; margin-left: 18px; }
#nav a { -webkit-transition: border-bottom 0.2s ease-in-out; -moz-transition: border-bottom 0.2s ease-in-out; -o-transition: border-bottom 0.2s ease-in-out; transition: border-bottom 0.2s ease-in-out; }
#nav a:link, #nav a:visited { color: #314697; text-decoration: none; border-bottom: 2px solid #c2ddf0; }
#nav a:hover, #nav a:active { color: #314697; text-decoration: none; border-bottom: 2px solid #314697; }

#nav .current_page_item a:link, #nav .current_page_item a:visited { color: #314697; text-decoration: none; border-bottom: 2px solid #314697; }
#nav .current-page-ancestor a:link, #nav .current-page-ancestor a:visited { color: #314697; text-decoration: none; border-bottom: 2px solid #314697; }

#telephone { position: absolute; top: 48px; right: 30px; width: 105px; font-size: 14px; font-weight: 400; text-align: right; line-height: 20px; }

#telephone:link, #telephone:visited { color: #314697; text-decoration: none; }
#telephone:hover, #telephone:active { color: #314697; text-decoration: none; }

#toggleMenu { position: absolute; top: 20px; right: 24px; display: none; width: 30px; height: 30px; z-index: 50; }

#toggleMenu span { position: absolute; top: 14px; left: 0; display: block; width: 30px; height: 2px; background: #314697; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#toggleMenu:before { content: ""; position: absolute; top: 7px; left: 0; display: block; width: 30px; height: 2px; background: #314697; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#toggleMenu:after { content: ""; position: absolute; bottom: 7px; left: 0; display: block; width: 30px; height: 2px; background: #314697; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.navigate #toggleMenu span { background-color: rgba(255, 255, 255, 0); }
.navigate #toggleMenu:before { top: 14px; background-color: #314697; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.navigate #toggleMenu:after { bottom: 14px; #314697; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }


/*---------------------------------------

	HOME

-----------------------------------------*/

.home_overview { position: relative; width: 100%; overflow: hidden; }
.home_overview a { position: relative; display: block; width: 33.3333%; text-align: center; z-index: 2; }
.home_overview a img { display: block; max-width: 100%; width: 100%; height: auto; margin-bottom: 30px; }

.home_overview h2 { font-family: "SackersGothicStd-Heavy"; font-weight: normal; font-style: normal; text-transform: lowercase; font-size: 17px; line-height: 120%; margin: 0 25px 15px; }

.home_overview p { font-size: 15px; line-height: 140%; margin: 0 25px; }

.home_intro { position: absolute; top: 50%; left: 33.3333%; right: 33.3333%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.home_intro img { display: block; margin: 0 auto; max-width: 75%; height: auto; }
.home_intro h1 { color: #314697; font-size: 15px; line-height: 140%; margin: 0 30px; padding: 30px 0 0 0; }

.business_overview { float: left; background: #898bbe; }
.private_overview { float: right; background: #c2ddf0; }
.planning_overview { margin: 0 auto; background: #c2ddf0; }

.super_overview { float: left; background: #c2ddf0; }
.retirement_overview { float: right; background: #898bbe; }

.private_overview h2, .private_overview p, .planning_overview h2, .planning_overview p, .super_overview h2, .super_overview p { color: #314697; }
.business_overview h2, .business_overview p, .retirement_overview h2, .retirement_overview p { color: #FFF; }

.block_image { float: left; display: block; width: 33.3333%; }
.block_image img { display: block; margin: 0 auto; max-width: 100%; height: auto; }


.home_overview a:link, .home_overview a:visited { text-decoration: none; }
.home_overview a:hover, .home_overview a:active { text-decoration: none; }

/* Control Layout with min-height - ouch! */

.home_overview a { min-height: 370px; }
.home_overview a:hover img { opacity: 0.9; }

.home_overview_two:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 34%; background-image: url('img/general-2.jpg'); background-size: cover; background-position: center center; z-index: 1; }
.home_overview_two:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 34%; background-image: url('img/general-1.jpg'); background-size: cover; background-position: center center; z-index: 1; }

.home_overview_three:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 33.3333%; width: 34%; background-image: url('img/general-3.jpg'); background-size: cover; background-position: center center; z-index: 1; }

.home_extra { padding: 30px; margin: 0 auto; max-width: 1200px; box-sizing: border-box; -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; column-gap: 30px; }


/*---------------------------------------

	TYPOGRAPHY

-----------------------------------------*/

h1 { color: #314697; font-weight: 400; font-size: 27px; line-height: 115%; margin-bottom: 6px; }
h2 { color: #314697; font-weight: 400; font-size: 21px; line-height: 120%; margin-bottom: 10px; }
h3 { color: #314697; font-weight: 400; font-size: 19px; line-height: 120%; margin-bottom: 10px; }

h4 { color: #314697; font-family: "SackersGothicStd-Heavy"; font-weight: normal; font-style: normal; text-transform: lowercase; font-size: 17px; line-height: 120%; margin-bottom: 24px; }

p { color: #414141; font-weight: 400; font-size: 16px; line-height: 140%; margin-bottom: 20px; }

ul { color: #414141; font-weight: 400; font-size: 16px; line-height: 140%; margin: 0 0 20px 22px; }
ol { color: #414141; font-weight: 400; font-size: 16px; line-height: 140%; margin: 0 0 20px 22px; }

hr { height: 1px; border: none; background: #314695; margin-bottom: 30px; }

a:link, a:visited { color: #898cb9; text-decoration: none; }
a:hover, a:active { color: #324697; text-decoration: underline; }

.button { display: inline-block; padding: 5px 10px 7px 10px; color: #FFF; font-size: 15px; font-family: "SackersGothicStd-Heavy"; font-weight: normal; font-style: normal; text-transform: lowercase; }

.button:link, .button:visited { color: #FFF; background: #324697; }
.button:hover, .button:active { color: #FFF; background: #898cb9; text-decoration: none; }

.about_button { display: block; margin: 0 auto; max-width: 300px; }
.about_button img { display: block; max-width: 100%; width: 100%; height: auto; }

blockquote p { margin-bottom: 4px; }

cite { font-size: 14px; color: #324697;}
cite:before { content: "\2014"; margin-right: 4px; }

/*---------------------------------------

	PAGES

-----------------------------------------*/

.content { padding: 0 30px; margin: 0 auto; max-width: 1200px; box-sizing: border-box; overflow: hidden; }

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

.content_header { padding: 45px 25px; }
.content_header h1, .content_header h2 { max-width: 58.3333%; }

.content_header { background: #c2ddf0; }

.article .content_header { background: #898bbe; }
.article .content_header h1 { color: #FFF; }
.article .content_header h4 { margin: 0 0 8px 0; }
.article .content_header a:link, .article .content_header a:visited { color: #FFF; text-decoration: none; }
.article .content_header a:hover, .article .content_header a:active { color: #FFF; text-decoration: underline; }

.primary { float: left; width: 66.6666%; padding: 40px 0 70px 0; box-sizing: border-box; overflow: hidden; }
.secondary { float: right; width: 30%; padding: 40px 0 70px 0; box-sizing: border-box; }

/* Section & Category Navigation */

.section_nav { list-style: none; font-size: 17px; margin: 0 0 30px 0; }
.category_nav { list-style: none; font-size: 17px; margin: 0 0 30px 0; }

/* Latest Articles */

.latest_articles { list-style: none; margin: 0 0 30px 0; }
.latest_articles li { margin: 0 0 16px 0; }
.latest_articles a { display: block; }
.latest_articles h5 { color: #314697; font-weight: 400; font-size: 16px; line-height: 140%; margin-bottom: 0; }
.latest_articles p { font-size: 13px; font-style: italic; color: #959595; margin: 0; }

/* Home Ankle */

.home_ankle .latest_articles li { display: inline-block; vertical-align: top; width: 50%; }
.home_ankle .latest_articles a { padding-right: 20px; }

/* Forms */

form { margin-bottom: 30px; }

.field, ._form_element { margin-bottom: 14px; }
.field label, ._form_element label { display: block; margin-bottom: 4px; font-size: 14px; font-weight: 400; color: #414141; }

input[type="text"], input[type="email"] { width: 100%; padding: 8px; font-size: 14px; color: #414141; box-sizing: border-box; border: none; background: #C2DCF0; border: 1px solid #a2c4de; -webkit-appearance: none; font-family: 'Karla', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

textarea { width: 100%; padding: 8px; font-size: 14px; color: #414141; box-sizing: border-box; border: none; background: #C2DCF0; border: 1px solid #a2c4de; -webkit-appearance: none; font-family: 'Karla', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; height: 100px; }

.action_field, ._button-wrapper { text-align: right; }

button { display: inline-block; border: none; padding: 5px 10px 7px 10px; color: #FFF; background: #324696; font-size: 15px; font-family: "SackersGothicStd-Heavy"; font-weight: normal; font-style: normal; text-transform: lowercase; }
button:hover { background: #898cb9; }


/*---------------------------------------

	ARTICLE COLLECTIONS

-----------------------------------------*/

.articles { list-style: none; margin: 0 0 30px 0; }
.articles li { display: inline-block; vertical-align: top; width: 50%; padding: 35px 25px; box-sizing: border-box; }
.articles li:first-child, .articles li:nth-child(5n), .articles li:nth-child(5n-1) { background: #c2ddf0; }

.category_link { font-family: "SackersGothicStd-Heavy"; font-weight: normal; font-style: normal; text-transform: lowercase; font-size: 13px; line-height: 120%; margin-bottom: 8px; }

.category_link a:link, .category_link a:visited { color: #324697; text-decoration: none; }
.category_link a:hover, .category_link a:active { color: #324697; text-decoration: none; }

.articles h2 { }
.articles h2 a:link, .articles h2 a:visited { color: #324697; text-decoration: none; }
.articles h2 a:hover, .articles h2 a:active { color: #324697; text-decoration: underline; }

.articles .meta { color: #777a7f; font-size: 14px; margin-bottom: 12px; }
.articles .meta em { display: block; }

.articles_nav { width: 100%; overflow: hidden; }
.next_prev { display: block; }
.older { float: left; width: 40%; }
.newer { float: right; width: 40%; text-align: right; }
.next_prev a { display: inline-block; font-family: "SackersGothicStd-Heavy"; font-weight: normal; font-style: normal; text-transform: lowercase; font-size: 13px; line-height: 120%; padding: 6px 20px 8px 20px; }

.next_prev a:link, .next_prev a:visited { color: #FFF; background: #c2ddf0; text-decoration: none; }
.next_prev a:hover, .next_prev a:active { color: #FFF; background: #324697; text-decoration: none; }



/*---------------------------------------

	ANKLE CTA

-----------------------------------------*/

.cta { background: #334695; padding: 40px 20px 45px 20px; text-align: center; }
.cta h4 { color: #FFF; font-size: 23px; max-width: 500px; margin: 0 auto 24px auto; }
.cta p { color: #FFF; font-size: 17px; max-width: 500px; margin: 0 auto; }


/*---------------------------------------

	FOOTER

-----------------------------------------*/

footer { padding: 40px 60px 45px 60px; border-top: 1px solid #334695; border-bottom: 1px solid #334695;  margin: 0 auto; max-width: 1200px; box-sizing: border-box; overflow: hidden; }

.footer_info { float: left; width: 42%; overflow: hidden; }
.footer_nav { float: right; width: 58%; overflow: hidden; }

.footer_column { float: left; padding: 0 10px; box-sizing: border-box; }

.footer_info .footer_column { width: 50%; }
.footer_nav .footer_column { width: 33.3333%; }

footer ul { list-style: none; font-size: 13px; margin: 0; }
footer p { font-size: 13px; margin: 0; }


/*---------------------------------------

	MISC

-----------------------------------------*/

.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.contact_column { float: left; width: 50%; padding-right: 40px; box-sizing: border-box; }

.disclaimer { padding: 40px 0 45px 0; margin: 0 auto; max-width: 1140px; text-align: center; }
.disclaimer p { font-size: 13px; max-width: 600px; margin: 0 auto; padding: 0 20px; }

#gmap { height: 300px; }

a { outline: none; }
img { border: none; }


/*---------------------------------------

	BREAKPOINTS

-----------------------------------------*/

@media screen and ( max-width: 1080px ) {

#telephone { display: none; }
#nav { right: 30px; }

}

@media screen and ( max-width: 950px ) {

body { padding: 70px 0 0 0; }

.header_wrap { height: 70px; }

#toggleMenu { display: block; }

#logo { width: 211px; height: 36px; top: 18px; left: 18px; }
#logo img { width: 211px !important; height: 36px !important; }

#nav { position: absolute; left: 0; top: 70px; right: 0; text-align: center; background: #c2ddf0; display: none; }
#nav li { display: block; line-height: normal; margin: 0; }
#nav li a { display: block; padding: 0 16px 16px; }

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active { border: none !important; }

.navigate #nav { display: block; }

/* Home */

.home_intro { position: relative; top: auto; left: auto; right: auto; text-align: center; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding: 40px 0 30px 0; }
.home_intro h1 { margin: 0px; }

.business_overview, .private_overview, .planning_overview, .super_overview, .retirement_overview { float: none; }
.home_overview_two:before, .home_overview_two:after, .home_overview_three:before { display: none; }

.home_overview a { width: auto; min-height: 0; padding-bottom: 30px; margin-bottom: 12px; }

.home_extra { padding: 30px 18px; -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; }


.content { padding: 0 18px; }

.content_header { padding: 16px; }
.content_header h1, .content_header h2 { max-width: none; }

.primary { float: none; width: 100%; padding: 30px 0 0 0; }
.secondary { float: none; width: auto; margin: 0 auto; max-width: 500px; padding: 30px 0; }

.home_ankle .primary { width: auto; margin: 0 auto; max-width: 500px; }
.home_ankle .latest_articles li { display: block; width: 100%; }
.home_ankle .latest_articles a { padding-right: 0; }

.contact_column { float: none; width: auto; padding-right: 0; }

footer { padding: 40px 60px 45px 60px; margin: 0 auto; max-width: 1200px; box-sizing: border-box; overflow: hidden; }

.footer_info, .footer_nav { float: none; width: 100%; overflow: hidden; }
.footer_column { float: left; padding: 0 10px; box-sizing: border-box; text-align: center; margin-bottom: 30px; }

}

@media screen and ( max-width: 550px ) {

.articles li { width: auto; }
.articles li { background: #c2ddf0; margin-bottom: 12px; }

footer { padding: 40px 18px; }

.footer_info, .footer_nav { float: none; width: 100%; overflow: hidden; }
.footer_column { float: none; padding: 0; }

.footer_info .footer_column { width: 100%; }
.footer_nav .footer_column { width: 100%; }

}


/* Social Media */

.icon {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin: 4px;
  width: 96px;
  height: 96px;
  font-size: 0;
  text-indent: -9999px;
}

.icon-nudge {
  position: relative;
  background: url("/wp-content/themes/baggetta/icons2.png");
  background-image: url("/wp-content/themes/baggetta/icons2.svg"), none;
  -webkit-transition: background 0.2s;
          transition: background 0.2s;
}

.icon-nudge::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  content: "";
  -webkit-transition: height 0.2s;
          transition: height 0.2s;
}

.icon-nudge:hover::after {
  height: 8px;
}

/* facebook */
.icon-nudge.facebook {
  background-color: #3b5998;
  background-position: 0 0;
}

.icon-nudge.facebook:hover {
  background-position: 0 -8px;
}

.icon-nudge.facebook::after {
  background-color: #1e2e4f;
}

/* twitter */
.icon-nudge.twitter {
  background-color: #4099ff;
  background-position: -96px 0;
}

.icon-nudge.twitter:hover {
  background-position: -96px -8px;
}

.icon-nudge.twitter::after {
  background-color: #0065d9;
}

/* google plus */
.icon-nudge.googleplus {
  background-color: #d34836;
  background-position: -192px 0;
}

.icon-nudge.googleplus:hover {
  background-position: -192px -8px;
}

.icon-nudge.googleplus::after {
  background-color: #86291d;
}

/* github */
.icon-nudge.github {
  background-color: #333333;
  background-position: -288px 0;
}

.icon-nudge.github:hover {
  background-position: -288px -8px;
}

.icon-nudge.github::after {
  background-color: #4d4d4d;
}

/* rss */
.icon-nudge.rss {
  background-color: #ee802f;
  background-position: -384px 0;
}

.icon-nudge.rss:hover {
  background-position: -384px -8px;
}

.icon-nudge.rss::after {
  background-color: #a9500e;
}

.socialButton{
    align="left";
}


.buttonfalse { display: inline-block; border: none; padding: 5px 10px 7px 10px; color: #FFF; background: #324696; font-size: 15px; font-family: "SackersGothicStd-Heavy"; font-weight: normal; font-style: normal; text-transform: lowercase; }


.buttonfalse:link, .buttonfalse:visited { color: #FFF; text-decoration: none; }
.buttonfalse:hover {  background:#898cb9; color: #FFF; text-decoration: none; }