/*apecs custom css*/


/*apecs logo for all pages except 404 which is in templates hoxa error.php*/

#trueHeader #logo {
    background:url("../../../images/apecs/logo.png") no-repeat !important;
    margin-top: 10px;
    min-height: 85px;
}

/*apecs menu buttons, makes them longer*/
.navbar-nav > li > a {
    padding-bottom: 30px;
    padding-top: 30px;
    text-transform: uppercase;
}

/* Bullets 
.navbar-nav {
    float: left;
    margin: 10px 0 0 0;
}



.top_nav .right {
    border-bottom: 0px solid #f7f7f7;
}

*/


/* Bullets */

ul {
    list-style-position: inside;
    margin: 0 0 0 20px;


}

ol {
    list-style-position: inside;
    margin: 0 0 20px 20px;
}



/*puts roman numbers on azura pagees*/
.list_roman_numerals li {
    list-style-type: lower-roman;
    margin-left: 5px;
    text-indent: -1em;
    padding-left: 1em;
    padding-bottom: 1em;
}


/*puts numbers wrapping correctly on category description azura pagees*/

ol.list_numbers {
  counter-reset: ol-num;
  margin: 0 0 20px 0px;
  padding: 0;
}

ol.list_numbers li {
  counter-increment: ol-num;
  display: table;
  padding: 0.2em 0.4em;

}

ol.list_numbers li:before {
  content: counter(ol-num) ".";
  display: table-cell;
  width: 4ch; /* approximately four characters wide */
  padding-right: 0.4em;
  text-align: right;
}

/* two digits */
.list_numbers ol li:nth-last-child(n+10):before,
.list_numbers ol li:nth-last-child(n+10) ~ li:before {
  width: 3ch;
}



/* Headings */
h1, 
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    color: #4765a0;
}
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a { 
    color: inherit;
}
/*h1 { 
    font-size: 40px; 
    line-height: 40px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 300;
}
h1 b {
    display: block;
    font-size: 18px; 
    line-height: 23px;
    font-weight: 200;
    margin-top: 13px;
    color: #727272;
}
h1.white {
    color: #fff;
}*/
h1 { 
    font-size: 30px; 
    line-height: 30px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 300;
}
h1.white {
    color: #fff;
}
h1.white b {
    color: #999;
}
h1 i {
    color: #13afeb;
    font-style: normal;
}
h1 b {
    display: block;
    font-size: 18px; 
    line-height: 23px;
    font-weight: 200;
    margin-top: 13px;
    color: #727272;
}
h1.caps {
    text-transform: uppercase;
}
h1.caps b {
    text-transform: none;
}
h2.caps strong {
    font-weight: 500;
}
h2 { 
    font-size: 27px; 
    line-height: 30px;
    margin-bottom: 18px;
    font-style: normal;
}
h2 strong {
    font-weight: 600;
}
h3 { 
    font-size: 22px; 
    line-height: 25px;
    margin-bottom: 18px;
    font-style: normal;
}
h3.caps {
    text-transform: uppercase;
}
h3.white {
    color: #fff;
}
h3 b {
    color: #999;
    font-size: 14px;
    display: block;
    font-weight: normal;
}
h4 { 
    font-size: 18px; 
    line-height: 23px;
    margin-bottom: 16px;
    font-style: normal;
}
h4 b {
    color: #727272;
    font-size: 13px;
    font-weight: normal;
    display: block;
}
h4.caps {
    text-transform: uppercase;
}
h4.grayc {
    color: #999;
}
h4.siteccaps {
    color: #13afeb;
    text-transform: uppercase;
}
h4.sitec {
    color: #13afeb;
}
h4.white {
    color: #fff;
}
h5 { 
    font-size: 16px; 
    line-height: 24px;
    margin-bottom: 18px;
    font-style: normal;
}
h5.grayc {
    color: #999;
}

h6 { 
    color: #5572ac;    
    font-size: 14px; 
    line-height: 24px;
    margin-bottom: 18px;
    font-style: normal;
}

