/*
Theme Name: On Eagle's Wings
Theme URI: http://www.oneagleswings.me.uk/
Author: Cloud 10
Author URI: https://www.cloudtencreative.co.uk
Developers: Suzanne Lowery
Version: 1.0
*/

/* CSS RESET
---------------------------------------------------------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #222; -webkit-font-smoothing: antialiased; line-height: 1.4; }
body { margin: 0; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="submit"] { -webkit-transition: 0.2s; transition: 0.2s; }
input, textarea { -webkit-appearance: none; border-radius: 0; outline: none; }
select option[disabled] { display: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: 0; -webkit-transition: 0.3s; transistion: 0.3s; }
a:focus { outline: none; }


/* GLOBAL
---------------------------------------------------------------------------------- */

body { font-family: 'Rubik', sans-serif; background: #F7E8C6; letter-spacing: 0.02em;}
body#tinymce {  padding: 3% !important; width: 94%; background: #fff !important;}
body#tinymce p { margin-bottom: 25px;}
body#tinymce ul { margin-left: 20px;} 
.clear { clear: both;}
.left, .alignleft { float: left;}
.right, .alignright { float: right;}
.alignleft { margin: 0 30px 30px 0;}
.alignright { margin: 0 0 30px 30px;}
.aligncenter { display: block; margin: 0 auto;}
p, li { margin: 0; padding: 0; font-size: 15px; line-height: 1.7em; color: #49372E; letter-spacing: 0.05em; }
ul, ol { margin: 0; padding: 0;}
li { list-style: none;}
a, textarea, li { color: #49372E; outline: none; letter-spacing: 0.05em; }
input { color: #554D4F; border: 1px solid transparent; outline: none; font-size: 15px;line-height: 18px;}
input.ErrorField, textarea.ErrorField, select.ErrorField { border: 1px solid #B22026 !important;}
label { font-size: 15px;line-height: 18px;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: 400; color: #49372E; line-height: 1.4em;}
h1 { font-size: 37px; font-weight: 900; margin-bottom: 20px;} 
h2 { font-size: 42px; }
h3 { font-size: 17px; font-weight: 700;}
h4 { font-size: 19px; font-weight: 700; margin: 10px 0 25px; display: inline-block; width: 100%;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}
strong { font-weight: 700;}
strong.caps { text-transform: capitalize;}
em { font-style: italic; font-weight: 400;}
blockquote { width: 100%; box-sizing: border-box; padding: 0 20px; border-left: 3px solid #5C9442; color: #49372E; letter-spacing: 0.05em; font-size: 15px; margin-bottom: 20px;}
::-moz-selection { background-color: #A3D4F9; color: #fff; }
::selection { background-color: #A3D4F9; color: #fff; }


/* General Styles */
.band { float: left; width: 100%; padding: 50px 0; position: relative;}
.band.band_center { text-align: center;}
.band.start { padding: 0 0 20px;}
.band h1 { text-align: center; margin-bottom: 35px;}
.band h2 { font-size: 30px; font-weight: 900; margin-bottom: 50px;}
.band h3 { font-size: 24px; margin-bottom: 25px; font-weight: 700; color: #5C9442;}
.band h4 { color: #5C9442;}
.band h5 { font-weight: 700; margin-bottom: 16px;}
.band h6 { font-weight: 700; margin-bottom: 20px; font-size: 15px;}
.band p { margin-bottom: 25px; overflow-wrap: break-word; word-wrap: break-word;}
.band .main a { border-bottom: 1px dotted;}
.band .main a.button { border: none;}
.band p:last-child { margin-bottom: 0;}
.band .main { width: 85%; margin: auto}
.main ul, .main ol { margin-bottom: 25px;}
.main ul li, .main ol li { list-style: disc; margin: 0 0 10px 20px;}
.main ol li { list-style: decimal;}
.main p a { color: #5C9442; border-bottom: 1px solid transparent;}
.main a.button { margin-bottom: 30px;}
.main p a:hover { border-color: #5C9442;}
.band.band_center .main { width: 80%;}
.wrapper { width: 95%; max-width: 1300px; margin: 0 auto;}
.overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(51,51,51,0.5);}
img.bg { position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 0; opacity: 1; transition: 0.3s; -webkit-transition: 0.3s;}
img.bg.loaded { opacity: 1;}

.cloudten_cookies p { color: #fff; font-size: 12px; line-height: 16px; margin: 10px 0; font-family: 'Open Sans', sans-serif;}
.cloudten_cookies img { width: 12px;}
.cloudten_cookies a { background-color: #5C9442; padding: 6px 13px; display: inline-block; color: #fff;}
.cloudten_cookies a:hover { background-color: #54893C; }


/* Wordpress Styles */
.wp-caption { border: 1px solid #000; text-align: center; padding: 10px; margin: 0 0 20px; overflow: hidden;}
.wp-caption a { border: none; }
.wp-caption img { margin: 0 0 10px 0; padding: 0; border: 0 none; display: block; width: 100%; height: auto; -webkit-transition: 0.2s; transition: 0.2s; }
.wp-caption a:hover img { opacity: 0.9; }
.wp-caption p.wp-caption-text { font-size: 12px; margin: 0; padding: 0; }
.alignleft, img.alignleft { float: left; margin: 0 30px 20px 0; }
.alignright, img.alignright { float: right; margin: 0 0 20px 30px; }
.aligncenter, img.aligncenter { display: block; margin: 0 auto 20px; }


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


/* Buttons */
a { -webkit-transition: 0.3s; transition: 0.3s; text-decoration: none;}
.buttons { display: inline-block;}
.buttons .button { margin-right: 10px;}
.button { display: inline-block; background-color: #5C9442; color: #fff; padding: 10px 30px; border-radius: 8px; font-size: 15px; font-weight: 700; cursor: pointer; background-repeat: no-repeat; background-position: center center; box-sizing: border-box;}
.button:hover { background-color: #54893C;}
.button.amazon { background-image: url(images/amazon.png); background-size: 73px; background-position: center 11px; width: 130px; height: 40px;}
.button.dayone { background-image: url(images/dayone.png); background-size: 66px; width: 130px; height: 40px;}
.button.outline { background-color: transparent; border: 2px solid #5C9442; color: #5C9442;}
.button.outline:hover { background-color: #5C9442; color: #fff;}
a.green { background-color: #5C9442;}
a.green:hover { background-color: #54893C;}
a.brown { background-color: #49372E;}
a.brown:hover { background-color: #3E2E25;}
a.white { background-color: #fff;}


/* HEADER
---------------------------------------------------------------------------------- */

.top_bar { float: left; width: 100%; background-color: #49372E; padding: 9px 0}
.top_bar .inner { float: right;}
.top_bar ul { display: inline-block; vertical-align: middle;}
.top_bar ul li { font-weight: 700; font-size: 13px; float: left; margin: 0 20px 0 0;}
.top_bar ul li a { color: #fff;  border-bottom: 1px solid transparent; padding-bottom: 2px;}
.top_bar ul li a:hover { border-color: #fff;}
.top_bar a.twitter { background: url(images/twitter.png) no-repeat right center; background-size: 28px; color: #fff; font-weight: 700; font-size: 13px; display: inline-block; vertical-align: middle; padding: 5px 39px 5px 20px; border-left: 1px solid #fff;}
.top_bar a.twitter:hover { opacity: 0.8;}
.top_bar .menu li a { padding-bottom: 22px; position: relative;}
.top_bar .menu li:after { content: ""; width: 0; height: 3px; background-color: #5C9442; position: absolute; bottom: -3px; left: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.top_bar .menu li.menu-item-has-children:hover:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 11px 8px 11px; border-color: transparent transparent #49372e transparent; left: 0; right: 0; margin: auto; bottom: -19px;}
.top_bar .menu li ul { display: none; position: absolute; z-index: 1; width: 260px; top: 40px;}
.top_bar .menu li:hover ul { display: block; }
.top_bar .menu li ul li { margin: 0; width: 100%;}
.top_bar .menu li ul li a { background-color: #49372E; color: #fff; float: left; width: 100%; padding: 10px 14px; border-bottom: 1px solid #fff;}
.top_bar .menu li ul li:last-child a { border-bottom: none;}
.top_bar .menu li ul li a:hover, header .menu li ul li.current-page-menu a { background-color: #3E2E25;}
.top_bar .menu li ul li:after { display: none;}

header { float: left; width: 100%; margin: 35px 0 33px}
header h1, header h2 { float: left; width: 240px; margin: 0;}
header h1 a, header h2 a { display: block; overflow: hidden; line-height: 0;}
header .logo img { width: 100%;}
header .menu { float: right; margin-top: 13px;}
header .menu li { float: left; margin-left: 20px; font-weight: 700; position: relative;}
header .menu li:after { content: ""; width: 0; height: 3px; background-color: #5C9442; position: absolute; bottom: -3px; left: 0; transition: 0.3s; -webkit-transition: 0.3s;}
header .menu li:hover:after, header .menu li.current-menu-item:after, header .menu li.current-page-ancestor:after { width: 30px;}
header .menu li a { padding-bottom: 22px; position: relative;}
header .menu li.menu-item-has-children:hover:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 11px 8px 11px; border-color: transparent transparent #49372e transparent; left: 0; right: 0; margin: auto; bottom: -19px;}
header .menu li.menu-item-55 a { background-color: #5C9442; padding: 11px 19px; border-radius: 10px; color: #fff;}
header .menu li.menu-item-55 a:hover { background-color: #54893C;}
header .menu li.menu-item-55:after { display: none !important;}
header .menu li ul { display: none; position: absolute; z-index: 1; width: 260px; top: 40px;}
header .menu li:hover ul { display: block; }
header .menu li ul li { margin: 0; width: 100%;}
header .menu li ul li a { background-color: #49372E; color: #fff; float: left; width: 100%; padding: 10px 14px; border-bottom: 1px solid #fff;}
header .menu li ul li:last-child a { border-bottom: none;}
header .menu li ul li a:hover, header .menu li ul li.current-page-menu a { background-color: #3E2E25;}
header .menu li ul li:after { display: none;}



header .open_menu { display: none; width: 28px; float: right; margin-top: 15px; cursor: pointer;}
.mobile_menu { display: none; position: fixed; background-color: #5C9442; z-index: 999999; width: 100%; height: 100%; overflow: visible; top: 0; left: 0;}
#menu-mobile { float: left; width: 100%; overflow-y: scroll; padding: 40px 0; box-sizing: border-box; height: 100%;}
#menu-mobile li { float: left; width: 100%; position: relative;}
#menu-mobile li a { color: #fff; padding: 10px 20px; float: left; width: 100%; box-sizing: border-box; font-size: 16px; border-bottom: 1px dashed #457632;}
#menu-mobile li:first-child { border-top: 1px dashed #457632;}
#menu-mobile li a:hover { background-color: #54893C;}
#menu-mobile .sub-menu { display: none;}
#menu-mobile .sub-menu li a { padding-left: 35px;}
#menu-mobile li.menu-item-has-children:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 8px 0 8px; border-color: #ffffff transparent transparent transparent; position: absolute; right: 20px; top: 20px;}
.close_menu { cursor: pointer; width: 37px; position: absolute; top: 20px; right: 20px;}

.hero { float: left; width: 100%; height: 370px; overflow: hidden; z-index: 0; border: 12px solid #fff; box-sizing: border-box; position: relative;}
.hero .inner { z-index: 1; margin-left: 46px; position: relative; margin-top: 50px; height: calc(100% - 50px);}
.hero .inner h2 { color: #fff; font-weight: 900; width: 300px; margin-bottom: 10px;}
.hero .inner h4 { color: #fff; font-size: 21px; font-weight: 700; font-style: italic; margin-bottom: 5px;}
.hero .inner h5 { color: #fff; font-size: 19px;}
.hero .inner p, .hero .inner a { color: #fff; }
.hero .inner .buttons { margin-top: 10px;}
.hero .inner .buttons .button { width: 130px; height: 40px;}
.hero .inner .image { width: 170px; overflow: hidden; float: left; position: relative; height: 245px; border: 10px solid #fff; transform: rotate(8deg); -webkit-transform: rotate(8deg); margin: -12px 0 0 14px;}
.hero .inner .image img {}
.hero.internal { height: 250px;}


/* HOME
---------------------------------------------------------------------------------- */

.boxes { float: left; width: 100%; font-size: 0; text-align: center;}
.boxes .box { display: inline-block; width: 31%; background-color: #fff; height: 350px; vertical-align: text-bottom; margin: 1%; padding: 20px; box-sizing: border-box; position: relative;}
.boxes .box .image { position: relative; width: 100%; height: 110px; float: left; overflow: hidden; margin-bottom: 20px;}
.boxes .box .image img { transition: 1s; -webkit-transition: 1s;}
.boxes .box .image:hover img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.boxes .box .text { float: left; width: 100%;}
.boxes .box h4 { font-size: 18px; margin-bottom: 15px; font-weight: 700;}
.boxes .box p { text-align: left;}
.boxes .box .button { position: absolute; left: 0; bottom: 0; border-radius: 0; width: 100%;}


/* INTERNALS
---------------------------------------------------------------------------------- */

ul.tabs { text-align: center; font-size: 0; margin: 20px 0 45px; float: left; width: 100%;}
ul.tabs li { display: inline-block; margin: 5px;}
ul.tabs li a { border: 2px solid !important; padding: 4px 11px; display: inline-block;}
ul.tabs li.active a { background-color: #5C9442; color: #fff; border-color: #5C9442;}
.tab_content { float: left; width: 100%;}


/* BLOG
---------------------------------------------------------------------------------- */

.refine { position: relative; z-index: 3; font-size: 0; margin-top: 10px;; text-align: center; float: left; width: 100%;}
.single .refine { margin-top: 50px;}
.field { display: inline-block; vertical-align: middle; margin: 10px; position: relative; font-size: 14px; line-height: 15px; width: 300px; box-sizing: border-box; text-align: left; cursor: pointer; height: 51px; color: #1E1E1E; max-width: 100%; background-color: #fff; font-weight: 500;}
.field .styled_dropdown ul { position: absolute; display: none; left: 0; width: 100%; z-index: 2; top: 51px; margin: 0; box-shadow: 2px 2px 5px #dedede;}
.field .styled_dropdown .text .arrow { background:url(images/arrow-down.png) no-repeat 0 0; background-size: 11px; width: 11px; position: absolute; right: 20px; top: 24px; height: 5px;}
.field .styled_dropdown .text { padding: 18px 20px; box-sizing: border-box;}
.field .styled_dropdown ul li { border-top: 1px solid #dedede; margin: 0; background: #fff; float: left; width: 100%;}
.field .styled_dropdown ul li.year { display: block;}
.field .styled_dropdown ul li:hover, .field .archive_dropdown ul li a:hover { background-color: #649933; color: #fff;}
.field .styled_dropdown ul li a,.contact_form .field .styled_dropdown ul li, .field .styled_dropdown ul li.year { color: #1E1E1E; transition: none; -webkit-transition: none; padding: 12px 20px; float: left; width: 100%; box-sizing: border-box; font-size: 13px; font-weight: 500;}
.field .styled_dropdown ul li:hover a,.contact_form .field .styled_dropdown ul li:hover, .field .styled_dropdown ul li.year:hover { color:#fff;}
.field .archive_dropdown ul li { display: none;}
.field .archive_dropdown ul li a { padding: 9px 20px 9px 30px; text-transform: none; font-size: 12px; background-color: #EEF3F7;}
.field input[type=text] { color: #1E1E1E; font-size: 14px; font-weight: 500; padding: 18px 20px; box-sizing: border-box; height: 51px; width: 100%;}
.field input[type=submit] { background: url("images/icon-search.png") no-repeat 0 0; background-size: 16px; height: 17px; width: 17px; position: absolute; right: 20px; top: 17px; -webkit-transition: 0.3s; transition: 0.3s;}
.field input[type=submit]:hover { opacity: 0.8;}

.wp-pagenavi { text-align: center; float: left; width: 100%; margin-top: 50px;}
.band .wp-pagenavi a, .band .wp-pagenavi span { padding: 5px; margin: 0 4px; display: inline-block; width: 35px; box-sizing: border-box; font-size: 15px;}
.band .wp-pagenavi .pages, .band .wp-pagenavi .last { display: none;}
.band .wp-pagenavi a, .band .wp-pagenavi span { border: 2px solid transparent;}
.wp-pagenavi span.current { font-weight: normal;}

.news_content { padding-bottom: 0; text-align: center;}

.posts .post .text { text-align: left;}
.posts .post h5 { font-weight: 400; text-transform: uppercase; font-size: 12px; margin-bottom: 10px;}
.posts .post h3 { font-size: 17px; margin-bottom: 12px;}

.related { text-align: center; border-top: 1px solid #fff;}
.related .button { margin-top: 25px;}

.sharing { float: left; width: 100%; margin: 0 0 30px; font-size: 0; text-align: center;}
.sharing li { display: inline-block; vertical-align: middle; margin-right: 4px; cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s;}
.sharing li a { background: url(images/icons-social.png) no-repeat 0 0; display: block; width: 30px; height: 30px; background-size: 150px; border: none;}
.sharing li a:hover { opacity: 0.8;}
.sharing li.share { margin-right: 10px; font-size: 13px; line-height: 13px; text-transform: uppercase; font-weight: 900;}
.sharing li.twitter a { background-position: -30px 0;}
.sharing li.pinterest a { background-position: -60px 0;}
.sharing li.linkedin a { background-position: -90px 0;}
.sharing li.email a { background-position: -120px 0;}


/* CONTACT
---------------------------------------------------------------------*/

.contact { z-index: 1;}
.contact form { float: left; width: 100%; margin-top: 20px; text-align: center;}
.contact form .field { width: 48.5%; margin: 15px 0; position: relative; text-align: left; height: auto;}
.contact form .field:nth-child(even) { margin-right: 0;}
.contact form .field:nth-child(odd) { margin-left: 0;}
.contact form .field.full { float: left; width: 100%; margin: 15px 0 32px;}
.contact form .field .text { float: left; width: 100%; border: none; border: 1px solid #ccc; background-color: #fff; font-size: 15px; line-height: 18px; letter-spacing: 1px; padding: 15px; box-sizing: border-box; color: #777;}
.contact form .field textarea { height: 100px;}
.contact form .field .text:focus { border-color: #0e253a;}
.contact form .field .styled_dropdown { position: relative; cursor: pointer;}
.contact form .field .styled_dropdown .text { overflow: hidden; position: relative; z-index: 0;}
.contact form .field .styled_dropdown .text .arrow { background: url(images/icon_arrow_down.png) no-repeat 0 0; background-size: 19px; width: 19px; position: absolute; right: 15px; top: 22px; height: 9px;}
.contact form .field .styled_dropdown ul { position: absolute; left: 0; top: 49px; background: #fff; border: 1px solid #ccc; width: 100%; z-index: 1; display: none;}
.contact form .field .styled_dropdown ul li { padding: 10px 15px; border-bottom: 1px solid #dedede; font-size: 15px; margin: 0; background: none;}
.contact form .field .styled_dropdown ul li:hover { background: #EDF7FD;}
.contact form input[type=submit] { display: block; margin: 25px auto 0; clear: both;}
.contact form .field span.error, .contact form label { position: absolute; left: 0; bottom: -5px; font-size: 12px; color: #25333A; opacity: 0; transition: 0.2s;}
.contact form label { color: #25333A;}
.contact form .field input.error ~ span,
.contact form .field textarea.error ~ span,
.contact form .field select.error ~ span,
.contact form .field input:focus ~ label,
.contact form .field textarea:focus ~ label { bottom: -23px; opacity: 1; }
.contact form .g-recaptcha { display: inline-block;}
.contact form .field span.error { display: none !important;}
.contact form .field .error, .contact form .field .error:focus { border-color: #EF3756;}


/* FOOTER
---------------------------------------------------------------------------------- */

.helpful_articles { text-align: center;}
.helpful_articles .left, .helpful_articles .right { width: 49%;}
.helpful_articles .left { text-align: left;}
.helpful_articles .box { float: left; width: 100%; margin-bottom: 20px; padding: 20px; box-sizing: border-box; position: relative; height: 150px; background-repeat: no-repeat;}
.helpful_articles .box .image { position: relative; width: 120px; height: 100%; float: left; overflow: hidden;}
.helpful_articles .box .image img { transition: 1s; -webkit-transition: 1s;}
.helpful_articles .box .text { float: left; left: 160px; position: absolute; width: calc(100% - 180px); top: 50%; transform: translatey(-50%); -webkit-transform: translatey(-50%);}
.helpful_articles .box .text h5 { font-size: 14px; margin-bottom: 3px;}
.helpful_articles .box.brown img { width: 36px; }
.helpful_articles .box.green img { width: 47px; }
.helpful_articles .box:hover .image img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.helpful_articles .right .box { color: #fff; font-size: 21px; font-weight: 900; padding: 52px 0;}
.helpful_articles .right .box img { display: inline-block; vertical-align: middle;}
.helpful_articles .right .box h3 { display: inline-block; vertical-align: middle; color: #fff; font-size: 21px; margin: 0 0 0 20px;}
.helpful_articles .box:last-child { margin-bottom: 0;}
.helpful_articles .text h3 { font-size: 17px; font-weight: 700; margin: 0;}

footer { background-color: #49372E; float: left; width: 100%; padding: 45px 0 50px;}
footer .col { float: left; width: 33.3%; padding-right: 50px; box-sizing: border-box;}
footer .col h3 { color: #fff; margin-bottom: 20px; position: relative; overflow: hidden; padding: 4px 0;}
footer .col h3:after { content: ""; width: 100%; height: 2px; position: absolute; background-color: #fff; left: auto; top: 10px; margin-left: 17px;}
footer .col h3 a:hover { opacity: 0.9;}
footer .col_2 img { float: left; width: 90px;}
footer .col_2 p { float: left; width: calc(100% - 110px); margin-left: 20px; line-height: 1.5em;}
footer .col_3 { padding-right: 0;}
footer .col_3 h3 { }
footer .col_3 img { float: left; width: 90px;}
footer .col_3 p { float: left; width: calc(100% - 110px); margin-left: 20px; line-height: 1.5em;}
footer p, footer li, footer a { color: #fff;}
footer a.button { margin-top: 20px; float: left; clear: both;}
footer li { margin-bottom: 7px;}
footer li a { border-bottom: 1px solid transparent; padding-bottom: 2px;}
footer li a:hover { border-color: #fff;}
footer .flex-control-nav { margin: 0; float: right;}
footer .flex-control-nav li { display: inline-block; margin: 0 0 0 7px; text-indent: -999px; overflow: hidden;}
footer .flex-control-nav li a { width: 7px; height: 7px; overflow: hidden; display: block; border: 2px solid #fff; border-radius: 7px; padding: 0;}
footer .flex-control-nav li a.flex-active { background-color: #fff;}

.bottom_bar { float: left; width: 100%; background-color: #382820; padding: 14px 0;}
.bottom_bar img.left { float: left; width: 160px;}
.bottom_bar p { float: right; color: #fff; margin-top: 7px; font-size: 13px; }
.bottom_bar p.hits { background-color: #fff; padding: 2px 11px; border-radius: 6px; margin: 6px 10px 0 0; box-sizing: border-box; color: #382820;}
.bottom_bar p span { border-left: 1px solid #fff; padding-left: 10px; margin-left: 6px;}
.bottom_bar p a { color: #fff; border-bottom: 1px solid transparent; padding-bottom: 2px;}
.bottom_bar p a:hover { border-color: #fff;}

/* IE Fixes */

.ie9 .helpful_articles .box .text { top: 60px;}