/*
blue - 1e4164
orange - ff8b50
black - 4D4D4D
light grey - bbc6d1
yellow - facd1f
*/

body { padding: 0; color: #4D4D4D; font-family: 'Noto+Serif', sans-serif; background: #FFF; }
a, a:link, a:focus, a:active, a:visited { color: #292929; text-decoration: underline; }
a:hover  { color: #ff8b50; }
h1 { color: #1e4164; margin-top: 0; font-size: 2em; }
h2  { color: #000; font-size: 1.6em; }
h3  { font-size: 1.2em; }
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th { background-color: #1e4164 !important; color: #FFF; }
.table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td { background-color: #F2F2F2; }
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #DBDBDB; }

.container_header_full { margin: 0 auto; width: 100%; padding: 0; background: #FFF; }
#logo { float: left; margin: 30px 0 20px 0; width: 500px; }
#quick_phone { text-align: left; padding: 5px 0 10px 0; margin-top: 25px; font-size: 1.3em; line-height: 1.5em; color: #1e4164; padding: 10px 0 10px 0; }
#quick_email { text-align: left; padding: 5px 0 10px 0; margin-top: 25px; font-size: 1.3em; line-height: 1.5em; color: #1e4164; padding: 10px 0 10px 0; }
.fa-phone { margin-right: 7px; }
.fa-envelope { margin-right: 5px; }
#quick_contact a,#quick_contact a:link,#quick_contact a:focus,#quick_contact a:active,#quick_contact a:visited { color: #1e4164; }
#quick_contact a:hover { color: #1e4164; }

@media all and (min-width: 0px) and (max-width: 768px) {
	#logo { float: none; margin: 10px auto; width: 90%; }
	.nav > li > a { padding: 10px 15px; }
	.nav-justified > li > a { padding: 10px; text-align: center; }
	.carousel-caption { display: none; }
	.container_top_banner_full { display: none; }
	.dropdown-menu { display: none !important; }
	#quick_phone { margin-top: 0; text-align: center; } 
	#quick_email { margin-top: 0; text-align: center; } 
	.footer_title h2::before { top: 30px !important; } 
	
}
.container_menu_full { margin: 0 auto; width: 100%; background: #1e4164; min-height: 35px; }
.navbar{ width: 100%; border-radius: 0; border: none; margin-bottom: 0; min-height: 35px; }
.navbar-header { background: #1e4164; }
.navbar .container { padding: 0; }
.navbar-collapse { padding: 0; }
.nav > li > a { padding: 10px 15px 0 15px; }
.nav-justified > li > a { padding: 10px 0 10px 0; border-right: 1px solid #1e4164; background: #1e4164; text-align: center; text-decoration: none; border-radius: 0; font-size: 1.2em; color: #FFF; border-radius: 0; letter-spacing: 1px; }
.nav-justified > li > a.active, .nav-justified > li > a:hover, .nav-justified > li > a:active , .nav-justified > li > a:focus,
.nav-justified  .open > a, .nav-justified  .open > a:hover, .nav-justified  .open > a:focus { background: #bbc6d1; color: #000; }
.nav-justified > li:first-child > a, .nav-justified > li:last-child > a  { border-bottom: 0; }
.nav .caret { border-top-color: #FFF; border-bottom-color: #FFF; }
.navbar .nav li.dropdown > a:hover .caret { border-top-color: #000080; border-bottom-color: #000080; } 
.navbar-default .dropdown-menu { background: #1e4164; border-radius: 0; padding: 0; margin: 0; }
.navbar-default .dropdown-menu > li { padding: 0; margin: 0; }
.navbar-default .dropdown-menu > li  a { padding: 10px 20px 10px 30px; color: #FFF; min-width: 220px; text-decoration: none; border-bottom: 1px solid #FFF; font-size: 1em; }
.navbar-default .dropdown-menu > li  a.active, .dropdown-menu > li  a:hover, .dropdown-menu > li  a:active , .dropdown-menu > li  a:focus { color: #5498d2; background: #ECEFF2; }
.dropdown:hover .dropdown-menu { display: block; }

.container_slideshow_full { margin: 0 auto; padding: 0; width: 100%; background: #bbc6d1; }
#carousel_container { padding: 0; }
.carousel { margin: 0; } 
.carousel-inner > .item > img { padding: 0; margin: 0;  }
.carousel-control { margin: 0 15px; }
.carousel-control.left, .carousel-control.right { background-image: none; }
.carousel-caption { bottom: 2%; left: 5%; color: #FFF; text-align: center;  }
.carousel-caption h1 { font-size: 35px; padding: 20px 40px; border-radius: 10px; overflow: hidden; margin: 0; background: #1e4164; color: #FFF; text-shadow: 2px 2px 2px #1e0f08; }
.caption { font-size: 30px; float: left; margin-left: 40px; padding: 8px 15px; background: #D3C8A3; color: #4D4D4D; }
.caption_btn { float: left; padding: 10px 20px;  background: #1e4164; }
.caption_btn a, .caption_btn a:link, .caption_btn a:focus, .caption_btn a:active, .caption_btn a:visited { font-size: 16px; margin: 0; color: #FFF; background: #1e4164; text-decoration: none; font-weight: normal; }
.caption_btn a:hover  { color: #1e4164; }
#myCarousel { margin-bottom: 20px; }
.selected img { opacity: 0.5; }
#slider-thumbs .h5 { margin-bottom: 10px; }
#slider-thumbs img { height: 120px; }

.container_slideshow { padding: 0; }

/* quote */
.quick_quote { background: #facd1f; padding-bottom: 20px; }
.quick_quote .form_input_inline { height: 80px; }
.form_input_inline .col-lg-2 { width: 100% !important; text-align: left; }
.form_input_inline .col-lg-6 { width: 100% !important; text-align: left; }

/* service */
#services_content { background: #E6EAEE; padding-top: 10px; }
#service_title { margin-left: 40px; color: #ff8b50; } 
.service_cell { padding: 0; margin: 25px 5px; }
.service_cell h2 { margin: 5px 0 10px 0; }
.service_cell_photo img { display: block; margin-left: auto; margin-right: auto }
.service_cell_title { font-size: 1.6em; }
.service_cell_description { font-size: 1.2em; margin-top: 10px; height: 100px; }

/* staff */
.profile_listing { border-bottom: 1px dashed #09603d; margin-top: 20px; margin-bottom: 10px; }
.profile_photo { padding: 0 20px 20px 0; }
.profile_photo img { float: left; }
.profile_title { padding: 0 0 0.5em 0; }
.profile_name { font-size: 1.1em; font-weight: bold; }
.profile_role { font-style: italic; padding: 10px 0 0 0; }
.profile_position { font-style: italic; padding: 10px 0 0 0; }
.profile_description { margin: 10px 0 0 0; }
.profile_email { padding: 5px 0; }
.profile_phone { padding: 5px 0; }	
.profile_fax { padding: 5px 0; }	
.profile_mobile { padding: 5px 0; }
#location_map { margin-top: 50px; }

/* testimonials */
.signature { font-size: 0.9em; font-weight: bold; }

#banner_news { height: 100px; }
.container_content_full { font-size: 1.4em; line-height: 1.7em; background: #FFF; margin: 0 auto; padding-bottom: 25px; width: 100%;  }
#main_content { background: #FFF; color: #4D4D4D; padding-top: 20px; }
#article_photos img { margin: 0 10px 10px 0; vertical-align: top; max-height: 233px; }
#page_photos  { float: right; margin-top: 60px; }
#page_photos  img {  padding: 0 0 0.5em 0; }
#page_photos  p { font-size: 0.85em; padding: 0.25em 0 0.5em 0; }
.file_list { margin: 0 0 2em 0; }

/* news */	
#news_year_nav { padding: 0 0 1em 0; }
.news  { clear: both; margin: 0.5em 0 0.5em 0; padding: 0.25em 0 1em 0; border-bottom: 1px dashed #000; }
#news_date { font-style: italic; padding: 0.5em 0; font-size: 0.85em; }
.news_description h3 { margin-top: 0; }
.sub_menu { margin-top: 20px; }
.sub_menu ul { list-style-type: none !important; margin: 0; padding: 0; }
.sub_menu ul > li { padding: 10px 10px 10px 15px !important; margin: 0; }
.sub_menu ul > li > a { padding: 5px 10px 2px 15px; margin: 0.25em 0; text-align: left; text-decoration: none; border-left: 7px solid #1e4164; }
.sub_menu ul > li > a.active, .sub_menu ul > li > a:hover, .sub_menu ul > li > a:active , .sub_menu ul > li > a:focus, 
.sub_menu ul  .open > a, .sub_menu ul  .open > a:hover, .sub_menu ul  .open > a:focus { border-left: 7px solid #000; color: #1e4164; }
.sub_menu_year_heading { font-size: 1.2em; font-weight: bold; }
.news_promo_photo { margin-top: 25px; margin-bottom: 20px; }
.news_promo_photo h3 { font-size: 1.4em; display: none; bottom: 10px; width: 80%; padding: 0.75em 1.5em; text-align: center; background: #1e4164; color: #FFF; }


#myCarousel { margin-bottom: 20px; }
.selected img { opacity: 0.5; }
#slider-thumbs .h5 { margin-bottom: 10px; }
#slider-thumbs img { height: 120px; }

label.error { font-weight: bold; color: red; padding: 2px 8px; margin-top: 2px; }
.control-label { padding-right: 1em; }
.error_msg { padding: 0.5em 0; color: #B0171F; }
.confirmation_msg { padding: 0.5em 0; color: #325c86; }
#form_intro { padding: 0 0 1em 0; }
#map { width: 452px; height: 602px; border: 1px solid #aaa; margin: 10px 0 20px 0; }
.form-control { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0  }
.btn-primary, .btn-primary:link, .btn-primary:focus, .btn-primary:active, .btn-primary:visited, .btn-primary[disabled] { font-size: 1.1em; margin: 0.5em 0; background: #1e4164; color: #FFF; border: none; text-decoration: none; }
.btn-primary:hover  { background: #ff8b50; color: #FFF; }

.container_footer_full { font-size: 1.2em; margin: 0 auto; width: 100%; padding: 10px 0; background: url("../user_data/account/footer-background.jpg"); background-size: auto; background-size: 100% 100%; }
#footer { color: #FFF; padding: 5px 0; }
#footer a, #footer a:link, #footer a:focus, #footer a:active, #footer a:visited { color: #FFF; font-weight: normal; }
#footer a:hover { color: #ff8b50; text-decoration: underline; }
#footer_links { color: #FFF; }
#footer_links h2 { color: #FFF; font-size: 1.4em; }
.footer_title { padding-bottom: 25px; }
.footer_title h2::before { content: ""; width: 60px; height: 2px; background: #ff8b50; position: absolute; top: 50px; } 
#footer_links ul { list-style-type: none; padding: 0 0 0 5px; }
#footer_links li { padding-bottom: 1.5em; }
#footer_links .table thead > tr, #footer_links .table tbody > tr, #footer_links .table tfoot > tr { background-color: transparent; }
#footer_links .table thead > tr > td, #footer_links .table tbody > tr > td, #footer_links .table tfoot > tr > td { background-color: transparent; }
#footer_links a, #footer_links a:link, #footer_links a:focus, #footer_links a:active, #footer_links a:visited { color: #FFF; text-decoration: underline; }
#footer_links a:hover  { color: #ff8b50; }
#footer_links .table i { margin-left: 5px; }
#xero_footer_logo { margin-top: 10px; }
#xero_footer_logo img { width: 250px; margin: 0 auto; }

.container_footer_credits_full { font-size: 1em; margin: 0 auto; width: 100%; padding: 10px 0; background: #1e4164; border-bottom: 5px solid #1e4164; }
.registered_charity img { width: 250px; }
#copyright { padding-left: 0; margin-top: 100px;}
#credits { text-align: right; padding-right: 0; margin-top: 100px; }

/* Fade transition for carousel items */
.carousel .item {
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-ms-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.carousel .carousel-control { visibility: hidden; background-image: none !important; }
.carousel:hover .carousel-control { visibility: visible; }
.carousel .active.left, .carousel .active.right {
left:0;
opacity:0;
z-index:2;
}
.carousel .next, .carousel .prev {
left:0;
opacity:1;
z-index:1;
}