/*footer, less dark grey background - nice town background graphic*/
.footer1 {
    background: #262626 url("../../../images/background/footer-graph2.jpg") no-repeat scroll center bottom;
    float: left;
    padding: 18px 0 40px;
    width: 100%;
}


/*footer, NO dashed line on dark background AND less top and bottom margin, was 25px top and bottom*/
.divider_dashed1 {
    border-top: 0px dashed #3b3b3b !important;
    margin: 10px 0;
}

/*indent of text, made by bottom margin of icons, on parallax you choose*/
.iconbox_default i {
    margin-bottom: 55px;
}

.parallax_sec1_left .iconbox_default h5 {
    color: #13afeb;
}

.parallax_sec1_right .iconbox_default h5:hover {
    color: #fff;
}

.parallax_sec1_left .iconbox_default h5:hover {
    color: #fff;
}

.parallax_sec1_right .iconbox_default h5 {
    color: #13afeb;
}

/*How It Works on Products pages, indent of text, made by adding bottom margin on icon inserting class in i*/
.botmargin {
    margin-bottom: 55px;
}

/*tag line on parallax you choose*/
h2.white b {
    color: #fff;
}

/*tag line on parallax you choose strong element blue*/
h2.white strong {
    color: #13afeb;
}

/*footer one_fourth links blue*/
.qlinks li a {
    color: #5572AC;
}
/*footer one_fourth address blue*/

.faddress li {
    color: #5572AC;
}

.faddress li a {
    color: #5572AC;
}

.faddress li a:hover {
    color: #5572AC;
}

/*footer one_fourth site info blue*/
.siteinfo p {
     color: #5572AC;
}

/*accordion - make more margin between closed items*/
.acc-trigger {
    margin: 4px 0 0 0;
}

/*4 start background image at top - was previously center center - this is to add compliance wording in blue box without losing any of background image.*/
.feature_section22 {
    background-position: center top;
}

/*4 boxes section - dark grey text*/
.feature_section22 h1, .feature_section22 h1 b {
    color: #272727;
}

/*4 boxes section - larger bi-line text*/
.feature_section22 h1 b {
    font-size: 22px;
}


/*space below iconson 8 boxes home page*/
.feature_section6 i {
    color: #454545;
    font-size: 40px;
    margin-bottom: 20px;
}

/*4 boxes section - blue circle icons*/
.iconbox_twobox.secbox i {
    background-color: #13afeb;
}

/*banner on sub page centred and large*/
.rw-wrapper-center {
    text-align: center !important;
    color: #fff;
    font-family: "Raleway",sans-serif;
    font-size: 32px;
    font-weight: 300;
    line-height: 35px;
}

/*banner on sub page centred and smaller for second line of text*/
.rw-wrapper-center b {
    font-size: 20px;

}

/*puts small compliance text on product page blue heading*/
.rw-sentence-small {
    font-size: 13px;
    line-height: 22px;
}

/*banner on sub page and home page - adjust top and bottom margins and background colour*/
.feature_section2 {
    background-color: #22c0f4;
    padding: 25px 0 25px 0;
}


/*banner on home page to keep like SRF - top and bottom margin is in Azura page, this is to move text down a bit*/
.rw-wrapper {
    line-height: 45px;
}

/*For Contact Enhanced field LINE spacing - too much space - was margin: 0 0 9px;*/
.ce-cf-container {
    margin: 0 0 9px;
}

/*For Contact Enhanced Next button to display correctly on all forms */
label.ce-validation-error{padding-bottom:5px;font-weight:bold;color:#b12;display:block}

/*Bootstrap is bringing top margin of contact form too high at -10px - was set to 20px for CD, now set to 10px to line up with sidebar top margin*/
.contact-form {
    margin-top: 10px;
}

/*For Contact Enhanced buttons to be blue and have good margin from bottom of form*/
.btn-ce {
    background-color: #5572AC;
    border-color: #5572AC;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
    margin-top: 10px;
}

/*For Contact Enhanced buttons to be blue*/
.btn-ce:hover, .btn-ce:focus, .btn-ce:active, .btn-ce.active, .open .dropdown-toggle.btn-ce {
    background-color: #5572AC;
    border-color: #5572AC;
    color: #fff;
}


/*Slider buttons to be blue*/
.sbutton1 {
    background-color: #5572AC !important;  
}

/*home page slider button white text*/
.sbutton1 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    padding: 15px 15px;
    letter-spacing: 1px !important;
}

