/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer 
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
/* CSS Document */
body { font-size: 15px; line-height: 24px; }

@media screen and (min-width: 992px) { .site-header .navbar-default .container { width: 100%; padding: 0; } .site-header .navbar-default .container .main-nav { max-width: 1170px; margin: 0 auto; } .site-header .navbar-default .container .main-nav > .nav { text-align: center; float: none !important; } .site-header .navbar-default .container .main-nav > .nav > li { float: none !important; display: inline-block; } .site-header .navbar-header { width: 100%; padding-top: 25px; padding-bottom: 25px; text-align: center; border-bottom: 1px solid #f0f0f0; } .site-header .navbar-header .navbar-brand { float: none; margin: 0 auto; } .site-header .navbar-header .navbar-brand img { height: 150px !important; width: auto !important; display: inline-block; } }

@media screen and (min-width: 992px) and (max-width: 1199px) { .site-header .navbar-default .container { width: 100%; padding: 0; } .site-header .navbar-default .container .main-nav { max-width: 970px; margin: 0 auto; } }

.navbar-default .navbar-collapse .nav > li > a { text-transform: none !important; padding: 10px 25px !important; }

.article_directory .item_main .title a { font-weight: bold; }

.action-button { margin-bottom: 20px; }

.action-button a { font-size: 1.4em; }

.richtext ul { overflow: hidden; padding-left: 20px; }

.subcontainer_style3 .panel .custom_webpage_section_richtext_view { margin: 20px 0; }

.subcontainer_style3 .panel .panel-heading { padding: 5px 0; }

.subcontainer_style3 .panel .panel-heading h3 { font-size: 29px; padding: 0; border-bottom: none; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #82bda9; }

@media screen and (max-width: 767px) { .site .site-header .navbar-default .navbar-brand img { height: 45px !important; } .site .site-header .mobile-menu-toggle-switch { top: 30px; } }

@media screen and (min-width: 992px) and (max-width: 1199px) { .site-header .navbar-default .navbar-collapse .nav > li > a { font-size: 14px; } }