/*home page slider button dark blue text on hover*/
.sbutton1:hover {
    color: #003366 !important;  
}

div.small p {
    font: 10px/20px "Open Sans",sans-serif;
}

/*Colour of mobile navigation bar - from #272727 to house light blue #37C6F5*/
.navbar-toggle {
    background: #5572AC none repeat scroll 0 0;
}

/*transparency for 4 white boxes*/
.iconbox_twobox.secbox {
    opacity: 0.95;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

/*I need help icon?*/
.contact-icon {
    margin: 0px 0px 5px 25px ;
    float: right;
}

/*not sure - see below*/
.feature_section23 ul.list1 {
    margin: 0;
    padding: 0;
}

/*not sure - see below*/
.feature_section23 ul {
    list-style: outside none none;
}

/*provided by CTHthemes for bullet point on drop down tabs and indent*/
.feature_section23 ul.list1 li {
    list-style: disc;
    margin: 0 0 0 25px;
}


/*I need help button - backround colour 00a67a is Retiready colour*/
a.but_chat, a.but_chat:hover, a.but_chat:focus, a.but_chat:active, a.but_chat.active 
{
    background: #22c0f4 none repeat scroll 0 0;
}

/*testimonial box - 1 box, change 4% 5% 5% 6% back to 8% 8% 13% when putting in 2 testimonials side by side*/
.testimoni_creative .pesbox {
    padding: 8% 8% 13%;
}

/*testimonial box - 2 box, change 4% 5% 5% 6% back to 8% 8% 13% when putting in 2 testimonials side by side
.testimoni_creative .pesbox {
    padding: 4% 6% 6% 6%;
}*/

/*puts space between paragraphs on blog content*/
div.blog_postcontent p
{
    margin-bottom: 10px;
}

/*puts nice headings on blog content*/
div.blog_post h4 {
    border-left: 5px solid #37c6f5;
    color: #454545;
    font-family: "Open Sans" !important;
    font-size: 16px;
    font-weight: normal;
    margin: 20px 0;
    padding: 5px 20px;
}

/*puts nice headings on blog content*/
div.blog_sub_heading h4 {
    border-left: none;   
    color: #454545;
    font-family: "Open Sans" !important;
    font-size: 20px;
    font-weight: normal;
    margin: 20px 0;
    padding: 0;
}

/*puts indented bullets on blog - but doesn't work both on Google and Chrome
.list_blog li {
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 5px;
    text-indent: -2em;
    padding-left: 1em;
    padding-bottom: 1em;
}
*/


/*puts indented bullets on blog - but doesn't work both on Google and Chrome*/

.list_blog li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 0;
    padding-bottom: 1em;
}


/*puts indented bullets on blog*/
.list_blog li li {
    list-style-type: circle;
}



/*home page compliance box list for bullets*/
div.list_compliance ul{
    margin: 0;
    padding: 0;
}


/*home page compliance box list for bullets*/
div.list_compliance ul li {
    list-style: disc;
    margin: 0 0 0 66px;
    font-size: 13px;

}

/*sitemap page, extra margin for more white space at bottom*/
#jmap_sitemap {
        margin-bottom: 25px;
}

/*when logged in from blog page, front end, and reset password etc required, needs to left align, currently right align*/
.form-horizontal .control-label {
    text-align: left;
 }

#user-registration {
    margin-bottom: 25px;
}

/*if user has forgotten password, gets this screen for validation, no space around submit button
WATCH THIS IN CASE OTHER SUBMIT BUTTONS GET EXTRA SPACE*/
.validate {
    margin: 20px 0;
}

/*On frontend edit profile page, spaces out 'Profile' top and bottom margins*/
#users-profile-core{
    margin: 25px;
}

/*On frontend edit profile page, spaces out 'Basic Settings' top and bottom margins, extra on bottom margin as bottom of page*/
#users-profile-custom{
    margin: 25px 0 50px 0;
}

/*revolution slider size changes*/
.tp-caption.boldwide_smaller_white {
    color: #272727;
    font-family: "Raleway",sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px !important;
    text-transform: inherit;
}

/*revolution slider size changes - Rest Assured*/
.tp-caption.finewide_medium_cjw {
    color: #272727;
    font-family: "Raleway",sans-serif;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 1px !important;
    line-height: 50px;
    text-transform: inherit;
}  

/*revolution slider size changes - Financial Services you can count on*/
.tp-caption.finewide_medium_cjw2 {
    color: #272727;
    font-family: "Raleway",sans-serif;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 1px !important;
    line-height: 50px;
    text-transform: inherit;
} 

.tp-caption a {
    color: #fff!important;
}



.feature_section2 a {

    color: #272727;
}

.feature_section2 a:hover {
    color: #13afeb;
}

/*home page 5 boxes read more colour*/
a.lfive {
    color: #272727 !important;
}

.lfive:hover {
    color: #37c6f5 !important;
}

/*home page 5 boxes less space after section*/

.feature_section81 {
    float: left;
    padding: 30px 0 20px;
    width: 100%;
}

/*home page financial advisers man section - more line height in main paragraphs*/


.azp_col-md-7 h5 {
    line-height: 25px;
}

.azp_col-md-7 h6 {
    line-height: 25px;
}

.azp_col-md-7 h2 {
    line-height: 40px;
}

/*istorelocator settings from here down*/

/* uncomment the next CSS rule if your template is loading Bootstrap v3+ - this is from the istorelocator plugin, advanced tab, custom css*/ 

#isl-listings li {
    cursor: pointer;
    list-style-type: none;
    padding: 10px;
}

#isl-listings li .list-label {
    margin-right: 15px !important;
    padding: 20px;
    padding: 0 30px 25px 10px;
}

#isl-listings .btn-group {
    display: table;
    margin: 6px auto 6px;
}

.img-polaroid {
    background-color: #fff;
}

input.cemap_address {
    width: 100%;
    margin-top: 15px;
}

/*istorelocator - removed background-color: #fff; making white background on profile map marker, but not locator map*/
.cemap_canvas img {
    max-width: 100px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 4px;
}


/*istorelocator this is top padding at top of contact page - watch out in case it applies to other pages
UNTIL END MARKER*/

.page-header {
    padding-top: 15px;

}
/*istorelocator this is top padding at top of contact page - watch out in case it applies to other pages - change back to 10px when address/map in situ
UNTIL END MARKER*/
.page-header h2 {
    margin-bottom: 26px;
}   

.contact-position.ce-right-arrow:before {
    content:"" !important
}

.contact-position {
    display:block;
    font-weight: bold;
    font-size:15px;
}

.contact-name {
    font-size: 27px;
    font-style: normal;
    line-height: 30px;
}

.contact-address address {
    margin-left: 0px;
}

.img-polaroid {
    background-color: #fff;

}
#isl-listings .list-image img {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 4px;
}

/*removing white box behind cluster icon - leaving here it case it affects anything else
    background-color: #fff; now taking it all out, as it was upsetting the centering of number in cluster icon - leaving css here in case something looks untoward
    .isl_map_canvas img {
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 4px;
}*/

/*map - margin at top */
.cemap_container {
     margin-top: 20px;
}

.azura_form-control {
    background-color: #fff !important;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    box-sizing: border-box;
    color: #555 !important;
    display: block;
    font-size: 14px !important;
    height: 34px !important;
    line-height: 1.42857 !important;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
}


/*7-12-18 updated background image from 'none' to below red triangle to show mandatory field */
.inputbox.required {
    background-color: #fff !important;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    box-sizing: border-box;
    color: #555 !important;
    display: block;
    font-size: 14px !important;
    height: 34px !important;
    line-height: 1.42857 !important;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
}

/*edit profile page - input boxes */

input.required  {
    background-image: url("../images/required_bg.gif") !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    box-sizing: border-box;
    color: #555 !important;
    display: block;
    font-size: 14px !important;
    height: 34px !important;
    line-height: 1.42857 !important;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
}

/*edit profile page - input boxes rounded corners on all including username, password and confirm password*/

form#member-profile input {
    background-color: #fff !important;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    box-sizing: border-box;
    color: #555 !important;
    display: block;
    font-size: 14px !important;
    height: 34px !important;
    line-height: 1.42857 !important;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
}

.securimage-container {
    padding-top: 10px;
}

.ce-custom-fields-container {
    padding-top: 0;
}

/*istorelocator these are the icons for the map and contacts page*/


.glyphicon-road:before {
  content: "\e024";
  padding-right: 10px; 
}

.glyphicon-flag:before {
  content: "\e034";
}

/*istorelocator this is for the previous button on the map - does not work with glyyphicon - so used .icon */
.icon-circle-arrow-left::before {
    content: "\e132";
    padding-right: 10px; 
}



.label-info {
    background-color: #03a9f4;
}

.label-default {
    background-color: #96a1a3;
}



.label {
    border-radius: 0.25em;
    color: #fff;
    display: inline;
    font-size: 80%;
    font-weight: bold;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    margin-right: 3px;
}

.label-warning {
    color: #727272;
    display: inline;
    font-size: 100% !important;
    font-weight: bold;
    line-height: 1;
    padding: 0;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    margin-right: 0px;
}

.text-info {
    color: #3a87ad;
}

/* this is the individual adviser contact pages to make the window box wider*/
.ce-map-infowindow 
{ min-width: 300px; }

/* END OF istorelocator these are the icons for the map and contacts page*/

/* right sidebar testimonial widget, smaller paragraph text*/
.sidebar_widget p {
    font-size: 13px !important;
}

/* right sidebar menu - indents for second level menu items*/
.sidebar_widget ul li ul {
    padding-left:15px;
}

/* right sidebar recent posts - makes date line up under blog heading when photos not square*/
.recent_posts_list li i {
    padding-left:65px;
}

/* right sidebar recent posts - makes photos square*/
.recent_posts_list li span img {
    width: 50px;
    height: 50px ;
}

/* CD blue banner at top of product page middle line spacing*/

.cd-rw-wrapper-center {
    color: #fff;
    font-family: "Raleway",sans-serif;
    font-size: 32px;
    font-weight: 300;
    line-height: 35px;
    text-align: center !important;
}

/* CD blue banner at top of product page middle line spacing*/
.cd-rw-wrapper-center b {
    font-size: 20px;
    line-height: 0;
    margin-bottom: 19px;
}
/* CD blue banner at top of product page small legal line spacing*/
.cd-rw-sentence-small {
    font-size: 13px;
    line-height: 25px;
    padding-top: 10px;
}

.tabs3 li a {
    padding: 0 10px;
}


/* for Postcode Finder on Map to line up the address and postcode fields*/
address.loc-addr .loc-address {
    display: block;
    padding-left: 55px;
}
/* for Postcode Finder on Map to line up the address and postcode fields*/
address.loc-addr .loc-postcode {
    display: block;
    padding-left: 55px;
}

/* for Postcode Finder on Map to line up the address and postcode fields*/
address.loc-addr .loc-city {
    display: block;
    padding-left: 55px;
}

/* for Postcode Finder on Map to line up the address and postcode fields*/
address.loc-addr .loc-state {
    display: block;
    padding-left: 55px;
}

/* general divider on Member's Home page*/
.divider_dashed_apecs {
    border-top: 1px dotted #d7d7d7;
    float: left;
    margin: 30px 0 0;
    width: 100%;
}

/* different divider on Member's Home page*/

.divider_dashed_less {
    border-top: 1px dotted #d7d7d7;
    float: left;
    margin: 12px 0 0;
    width: 100%;
}

.pagenation {
    color: #e0e0e0;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin: 10px 0 0;
    padding: 0 0 22px;
    text-align: left;
    width: 100%;
}

/* for + and - on accordion to display together with background colours and more spacing*/


.accrodation .acc-trigger a { 
    background:  url("../images/accordion-ico.png") no-repeat 14px 13px;
    background-color: #f0f0f0;
    color: #003366;
}

.accrodation .acc-trigger.active a {
    color: #fff;
}


/* for + and - on accordion to display together with background colours and more spacing*/

.acc-trigger a {
    background: url("../images/accordion-ico.png") no-repeat scroll 14px 13px;
    background-color: #5572AC;
    color: #fff;

}

.acc-trigger a { background: url(../images/accordion-ico.png) no-repeat 14px 13px;
    color: #fff;
}


.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover {
    background: url("../images/accordion-ico.png") no-repeat scroll 14px 13px;
    background-color: #5572AC;
    color: #fff !important;
}


.acc-container .content {
    padding: 15px 44px 15px 44px;
    background-color: #fff;
}

.acc-container .content p {

    padding: 0 0 15px 0;
}

.acc-container .content a.but_table {

    line-height: 35px;
}

/*puts indented bullets on accordion list - no need to list_blog class*/
.acc-container .content li {
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 5px;
    text-indent: -1em;
    padding-left: 1em;
    padding-bottom: 1em;
}


/*puts indented bullets on accordion list*/
.acc-container .content li li {
    list-style-type: circle;
}


/* for Home page main body text to make gap between 2/3 adn 1/3 larger, ie right sidebar*/
.azp_col-sm-8 {
        padding-right: 50px;
}

/*puts nice block headings on on ethical page*/
div.blog_post h2 {
    border-left: 5px solid #5572AC;
    color: #5572ac;
    font-family: "Open Sans" !important;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 20px 0;
    padding: 5px 20px;
}

/* for home page login spacing after button*/

.list_empty li {
    float: left;
    margin: 10px 20px 15px 0;
    padding: 0;
}

/* table on annual lectures pag - less border thickness at top of table*/
.table thead > tr > th {
    border-bottom: medium none;
}

/* table on annual lectures page - blue colour for presenter text*/
.color-blue {
    color: #4765a0;
}

/* table on annual lectures page - cell padding*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px;
    vertical-align: top;
}

/* table on annual lectures page - left aligned heading*/
th {
    text-align: left;
}

table .inPageTable {
 border: 1px;   
} 


/* right hand sidebar menu - title h4 to make larger*/
.sidebar_widget h4, .clientsays_widget h4 {
    float: left;
    font-weight: 300;
    margin-bottom: 30px;
    font-size: 22px; 
    line-height: 25px;
    font-style: normal;
    color: #272727;
}

/* right hand sidebar menu - padding at bottom to make space before footer*/
.sidebar_widget {
    padding: 0 0 40px 0;
}

/* stylise the input box on the membership categories pages*/
.inputbox {
    background-color: #fff !important;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    box-sizing: border-box;
    color: #555 !important;
    margin: 0 0 0 10px;
    font-size: 14px !important;
    height: 34px !important;
    line-height: 1.42857 !important;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
    display: inline;
}

/* add margin to bottom of search, clear and input box on the membership categories pages*/
.btn-group {

    margin-bottom: 10px;
}

/* add padding on the all button on the membership categories pages*/
.chzn-container-single .chzn-single {
    height: 34px;
    padding: 5px 0 0 10px;
}


/* ensure Past Presentations does not leak into the sidebar*/
.azp_container {
    max-width:100%;
}

/* For Contact Enhanced Contacts page was 15px left and right margin - no indent required on left, put all on right*/

.contact-sidebar {  
    padding-left: 0px;
    padding-right: 30px;
} 

/* For Contact Enhanced Contacts page was 5px left - setting to left hand margin - was 5px*/
.contact-form-sidebar-container {
    margin-left: 0px !important;
}

/* For Contact Enhanced Contacts page Misc Info displayed as Shortbite larger top and bottom margin*/
.contact-miscinfo {
    margin-top: 8px;
    margin-bottom: 32px;
}

/* For Contact Enhanced Contacts page Message box to give it height - doesn't work from parameter field of Message field*/
.text_area#message {
    min-height: 100px;
}


/* For Contact Enhanced Contacts page icons as setup in Global Configuraiton for web and phone*/
.fontawesome-globe:before {
    content: "\f0ac";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

.fontawesome-phone:before {
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

.fa-check-circle::before {
    color: #5572ac;
}



/* CUSTOMISED BOOTSTRAP the following is in templates/hoxa/js/mainmenu/sticky.css with z-index: 9999, this needs to be 1049 as below so that modal popup goes on top; */
.menu_main {
    float: right;
    width: 75%;
    z-index: 1049;
    position: relative;
}


/* CUTOMISED BOOTSTRAP this should be in the Bootsrap file to close the modal popup window */
.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}


/* this is for map search bar, so that it doesn't go on 3 lines, word OR was problem with bootstrap, but customised here with attribute */
.isl-search-bar .hidden-sm {
    display: inline-block !important;
}

/* this is for map search bar, 'Anywhere' fits nicely in the search bar */

.isl-search-bar button, .isl-search-bar .input-group-addon, .isl-search-bar input, .isl-search-bar select {
    font-size: 15px !important;
}

/* this is for the bottom of the modal popup on the biographies page using CE button, bottom margin was set to 50px */
.ce-contact-modal {
    margin-bottom: 0;
}

/* for Map to line up the address and postcode fields*/
address.loc-addr .loc-address {
    display: block;
    padding-left: 55px;
}
/* for Map to line up the address and postcode fields*/
address.loc-addr .loc-postcode {
    display: block;
    padding-left: 55px;
}

/* for Map to line up the address and postcode fields*/
address.loc-addr .loc-city {
    display: block;
    padding-left: 55px;
}

/* for Map to line up the address and postcode fields*/
address.loc-addr .loc-state {
    display: block;
    padding-left: 55px;
}

/* for Map to line up the telephone fields*/
div.loc-phone {
     display: block;
    padding-left: 55px;   
}

/* for Map searcg bar APECS blue colour*/
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #5572ac;
    border-color: #285e8e;
    color: #fff;
}



/* for less top margin on Member's Home page*/

.content_fullwidth.lessmar {
    padding: 10px 0 0;
}

/* correctly place the anchor so it doesn't go behind the navigation header*/
.anchor {
  display: block;
  height: 115px; /*same height as header*/
  margin-top: -115px; /*same height as header*/
  visibility: hidden;
}

/* Members Profile page - paragraph at end of Public Profile held in Extra Field 1*/
div.contact-extrafield-1 {
    margin-bottom: 28px;
}

/* Members Profile page - paragraph at end of Private Profile held in Extra Field 2*/
div.contact-extrafield-2 {
    margin-bottom: 28px;
}


/* Edit Your Profile page - double heading displayed*/
div.profile-edit legend {
    display:none;
}

/*DO THIS WHEN UPGRADE TO 3.6.4 
for Joomla 3.6.4 on Find an Adviser Search Bar not to display as 3 lines of block - RIGHT CLICK ON 'OR' TO VIEW CSS
.isl-search-bar .input-group-addon {
    display: none !important;
}

 for Joomla 3.6.4 on Find an Adviser Search - make filter block wider
#isl-filter_tags {
    min-width: 225px!important;
    margin: 5px 10px!important;
}
*/



/* allowing for space in main nav for themed resources - too big - see if can add to members list*/
.nav > li > a {
    position: relative;
    display: block;
    padding: 30px 17px;
}