/*
Theme Name: Scotscare 2016
Theme URI: http://jameshambly.com
Description: Update to James Hamblys Theme by Richard @ do good. Adding audio/video and case study sections.
Author: <a href="http://jameshambly.com">James Hambly</a>
*/

@import "css/bootstrap.min.css";
@import "css/fonts.css";
@import "css/grid-10.css";
@import "css/isotope.css";
@import "css/sc-gform.css";



a.anchor {
    display: block;
    position: relative;
    top: 350px !important;
    visibility: hidden;
}

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



body {
  font-family: "ff-basic-gothic-web-pro-1","ff-basic-gothic-web-pro-2", Helvetica, Arial,sans-serif;
  font-style: normal;
  font-weight: 200;
  background-color: #f8f8f8;
  padding: 0;
}

h1,
h2,
h3,
h4 {
  font-family: BosisStd-Bold;
  font-weight: normal;
  font-style: normal;
}

h5,.h5,h6,.h6 {
    font-weight: 700;
    font-family: "ff-basic-gothic-web-pro-1","ff-basic-gothic-web-pro-2", Helvetica, Arial, sans-serif;
}


h3 { font-size: 40px; line-height: 40px; }
h4 { font-size: 30px; line-height: 30px; }


.clear { clear: both; }

.no-padding { padding: 0; }

a { color: #3399d2; }

a:hover {
    text-decoration: none;

    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    transition-duration: 0.7s;
}



/* GLOBAL WRAPPER/CONTAINER  SIZING */


#wrapper {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    overflow: hidden;
}


.container {  }



@media (min-width: 960px) {

    #wrapper {
        min-height: 1200px;
    }

    .container {
        width: 960px;
    }

}

@media (min-width: 1150px) {

    #wrapper {
        background-position: 0 610px;
    }

    .container {
        width: 1150px;
    }

}





/* Section Intro (new organisation of side intro sub header bit) ------------------------------------------------------------ */



.section-intro {
    padding-left: 15px;
}

.section-intro-subhead {
    font-size: 18px;
    line-height: 22px;
    padding: 0px;
}


.section-intro-description {

}





/* BACKGROUND IMAGE  ------------------------------------------------------------ */


    .background-image { background-color: #f8f8f8; /*display: block; z-index: 1; text-align: center; width: 100%; overflow: hidden;*/ background-repeat: no-repeat; background-position: 45% 20px;

      -webkit-background-size:  auto;
      -moz-background-size:     auto;
      -o-background-size:       auto;
      background-size:          auto;


    }

    .background-image.scaled {

      -webkit-background-size:  cover;
      -moz-background-size:     cover;
      -o-background-size:       cover;
      background-size:          cover;

      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
      -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";

    }




@media (min-width: 1150px) {

        .background-image { background-position: 50% 20px; }

}







/* WRAPPER --------------------------------------- */









/* SITE TOP     outline: 1px dashed #CCC; outline-offset: -1px;  ------------------------------------------------ */



.site-top {
    padding-top: 10px;
    position: absolute;
    margin: 0;
    width: 100%;
    z-index: 2000;
    color: #FFF;
    height: 40px;
    background: url(images/tartan-6-item.png) repeat-x 50% 0
}

/* removed from site top: -webkit-transform: translate3d(0,0,0); */


    @media (min-width: 960px) {

        .site-top {
            height: 107px;
            background-repeat: repeat-x;
            background-position:  50% -150px;
        }

        /* These forces the menu to be fixed top on desktop */
        .site-top.mm-fixed-top.fix-top {
            position: fixed !important;
            top: -55px;
        }
        .site-top.mm-fixed-top {
            position: absolute !important;
        }

    }

    @media (min-width: 1150px) {

        .site-top {
            background-repeat: repeat-x;
            background-position:  50% 0;
        }

    }



/* TOP RIGHT NAV  */


.contact-social-search ul {
    float: right;
    padding: 0 5px 0 0;
    margin: 0;
}

.contact-social-search ul li {
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 15px;
}

.contact-social-search ul li a {
    color: #96a2b3;
}

.contact-social-search ul li a:hover {
    color: #FFF;
}

.contact-social-search .top-right-icons {
    float: right;
}




/* SITE TOP - CONTENT   outline: 1px dashed #CCC; outline-offset: -1px;  */




.before-move { display: none; }

.site-top.mm-fixed-top .container { overflow: visible; }







/*  Top Menu  */

    .contact-social-search { float: right;  }

    .contact-social-search #menu-top-menu { display: none; } /* Hides desktop top menu links */



/*  Top Menu: search  */

    #searchform { float: left; display: none; }

    .search-field { float: left; overflow: hidden; }
        .search-field span { float: left; overflow: hidden; width: 0px; }
        .search-field input { width: 100%; border: 0; margin: 0 0 0 10px; padding: 5px; height: 20px; line-height: 15px; }
        .search-field input#searchsubmit,
        #searchform input[type="submit"] { border: 0 !important; }





/* MOBILE MENU */

.toggle-button-wrap {
    display: block;
    width: 40px;
}

a#mmenu-open {
    display: block;
    width: 30px;
    height: 30px;
    background: url(images/toggle.png) no-repeat 50% 50%;
    text-indent: -9999px;
    overflow: hidden;
    margin: -5px 0 0 -5px;
}


.mobile-menu {
	display: none;
}



/* MOBILE LOGO */

.mobile-logo { display: block; font-size: 22px; min-width: 140px; }
.mobile-logo a { color: #FFF !important; margin: -3px 0 0; min-width: 130px; font-family: BosisStd-Bold; font-weight: normal; font-style: normal; display: block; }
.mobile-logo span,
.mobile-logo img { float: left; }
.mobile-logo img { margin: -1px 0 0 2px; padding: 4px 0 0; height: 26px !important; width: auto; }





/* HIDDEN DESSKTOP ELEMENTS */

.site-title { display: none; } /* Hides desktop logo */

.nav-justified { display: none; } /* Hides desktop Main Munu */





@media (min-width: 960px) {

    .toggle-button-wrap { display: none; }/* Hides mobile menu toggle */

    .mobile-logo { display: none; } /* Hides mobile logo */

    a#mmenu-open { display: none; } /* Hides mobile toggle menu ?? */


    .site-title { display: block; } /* Shows desktop logo */

    .site-title { margin: 0; padding: 0px 0px 0px 15px }  /* rik edited.. adding padding */

    #searchform {  display: block; } /* Shows dSearch Form on desktop */

    .contact-social-search #menu-top-menu { display: block; } /* Shows desktop top menu links */

}






/* MAIN MENU _ (JUSTIFIED NAV) outline: 1px dashed #CCC; outline-offset: -1px; -------------------------------------------*/

@media (min-width: 960px) {

        .collapse.navbar-collapse {
            padding: 0;
            margin: 0;
        }

        .nav-justified {
              overflow: hidden;
              display: table;
        }

        .nav-justified > li {
            position: relative;
            min-height: 1px;
            width: 16.66666667%;
        }

        .nav-justified > li > a {
            margin-bottom: 0;
            text-align: left;
            font-weight: 400;
            background: none;
            outline: 0;
            color: #99CCE9;
            display: block;
            padding: 20px 0px 20px 10px;

        }

        .nav-justified > .active > a,
        .nav-justified > .active > a:hover,
        .nav-justified > .active > a:focus,
        .nav-justified .current-menu-item a,
        .nav-justified .current-page-ancestor a,
        .nav-justified .current_page_parent a {
            background: none !important;
            color: #FFF;
        }

        .nav-justified a:hover,
        .nav-justified a:active,
        .nav-justified a:focus { background: none !important; color: #FFF;  }

        .nav-justified > li:first-child > a { border-left: 0; }
        .nav-justified > li:last-child > a { border-right: 0; }

}






/* LOGO + TAGLINE/SUBNAV WRAPPER -------------------------------------------------------------------------- */



header { display: none; }

.not-home header {
    padding-bottom: 20px;
} /* What is this??? something for hte homepage I think */

.header-desktop { padding-top:  60px; }   /* NEW Padding added to space out desktopheader */


@media (min-width: 960px) {

    header {
        display: block;
        margin: 50px 0 0;
        padding-top: 30px;  }

}




/* SCOTSCARE LOGO – HIDDEN ON MOBILE
------------------------------------------------------------------------------------------------------------------------------------------ */


a.index {
    font-family: BosisStd-Bold;
    font-weight: normal;
    font-style: normal;
    padding: 0 0 20px;
    float: left;
    clear: both;
    margin-left: -10px;
    text-decoration: none;
}


a.index img { height: auto; float: right; }


@media (min-width: 767px) {
    header h1 { line-height: 32px; font-size: 32px; }
    header h1 a.index img { width: 25px; margin: 3px 0 0; }

}

@media (min-width: 1150px) {
    header h1 { line-height: 39px; font-size: 39px; }
    header h1 a.index img { width: 30px; margin: 4px 0 0; }

}




/* SUB NAV / TAGLINE (HOMEPAGE) HIDDEN ON MOBILE outline: 1px dashed #CCC; outline-offset: -1px;
------------------------------------------------------------------------------------------------------------------------------------------ */

.sub-nav {
    color: #FFF;
    font-weight: 400;
    padding: 20px 0 0 5px;
}

.sub-nav ul { font-size: 14px; float: left; padding: 0; margin: 10px 0 0 3px; clear: both; }
.sub-nav ul li { list-style-type: none; width: 25%; float: left; line-height: 30px; }

.sub-nav ul li.current-menu-item a { color: #243d62; }

.tagline-1 {
    float: left; margin-left: 2px;
    font-family: BosisStd-Bold;
    font-weight: normal;
    font-style: normal;
}

.error404 .tagline-1,
.search .tagline-1 { color: #0080C7; }

.error404 .page-content { padding-bottom: 100px; }




@media (min-width: 767px) {

    .tagline-1 { line-height: 32px; font-size: 32px; }

}

@media (min-width: 1150px) {

    .tagline-1 { line-height: 39px; font-size: 39px; }

}

@media (min-width: 960px) {

    .sub-nav ul { width: 760px;  }

}

@media (min-width: 1150px) {

    .sub-nav ul { width: 880px;  }

}



/* HEADER + SUB NAV THEMES
------------------------------------------------------------------------------------------------------------------------------------------ */

.light-bg a.index,
.red-type a.index,
.dark-type a.index { color: #243D62; }

.light-bg .tagline-1,
.dark-type .tagline-1 { color: #0080c7; }

.light-type a.index,
.light-type .tagline-1 { color: #FFF; }





/* SUB NAV THEMES */

.light-type .menu a { color: #cee6f4; }
.light-type .menu .current-menu-item a,
.light-type .menu a:hover { color: #FFF; }



/* HEADERS + SUB HEADERS */

header { background: none; }

header.light-bg { background: url(images/sub-nav-bg.png) repeat-x 0 100%;  }


.sub-header-a ul.menu li a,
.sub-header-a .tagline-1 {  }


.sub-header-c ul.menu li a,
.sub-header-c .tagline-1 {  }

.sub-header-c .menu { }

.red-type ul.menu li a,
.red-type .tagline-1 { color: #c93640; }






/* INLINE SUB NAV   outline: 1px dashed #CCC; outline-offset: -1px;  */

.sub-nav.sub-nav-inline {}
.sub-nav.sub-nav-inline .menu {
    clear: none;
    float: left;
}



.sub-nav.sub-nav-inline .tagline-1 {
    width: auto;
    margin-right: 20px;
}



.sub-nav.sub-nav-inline ul {
    width: auto;
    margin: 0px;
    clear: none;
}

.sub-nav.sub-nav-inline ul li {
    width: auto;
    margin: 7px 15px 0px 0px;
}



@media (min-width: 1150px) {

    .sub-nav.sub-nav-inline ul li {
        margin: 10px 15px 0px 0px;
    }

}




/* MAIN WRAPPER
------------------------------------------------------------------------------------------------------------------------------------------ */

#main { width: 100%; float: left; }



/* TAGLINE 2 + HOMEPAGE INTRO - WRAPPER
------------------------------------------------------------------------------------------------------------------------------------------ */

.homepage-main { width: 100%; margin: -40px 0 0; padding-bottom: 0px; }

@media (min-width: 960px) {

        .homepage-main { padding-bottom: 80px; margin: 0; }
}

/* TAGLINE 2 */

.tagline-2 { color: #FFF; font-size: 18px; line-height: 22px; padding: 30px 15px; display: block; font-family: BosisStd-Bold; font-weight: normal; font-style: normal; }

    @media (max-width: 959px) {

        .tagline-2  { color: #000; padding-top: 20px; padding-bottom: 20px; display: none; }

    }

    /* HOME INTRO */

    .home-intro { font-size: 18px; line-height: 22px; padding: 0; }

    .home-intro.box-colour-red { color: #FFF; }
    .home-intro.box-colour-red .box-zig { background: url(images/homebox-red.png) repeat-x; height: 30px; width: 100%; float: left; clear: both; }
    .home-intro.box-colour-red .box-zig.box-bot { background-position: 0 -80px; }
    .home-intro .box-colour { background: #c93640; padding: 0px 0px 26px 0px; float: left; clear: both; width: 100%; }/* padding bottom added by rik */


        .homepage-main > .container { margin-bottom: 74px; margin-top: 34px;} /* added by rik */


    @media (max-width: 959px) {
        .homepage-main > .container { width: 100% !important; max-width: none; margin-bottom: 0px; margin-top: 0px;} /* margins.. added by rik */

        .home-intro { padding: 60px 0px 0px 0px; }
        .home-intro .box-colour { padding: 0px 5px 26px 5px; }

    }


/* SEARCH */
.you-searched-for { float: left; clear: both; color: #0080C7;  padding: 20px 0px 60px; font-weight: normal; font-weight: 700; }
.you-searched-for .another-search { display: none; }
    @media (min-width: 960px) {

        .you-searched-for { margin-left: 20%; padding: 0 10px 60px; }
        .you-searched-for .another-search { display: block; }

    }

.you-searched-for strong { color: #C93640; font-weight: 700;}
.another-search { padding: 10px 0; }




/* SCOTSCARE SOCIAL / HELP SCOTSCARE
------------------------------------------------------------------------------------------------------------------------------------------ */

.social-wrap {  width: 100%; float: left; margin: -20px 0 0; background: url(images/zigzag-footer-two-tone.png) no-repeat 50% 0; padding: 40px 0 0; }

.social-panel { padding: 0 0 50px; }

    .social-panel h2 { float: left; margin: 0; padding: 11px 0 0 15px; font-size: 22px; color: #FFF !important;  }

    .social-panel .tabs { float: left; margin: 5px 0 0 20px; }
    .social-panel button { background: none; padding: 0 10px 10px; border: 0; height: 50px; color: #99cce9; cursor: pointer; outline: 0; }
    .social-panel button:hover,
    .social-panel button.active { color: #FFF; }

    .social-panel .tab-content { min-height: 150px; float: left; clear: both; color: #FFF; padding: 30px 15px; background: url(images/tartan-h-diagonals.png) repeat-x;  }
    .social-panel .tab-content a { color: #ffffa5;  text-decoration: underline;}


            .social-panel .tab-content { margin: 10px 20px 20px 0px; }
            .social-panel.support-panel .tab-content { margin: 10px 0px 20px 20px; }
            .social-panel.support-panel h2 { margin-left: 20px; }


        @media (min-width: 1150px) {
            .social-panel.support-panel h2 { margin-left: 50px; }
            .social-panel .tab-content { margin: 10px 50px 20px 0px; }
            .social-panel.support-panel .tab-content { margin: 10px 0px 20px 50px; }
        }


/* SOCIAL TABS */

    .social-panel .tab-content.tab-twitter  { display: none; }
    .social-panel .tab-content.tab-facebook { }

    /* TWITTER FEED */

    h2.widgettitle { display: none;}
    .social-panel .tab-content.tab-twitter h5 { padding-left: 30px; color: #99cce9; padding: 0; margin: 0; font-weight: 400; font-size: 18px; line-height: 24px; }
    .social-panel .tab-content.tab-twitter ul { padding: 0; margin: 0; }
    .social-panel .tab-content.tab-twitter ul li { padding: 0; margin: 0; list-style-type: none; font-size: 18px; line-height: 24px; }

   /*  .social-panel .tab-content.tab-twitter em { font-size: 14px; background: url(images/icon-twitter.png) no-repeat 0 10px; padding: 10px 0 0 30px; margin: 20px 0 0; font-style: normal; display: inline-block; } */
   
   	.tp_recent_tweets li { background-image: none !important; } /*removing twitter icon */
   
    .social-panel .tab-content.tab-twitter em a { color: #99cce9; text-decoration: none; }

    .go-to-twitter { display: inline-block; margin: -22px 0 0; float: right; }


    /* FACEBOOK */


    .social-panel .tab-content.tab-facebook { width: 450px; font-size: 18px; line-height: 24px;  padding-right: 0; padding-bottom: 0px; margin-bottom: -30px;}
    .social-panel .tab-content.tab-facebook .fb-graphic { display: block; width: 100%; height: 200px; background: url('images/facebook.png') no-repeat 100% 0; }

    @media (min-width: 1150px) {
        .social-panel .tab-content.tab-facebook { width: 495px; }
    }

    .social-panel .tab-content.tab-facebook p { padding-right: 60%; }
    .social-panel .tab-content.tab-facebook a {  color: #ffffa5; text-decoration: underline; }




/* FUNDING TABS */


    .social-panel.support-panel { /*background: url(images/coin.png) no-repeat 110% 140%; ISSUES */}

    .social-panel.support-panel .tab-content { }

    @media (min-width: 960px) {
        .social-panel.support-panel .tab-content { width: 450px; }
    }

    @media (min-width: 1150px) {
        .social-panel.support-panel .tab-content { width: 495px; }
    }




    .social-panel .tab-content.tab-donate       {}
    .social-panel .tab-content.tab-fundraising  { display: none; }
    .social-panel .tab-content.tab-volunteer    { display: none; }

    .social-panel .tab-content {  float: none;  }

    .social-panel h4 { color: #FFF; display: block; clear: both; padding: 0 0 15px 0; }

    .social-panel .tabs-help img { width: 50px; height: auto; float: left; margin: 5px 10px 0 0; }
    .social-panel .tabs-help .photo-text { float: left; width: 50%; }


    .mobile-social-wrap { display: none; background: url(images/box-white.png) repeat-x; padding: 25px 0 20px; float: left; width: 100%; margin: -30px 0 0; position: relative; z-index: 30; }
    .mobile-social-wrap .container { overflow: visible; padding: 0 5px; }

@media (max-width: 959px) {

    /* MOBILE */
    .social-wrap { background: url(images/social-section-bg.png) repeat-x; }
    .social-wrap .container { overflow: hidden; }
    .social-panel,
    .social-panel .tabs { display: none; }
    .social-panel.support-panel { display: block; }
    .social-panel.support-panel .tab-content { display: none; }
    .social-panel.support-panel .tab-content.tab-donate { display: block; }

    .mobile-social-wrap { display: block; }

    .social-panel.support-panel h2 {  padding: 11px 0 10px 15px; margin-left: 20px; }
    .social-panel.support-panel .tab-content { margin: 10px 20px 20px; min-height: 1px; }

}




/* VIDEO PANEL */

.video-embed {}
.video-embed iframe { padding: 0; margin: 0; border: 0; width: 100%; height: 250px; }
.video-embed iframe.video-embed-youtube {}
.video-embed iframe.video-embed-vimeo {}

@media (min-width: 450px) {

    .video-embed iframe { height: 350px; }

}

@media (min-width: 600px) {

    .video-embed iframe { height: 400px; }

}


@media (min-width: 960px) {

    .video-embed iframe { height: 300px; }

}


@media (min-width: 1150px) {

    .video-embed iframe {  height: 350px; }

}



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

footer { background: url(images/footer.png) repeat-x; margin-top: -20px; padding: 40px 0; color: #3399d2; float: left; width: 100%; position: relative; z-index: 10;  }

    footer .container { padding: 0 5px; }
    footer .container ul { padding: 0; margin: 0; font-weight: 700; }
    footer .container ul li { font-weight: 200; padding: 0 0 3px; margin: 0; list-style-type: none;  line-height: 20px; }
    footer .container h5 { font-size: 0.9em; padding: 0 0 3px; margin: 0; line-height: 20px; }
    footer a.index { color: #243D62; margin: 20px 0 0; font-size: 32px; clear: both; float: left; display: block;  }
        footer a.index img { width: 25px; margin: 8px 0 0; }

    footer .container ul li.help-scotscare-link,
    footer .container ul li.how-we-help-link,
    footer .container ul li.about-link { display: none; }


    footer .container .footer-left ul li a { font-size: 0.9em; font-style: normal; font-weight: 700; font-family: "ff-basic-gothic-web-pro", Helvetica, Arial, sans-serif; }


    .footer-helpline { display: none; }

@media (min-width: 960px) {

    .footer-helpline { display: block; }

}

    .telephone { background: url(images/icon-telephone.png) no-repeat -2px 2px; padding: 0 0 30px 25px; color: #243d62; font-weight: 700; font-size: 20px; letter-spacing: -1px; }



@media (max-width: 959px) {

    /* MOBILE */

    footer .col-md-2 { display: none; }
    footer .col-md-2.footer-note { display: block; padding: 0 5px; }
}



/* SOCIAL
------------------------------------------------------------------------------------------------------------------------------------------ */


a.icon-social,
input.icon-social.icon-search { float: left; margin: -5px 0 0 10px; text-indent: 9999px; overflow: hidden; width: 25px; height: 30px; background: url(images/social-icons-2.png); display: block; }

    a.icon-social.icon-facebook { background-position: 2px -30px; }
    a.icon-social.icon-twitter  { background-position: -38px -30px; }
    a.icon-social.icon-search,
    input.icon-social.icon-search   { background-position: -74px -30px; }

    a.icon-social.icon-facebook:hover   { background-position: 2px 0; }
    a.icon-social.icon-twitter:hover    { background-position: -38px 0; }
    a.icon-social.icon-search:hover,
    input.icon-social.icon-search       { background-position: -74px 0; }

    .mobile-social-wrap a.icon-social.icon-facebook { background-position: 2px -60px; }
    .mobile-social-wrap a.icon-social.icon-twitter  { background-position: -38px -60px; }
    .mobile-social-wrap a.icon-social.icon-youtube  { background-position: -110px -60px; width: 60px; }

    .mobile-social-wrap a.icon-social.icon-facebook:hover   { background-position: 2px -90px; }
    .mobile-social-wrap a.icon-social.icon-twitter:hover    { background-position: -38px -90px; }
    .mobile-social-wrap a.icon-social.icon-youtube:hover    { background-position: -110px -90px; }



/* CONFUSINGLY NECESSARY OVERRIDES
------------------------------------------------------------------------------------------------------------------------------------------ */


@media (min-width: 0px) and (max-width: 959px) {

    .home-intro,
    .social-panel,
    .news-title,
    .news-wrap .post-excerpt-text { width: 100%; }

    footer .col-md-2 { clear: both; }

}




/* PAGE
------------------------------------------------------------------------------------------------------------------------------------------ */

.page-title h1 { font-size: 22px; line-height: 30px;  padding: 15px 0 0; margin: 0; color: #243D62;  }
.page-content h2 { font-size: 39px; line-height: 45px; padding: 5px 0px 22px 0px; margin: 0; color: #4da6d8; } /*rik edited size-line-hieght-padding. big big  */
.page-content p {font-size: 16px; padding: 0px 67px 0px 0px; } /* rik added this tweaking paras */


.page-content { padding: 0px 11px;  }

.page-content img {  /* rik added this post image 'photo' border */

    border: solid white 9px;
    -moz-box-shadow: 0 0 5px #d8d8d8;
    -webkit-box-shadow: 0 0 5px #d8d8d8;
    box-shadow: 0 0 5px #d8d8d8;
    transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    margin:30px;
}



.tag-on-footer {
    border-top: #3399D2 2px solid;
    margin-top: 20px;
}

.tag-on-footer p {
    padding-top: 20px;
}

.tag-on-footer .col-md-2 { display: block; }




@media (min-width: 0px)  {

    .page-content p {font-size: 16px; padding: 0px 55px 0px 0px; } /* rik added this tweaking paras */
}


@media (max-width: 959px) {

    .page-content p {font-size: 16px; padding: 0px 10px 0px 0px; } /* rik added this tweaking paras */
}



/* PAGE TEMPLATE
------------------------------------------------------------------------------------------------------------------------------------------ */

.main-wrap { background: none !important; padding-top: 20px; padding-bottom: 150px;  } /* rik added pad */

.main-wrap .container { padding: 20px 10px; }


@media (max-width: 959px) {

    .main-wrap .container { padding: 40px 10px 20px 10px; }
}


@media (min-width: 0px) and (max-width: 959px) {

    .main-wrap { min-height: 50px; padding-top: 15px; padding-bottom: 40px;  } /* rik added -tweaking wrap */

}



@media (min-width: 960px) {

    section.last { padding-bottom: 20px; /* Add padding to <section> BEFORE .social-wrap to compensate for tabs/negative margins */ }

}

.flexible {}
.flexible .container { padding: 40px 10px; }

/* LEFT COLUMN */

.flexible .col-md-2 { padding-bottom: 10px; padding-right: 20px; font-size: 22px; line-height: 30px;  }







/* PANEL TYPES
------------------------------------------------------------------------------------------------------------------------------------------ */

    /* LARGE QUOTE */

    .flexible.large-quote { }


    /* FORM
    .flexible.form { }
        .flexible.form .row { margin: 30px 0 0; }
        .flexible h5 { padding: 0px 0 20px; margin: 0; font-size: 22px; font-weight: 400; }
        .flexible.form .form-links { padding: 0 20px 10px 0; }
        .flexible.form .form-links a { display: block; outline: 1px solid #FFF; margin: 0 10px 0 0; width: 50%; height: 100px; float: left; text-indent: -9999px; overflow: hidden; background: #FFF; opacity: 0.4; }
        .flexible.form .form-body { margin-left: 20%; }

    @media (min-width: 0px) and (max-width: 959px) {
        .flexible.form .form-body { margin-left: 0; }
    }
    */



    /* USEFUL LINKS */

    .useful-links-wrap { width: 80%; margin: 10px 0 0 20%; padding: 0; float: left; clear: both; }
    .flexible .useful-link-image { width: 25%; float: left; box-sizing: padding-box; line-height: 1.2em; padding: 10px; }
    .flexible .useful-link-image img { width: 100%; height: auto; margin: 0 0 5px; }



    @media (min-width: 0px) and (max-width: 600px) {

        .flexible .useful-link-image { width: 50%; }
        .flexible .useful-link-image span { display: block; width: 120px;       }
        .flexible .useful-link-image img { width: 100%; }


    }


    @media (min-width: 0px) and (max-width: 959px) {

        .useful-links-wrap { width: 100%; margin: 0; }

    }

    /* DONATE */

    .col-25,
    .col-50,
    .col-75,
    .col-100 { float: left; 1outline: 1px solid red; font-family: "ff-basic-gothic-web-pro", Helvetica, Arial,sans-serif; font-style: normal; font-weight: 200; }

    .col-100 { clear: both; border-top: 1px solid #FFF; padding: 40px 0 0; }

    .col-25,
    .col-50,
    .col-75,
    .col-100 { width: 100%; clear: both; }



    .gift-aid-logo { height: 60px; background: url(images/gift-aid.png) no-repeat 0% 50%; display: block; margin: 20px 0 0; }

    #paymentframe { width: 100%; height: 600px; display: none; border: 0; margin: 20px 0 0; }

    .donate-panel input#amount { float: left; border: 0; width: 200px; padding: 10px; }
    .donate-panel label { width: 20px; float: left; text-align: right; padding-right: 10px; padding-top: 10px; }

    .donate-intro {  font-size: 16px; line-height: 20px; padding-right: 20px; }
    .gift-aid-desc { font-size: 16px; line-height: 20px; }
    .gift-aid-desc a { color: #ffffbe; }

    input#Proceed { background: #243d62; color: #FFF; border: 0; cursor: pointer; float: right; padding: 5px 10px; }

    .payment-options { width: 130px; height: 30px; float: right; margin: 5px 20px 0 0; background: url(images/payment.png) no-repeat 50% 50%; }


    @media (min-width: 960px) {

        .gift-aid-logo { height: 100px; margin: 0; }

        .donate-panel input#amount { float: right; width: 80%; }
        .donate-panel label { width: 20%; }

        .col-25 { width: 25%; }
        .col-50 { width: 50%; }
        .col-75 { width: 75%; }
        .col-100 { width: 100%; }

        .col-25,
        .col-50,
        .col-75,
        .col-100 {  clear: none; }

    }



    /* FORM EMBED */

    .flexible.form-embed .gf_browser_chrome.gform_wrapper,
    .flexible.form-embed .gform_wrapper { background: none !important; padding: 0; margin: 0; }

    .flexible.form-embed {

      font-family: "ff-basic-gothic-web-pro", Helvetica, Arial,sans-serif;
      font-style: normal;
      font-weight: 200; background-color: #f8f8f8; padding: 0;

    }

    .flexible.form-embed strong,
    .flexible.form-embed label { font-weight: 200; }

    .flexible.form-embed input[type=text],
    .flexible.form-embed textarea { font-size: 16px; padding: 5px; border: 0; }

    .flexible.form-embed .panel-title {
            font-family: BosisStd-Bold;
            font-weight: normal;
            font-style: normal;
    }


    /* NEWS STORIES */

    .news-stories { margin-top: -60px; padding: 20px 0;  }

    .news-stories .news-title { margin: 0 !important; padding: 0 25px; display: block;  }
    .news-stories .news-title h2 { background: url(images/tartan-h-diagonals.png) repeat-x 0 100%; color: #FFF; font-size: 18px; padding: 0 0 20px; margin: 0; display: block; }

    .news-stories .post-excerpt .scotscare-news-aside { display: none; }
    .news-stories .post-excerpt:nth-child(1) .scotscare-news-aside { display: block; }


    .news-stories .post-excerpt-img { padding-top: 0px; padding-left: 20px; display: none; }
    .news-stories .post-excerpt-img img { width: 100%; margin: 0; height: auto; display: block; background: #000; padding: 0 !important; border: 0 !important;

        -moz-border-radius:     0px;
        -webkit-border-radius:  0px;
        border-radius:          0px; /* future proofing */
        -khtml-border-radius:   0px; /* for old Konqueror browsers */

     }

    .news-stories .post-excerpt-text { padding: 20px 15px 0; margin: 0 10px; }
    .news-stories .post-excerpt-text h3 { padding: 0; margin: 0; font-size: 30px; line-height: 35px; }

    .news-stories .post-excerpt-text a { color: #FFFA93; }
    .news-stories .post-excerpt-text h3 a { color: #FFF !important; }
    .news-stories .post-excerpt-text a:hover { color: #FFF; }

    .news-stories .post-excerpt-text .meta { float: left; width: 100%; padding: 0 0 15px; margin: 0; font-size: 0.9em; background: none; }





    @media (min-width: 960px) {

            .news-stories { margin: 0; padding: 0; }

            .news-stories .post-excerpt:nth-child(1) .scotscare-news-aside { display: block; padding: 20px; margin: 0; }

            .post-excerpt-img { display: block; margin: 0 0 20px; }

            .news-stories .news-title { margin: 0; padding: 0; }
            .news-stories .news-title h2 { background: none; }

            .news-stories .post-excerpt-text { padding: 0 5px 40px; }
            .news-stories .post-excerpt-text .meta {  background: url(images/tartan-h-diagonals.png) repeat-x 0 100%; margin: 0 0 15px; }

            .news-stories .post-excerpt-img { display: block; }

    }




/* SECTION THEMES
------------------------------------------------------------------------------------------------------------------------------------------ */



        .links-aside,
        .form-aside,
        .quote-title,
        .panel-title {
            color: #fff;
            font-family: BosisStd-Bold;
            font-weight: normal;
            font-style: normal;
            }


        .quote-body {
            font-family: BosisStd-Bold;
            font-weight: normal;
            font-style: normal;
            font-size: 1.4em; line-height: 30px;
            }




.flexible { margin-top: -20px; padding-bottom: 20px; }
.flexible.theme-blue { background: /*#4da6d8*/ url(images/zigzag-blue.png) repeat-x; color: #FFF; }
.flexible.theme-dark-blue { background: /*#243D62*/ url(images/zigzag-dark-blue.png) repeat-x; color: #FFF; }
.flexible.theme-grey { background: /* #ececec */ url(images/zigzag-grey.png) repeat-x; color: #222; }
.flexible.theme-red { background: /* #CB3232 */ url(images/zigzag-red.png) repeat-x; color: #FFF; }
.flexible.theme-light-image,
.flexible.theme-dark-image {

    background-position: 50% 0%;
    background-repeat: no-repeat;
    color: #000;

      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
      -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";

}


.gform_body input, .gform_body textarea {
	color: #000;  /* Gravity input fix */
}   

.flexible.theme-dark-image { color: #FFF; }

.flexible.theme-red a,
.flexible.theme-dark-blue a,
.flexible.theme-blue a { color: #FFF; }


.flexible.theme-grey .panel-title { color: #222; }








@media (max-width: 959px) {

    /* MOBILE */

}


/* SHARE / PRINT
------------------------------------------------------------------------------------------------------------------------------------------ */

.page-title { padding: 40px 15px 0; }
.page-content { padding: 0 15px 10px; }


@media (min-width: 960px) {
    .page-title,
    .page-content { padding: 15px; }
}


.page-sharing { display: none;  }

@media (min-width: 960px) {

    .page-sharing { display: block; padding: 15px 0; }

}

.main-wrap .container { padding: 0;}

.share {  width: 205px; }

@media (min-width: 767px) {

    .share {  width: 175px; }

}

@media (min-width: 1150px) {

    .share {  width: 205px; }

}

.share { height: 69px; background: url(images/share-bg.png) no-repeat -10px 0; display: block; float: left; margin: 20px 0 0 0;  }
    .share h5 { font-size: 14px; margin: 12px 0 3px 40px; font-family: "ff-basic-gothic-web-pro", Helvetica, Arial,sans-serif; font-style: normal; font-weight: 200; color: #0080c7; }
    .share-icons { padding: 0 0 0 35px; }
    .share a { display: block; width: 30px; height: 30px; float: left; margin: 0 0 0 0; text-indent: -9999px; overflow: hidden; background: url(images/share-icons.png) no-repeat;  }
    .share a.em-icon { background-position: 0 -59px; }
    .share a.fb-icon { background-position: 0 0px; }
    .share a.tw-icon { background-position: 0 -30px; }
    .share a.em-icon:hover { background-position: -30px -59px; }
    .share a.fb-icon:hover { background-position: -29px 0px; }
    .share a.tw-icon:hover { background-position: -30px -30px; }


.print { width: 185px; display: none;  }

@media (min-width: 960px) {

    .print {  width: 155px; display: block; }

}

@media (min-width: 1150px) {

    .print {  width: 185px; }

}


.print { height: 43px; background: url(images/print.png) no-repeat 100% 0; float: left; margin: 20px 0 0 20px; padding: 0; }

.print a {  color: #0080c7 !important; display: block; margin: 0; padding: 10px 10px 10px 20px;}

.print .printfriendly {  width: 100%; margin: 0; }

.chat { padding: 20px 10px 10px 20px; display: block; margin: 20px 0 0 20px; float: left; }

@media (min-width: 767px) {

    .chat,
    .newsletter { width: 155px; }

}

@media (min-width: 1150px) {

    .chat,
    .newsletter  { width: 185px; }

}

@media (min-width: 960px) {

    .chat { background: #cce6f4; padding: 20px 20px 10px 20px; display: block; margin: 20px 0 0 20px; float: left;  }
    .chat p { color: #0080c7; font-size: 16px; line-height: 18px; font-weight: 400; }
    .chat p.tel { color: #243d62; font-size: 18px; letter-spacing: -2px; background: url(images/tel-icon.png) no-repeat 0 50%; padding-left: 25px; line-height: 20px;  }

}


.newsletter { background: #cce6f4; padding: 20px 20px 10px 20px; display: block; margin: 25px 0 0px 0px; float: left; display: none;  }
.newsletter input { width: 100%; padding: 5px; border: 0; }
.newsletter button { background: #0080c7;  color: #FFF; border: 0; padding: 5px 10px; float: right; margin: 5px 0 10px;  }
.newsletter button:hover { background: #243d62; }

@media (min-width: 960px) {

    .newsletter { margin: 25px 0 50px 20px;display: block; }

}

/* INFO PAGE TEMPLATE
------------------------------------------------------------------------------------------------------------------------------------------ */

.info-template { padding-top: 0; padding-bottom: 0; padding: 0; }
.info-template .container { padding: 40px 0px 20px 0px; }

@media (min-width: 960px) {

    .info-template .container { padding: 20px 0px; }

}


.info-template.info-template-mobile-theme-dark-blue { background: url(images/zigzag-dark-blue-box-bg.png); }
.info-template.info-template-mobile-theme-grey      { background: url(images/zigzag-grey-box-bg.png); }
.info-template.info-template-mobile-theme-white     { background: url(images/zigzag-white-box-bg.png); }
.info-template.info-template-mobile-theme-red       { background: url(images/zigzag-red-box-bg.png); }


@media (min-width: 960px) {

    .info-template.info-template-mobile-theme-dark-blue,
    .info-template.info-template-mobile-theme-grey,
    .info-template.info-template-mobile-theme-white,
    .info-template.info-template-mobile-theme-red { background: none; }

}


.info-template-box { padding: 40px 0; margin: 0; }

.info-template-box-top,
.info-template-box-bottom { height: 20px; display: block; display: none; }
.info-template-box-bottom { margin: 0 0 20px; }




/* THEMES */

    /* GREY */
    .info-template-box.info-template-box-grey { background: url(images/zigzag-grey-box-bg.png); color: #243d62; }
    .info-template-box-top.info-template-box-grey { background: url(images/zigzag-grey-box-border.png) repeat-x; }
    .info-template-box-bottom.info-template-box-grey { background: url(images/zigzag-grey-box-border.png) repeat-x 0 -80px; }
    .info-template-box.info-template-box-grey h1,
    .info-template-box.info-template-box-grey h2,
    .info-template-box.info-template-box-grey h3 { color: #0083ca; }
    .info-template-box.info-template-box-grey h3 { background: url(images/tartan-h-diagonals-blue.png) repeat-x 0 100%; }


    /* DARK BLUE */
    .info-template-box.info-template-box-dark-blue { background: url(images/zigzag-dark-blue-box-bg.png); color: #FFF; }
    .info-template-box-top.info-template-box-dark-blue { background: url(images/zigzag-dark-blue-box-border.png) repeat-x; }
    .info-template-box-bottom.info-template-box-dark-blue { background: url(images/zigzag-dark-blue-box-border.png) repeat-x 0 -80px; }
    .info-template-box-bottom.info-template-box-dark-blue h1,
    .info-template-box-bottom.info-template-box-dark-blue h2,
    .info-template-box-bottom.info-template-box-dark-blue h3 { color: #FFF; }
    .info-template-box-bottom.info-template-box-dark-blue h3 { background: url(images/tartan-h-diagonals.png) repeat-x 0 100%; }

    /* RED */
    .info-template-box.info-template-box-red { background: url(images/zigzag-red-box-bg.png); color: #FFF; }
    .info-template-box-top.info-template-box-red { background: url(images/zigzag-red-box-border.png) repeat-x; }
    .info-template-box-bottom.info-template-box-red { background: url(images/zigzag-dark-red-border.png) repeat-x 0 -80px; }
    .info-template-box-bottom.info-template-box-red h1,
    .info-template-box-bottom.info-template-box-red h2,
    .info-template-box-bottom.info-template-box-red h3 { color: #FFF; }
    .info-template-box-bottom.info-template-box-red h3 { background: url(images/tartan-h-diagonals.png) repeat-x 0 100%; }

    /* WHITE */
    .info-template-box.info-template-box-white { background: url(images/zigzag-white-box-bg.png); color: #243d62; }
    .info-template-box-top.info-template-box-white { background: url(images/zigzag-white-box-border.png) repeat-x; }
    .info-template-box-bottom.info-template-box-white { background: url(images/zigzag-white-box-border.png) repeat-x 0 -80px; }
    .info-template-box.info-template-box-white h1,
    .info-template-box.info-template-box-white h2,
    .info-template-box.info-template-box-white h3 { color: #0084ca; }
    .info-template-box.info-template-box-white h3 { background: url(images/tartan-h-diagonals-blue.png) repeat-x 0 100%; }




@media (min-width: 960px) {

    .info-template-box h3 { background: none !important; }

}

@media (min-width: 1px) and (max-width: 959px) {

    .info-template-box { background: none !important; }
    .info-template-box h3.hide-on-mobile { display: none; }

}

@media (min-width: 960px) {

    .info-template { padding-bottom: 100px; }
    .info-template-box { padding: 10px 0; }
    .info-template-box-top,
    .info-template-box-bottom { display: block; }

}


/* HEADINGS */

.info-template-box h1 { font-size: 24px; padding: 0 0 20px; margin: 0; }
.info-template-box h3 { font-size: 16px; line-height: 25px; margin: 0 0 10px; padding: 0 0 15px; }
.info-template-box h2 { font-size: 20px; line-height: 25px; margin: 0 0 20px; padding: 0; }

@media (min-width: 960px) {

    .info-template-box h1.info-mobile-header { display: none; }
    .info-template-box h3 { font-size: 20px; line-height: 25px; padding: 0; }
    .info-template-box h2 { font-size: 40px; line-height: 45px; }

}


/* SUPPORTING IMAGERY */

.supporting-image img { width: 100%; height: auto; }
.supporting-image p { font-size: 13px; line-height: 15px; padding: 10px 0 20px; }

.info-template-box-mobile-images { display: block; float: left; clear: both; min-height: 20px; width: 100%; }
.info-template-box-mobile-images .supporting-image { width: 100%; display: block; height: auto; margin: 0 0 20px; }

@media (min-width: 502px) {

    .info-template-box-mobile-images .supporting-image { width: 48%; float: left; }
    .info-template-box-mobile-images .supporting-image:nth-of-type(2) { float: right; }

}

@media (min-width: 960px) {

    .info-template-box-mobile-images { display: none; }
    .supporting-imagery .supporting-image { width: 100%; }

}


/* COLUMNS */

    .info-template-box .col-33,
    .info-template-box .col-66 { float: left; clear: both; padding: 0 35px; width: 100%; }


@media (min-width: 960px) {

    .info-template-box .col-33 { clear: none; float: left; }
    .info-template-box .col-66 { clear: none; float: right; }

    .info-template-box .col-33 { width: 33.3%; padding: 0 10px 0 30px; }
    .info-template-box .col-66 { width: 66.6%; padding: 0 30px 0 25px; }

}





/* NEWS, EVENTS & BLOGS
------------------------------------------------------------------------------------------------------------------------------------------ */

    /* ACTIVE MENU ITEM */
    #menu-news-sub-menu .current-menu-item a { color: #9a4030; }

    /* FEATURED */
    .news-wrap.featured-post { margin: 30px 0 30px 0; background: #c93640; color: #FFF; padding: 20px 0; }
    .news-wrap.featured-post .post-excerpt-text { padding-bottom: 20px; }
    .news-wrap.featured-post .post-excerpt-text .meta {  background: none; }
    .news-wrap.featured-post .news-title h2 { color: #fff9ad; }




    @media (min-width: 960px) {

        .news-wrap.featured-post { margin: 0px 0 30px 0; }
    }

    /* BORDER */

    .featured-post-border { background: url(images/homebox-red.png) repeat-x; height: 20px; margin: -30px 0 0; }
    .featured-post-border.featured-post-border-bottom { background-position: 0 -80px; margin: 0 0 -30px;  }


    /* IMAGE */

    .news-wrap .post-excerpt-img { padding-top: 20px; padding-left: 10px; display: none; }
    .news-wrap .post-excerpt-img img { width: 95%; margin: 0 0 0 0; height: auto; display: block; background: #000; padding: 0 !important; border: 0 !important;

        -moz-border-radius:     0px;
        -webkit-border-radius:  0px;
        border-radius:          0px; /* future proofing */
        -khtml-border-radius:   0px; /* for old Konqueror browsers */

     }

    /* EXCERPT */

    .news-wrap .post-excerpt-text h3 { padding: 0; }

        .news-wrap.featured-post .post-excerpt-text a { color: #FFFA93; }
        .news-wrap.featured-post h3 a { color: #FFF !important; }
        .news-wrap.featured-post a:hover { color: #FFF; }

    .news-wrap .post-excerpt-text .meta { float: left; width: 100%; padding: 0 0 15px; margin: 0; font-size: 0.9em; }


     /* LEFT TITLE */

    .mobile-news-title { display: block; }

    .mobile-news-title h4 { background: url(images/tartan-h-diagonals.png) repeat-x 0 100%; padding: 20px 0; font-size: 1em; line-height: 1.5em; }

    .mobile-news-events-title { display: block; padding: 40px 20px 0; }

    .news-wrap .news-title { margin-top: 20px; }
    .news-wrap .news-title h2 { background: url(images/tartan-h-diagonals.png) repeat-x 0 100%; color: #FFF; font-size: 16px; padding: 0 0 20px; margin: 40px 0 0; }


@media (min-width: 960px) {

    .news-wrap .news-title h2 { font-size: 18px;  margin: 0; }

}

    .news-wrap .news-title,
    .news-wrap .post-excerpt-text { padding: 0; }
    .news-wrap .post-excerpt-text { margin: 0; }


    .news-wrap.regular-post .news-title { display: none; } /* HIDE */

@media (min-width: 960px) {

    .news-wrap.regular-post .news-title { display: block; }

}


    /* DIVIDER */

    .news-wrap.regular-post .news-divider { background: url(images/tartan-h-diagonals-red.png) repeat-x 0 100%; margin: 20px 0 0; height: 30px; display: none; display: block; clear: both;  }


    .search .news-wrap.regular-post .news-divider { display: block; }

    @media (min-width: 960px) {
        .search .news-wrap.regular-post .news-divider { display: none; }
    }

    .news-archive h3 { font-size: 2em; line-height: 1em; }

    .news-archive h3 a,
    .regular-post .post-excerpt-text a { color: #c93640; }

    .news-wrap.regular-post h2 { display: none; color: #c93640; }

    .search .news-wrap.regular-post h2 { display: block; }


    .archive .news-wrap:first-of-type { margin: 40px 0 0; }
    .archive .news-wrap.regular-post .news-title h2 { display: none; }

@media (min-width: 960px) {

        .post-excerpt-img,
        .news-wrap .post-excerpt-img { display: block; }

        /* SHOW FIRST LATEST NEWS TITLE */
        .news-wrap.regular-post:nth-of-type(2) .news-title h2 { display: block; }


        .paged .news-wrap.regular-post:nth-of-type(2) .news-title h2 { display: none; }
        .paged .news-wrap.regular-post:nth-of-type(1) .news-title h2 { display: block; }

        .archive .news-wrap.regular-post:nth-of-type(1) .news-title h2 { display: block; }

        .news-wrap .news-title { padding: 10px 0; display: block; }
        .news-wrap .news-title h2 { background: none; padding: 0; }


        .news-wrap .post-excerpt-text { padding: 10px; }

        .mobile-news-title,
        .mobile-news-events-title { display: none; }

        .news-wrap.regular-post .news-divider { margin-left: 20%;}

}

/* SEARCH RESULTS */

.search .news-title h2 a { color: #C93640; }

    /* NOWT FOUND */

    .news-wrap.no-news .container { padding-bottom: 100px; }


/* ARCHIVE */

        .archive .news-wrap.news-archive .news-title h2 { display: none; }
        .archive .news-wrap.news-archive:nth-of-type(2) .news-title h2 { display: block; }

        .mobile-archive { display: block; margin: -20px 0 20px !important; }
        .mobile-archive h2 { background: none !important; color: #FFF !important; padding: 5px 0 10px !important; }

        @media (min-width: 960px) {
            .mobile-archive { display: none; }
        }

/* NEWS – SINGLE
------------------------------------------------------------------------------------------------------------------------------------------ */


    .single .news-wrap.regular-post .container { padding: 0 0 100px; }
    .single .regular-post { margin-top: 30px; }


.single-top {}


    /* SINGLE TOP BANNER */

    .single .news-wrap.featured-post { margin: 30px 0 20px; }

    @media (min-width: 960px) {

        .single .news-wrap.featured-post { margin: 0px 0 20px; }

    }

    /* SINGLE - META - MOBILE */

    .single .news-wrap.featured-post .post-excerpt-text .meta {  background: none; }



    /* NEWS SECTION TITLE - DESKTOP vs MOBILE */


    .single .desktop-news-title { display: none; }

    .single .mobile-post-title-meta {}
    .single .mobile-post-title-meta,

    .single .mobile-news-title { display: block; }

    .news-title .mobile-news-title h3 { padding: 0; margin: 0; }

    .single .news-title { display: none; } /* SINGLE META */

    @media (min-width: 960px) {
        .single .desktop-news-title { display: block; }
        .single .mobile-post-title-meta,
        .single .mobile-news-title { display: none; }
        .single .news-title,
        .news-title { display: block; }

    }


    /* META */

    .single .news-title .meta a { color: #fff9ad; text-decoration: underline; }
    .mobile-post-title-meta { margin: 0 0 20px;  }


    /* IMAGES */

    .full-article img { width: 100%; height: auto; margin: 40px 0; }

    @media (min-width: 960px) {
        .full-article img { width: auto; height: auto; margin: 40px 0; }
    }


/* IMAGE ALIGNMENT */

        .full-article img.alignleft { float: left; margin: 0 20px 20px 0; }
        .full-article img.alignright { float: right; margin: 0 20px 20px 0; }


    /* BOLD FIRST PARAGRAPH

    .full-article p:first-child { font-size: 1.2em; line-height: 1.2em; font-weight: 400; color: #CB3232; letter-spacing: -1px; }
 */

    /* SHARE */

    .single .share { margin-top: 30px; float: right; }

    @media (min-width: 960px) {

        .single .share { float: left; }

    }



/* PAGINATION
------------------------------------------------------------------------------------------------------------------------------------------ */


@media (min-width: 960px) {

    .pagination { margin-left: 20%; }

}

.pagination .container { padding-left: 0; }

.wp-pagenavi { font-size: 13px; color: #FFF; margin: 20px 0 40px -10px; }
.wp-pagenavi a,
.wp-pagenavi span { background: #d77766; text-decoration: none; color: #FFF; padding: 0 10px; line-height: 25px; text-align: center; display: inline-block; margin: 0 1px 0 0; border: 0 !important; }
.wp-pagenavi span.pages { background: none; color: #d77766; padding-left: 0; }
.wp-pagenavi span.current { background: #c93640; }
.wp-pagenavi span.extend { display: none; }



/* PUBLICATIONS
------------------------------------------------------------------------------------------------------------------------------------------ */
.isotope-page { margin-top: 20px; padding-right: 0 !important; } /*rik added margin*/

.publications-wrap { padding: 0 20px; }
    /* @media (min-width: 992px) { */ @media (min-width: 960px) { .publications-wrap { padding: 0; } }

#container { padding: 0; margin-right: 0; }
    @media (min-width: 767px) { #container { margin-right: -45px;  } }
    /* @media (min-width: 992px) { */ @media (min-width: 960px) { #container { margin-right: -20px;  } }


/*
    @media (min-width: 400px) { #container { margin-right: -20px; } }
    @media (min-width: 767px) { #container { margin-right: -20px; } }
    @media (min-width: 960px) { #container { margin-right: -20px; } }

*/

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.element { width: 100%; display: block; color: #243d62; padding: 0 20px 30px 0; background: url(images/tartan-h-diagonals-red.png) repeat-x 0 100%;  margin: 0 20px 20px 0; }

    @media (min-width: 767px) { .element { width: 30%; margin: 0 15px 20px 0; padding: 0; box-sizing: border-box; background: none; } }
    /* @media (min-width: 992px) { */ @media (min-width: 960px) { .element { width: 25%; margin: 0; padding: 0 20px 20px 0; outline: none; } }

.element img { width: 100px; height: auto; float: left; margin: 0 20px 0 0; }

    @media (min-width: 767px) { .element img { width: 100%; margin: 0 0 20px; } }
    /* @media (min-width: 992px) { */ @media (min-width: 960px) { .element img { display: block; } }

.element.element-staff-trustee img { display: block; }


.element h4 { font-size: 1.2em; line-height: 1.2em; font-weight: 400; padding: 0; margin: 15px 0 5px;  }
.element p { padding: 0 0 5px; margin: 0; }
.element p.pdf a { padding: 0 0 0 20px; background: url(images/pdf.png) no-repeat; color: #243d62; }

.element a.pub-link { }
.element a.pub-link img { -webkit-filter: grayscale(70%); }
.element a.pub-link:hover img { -webkit-filter: grayscale(0%); }


/* FILTERS */

ul#filters { margin: 0; font-size: 14px; line-height: 20px; float: left; clear: both; font-size: 16px; line-height: 30px; padding: 10px 0 0; }
ul#filters li { list-style-type: none; padding: 0; display: block; clear: both; margin: 0; }
ul#filters li a { padding: 2px 10px; color: #BBB; display: block;  color: #3399d2; padding: 0; }
ul#filters li a.active { color: #243D62; }

.publication-filters { display: block; float: left; clear: both; }
.publication-filters h4.desktop { display: none; }
.publication-filters h4.mobile { display: block; padding: 10px; }


ul#filters { display: none; }

#filters-d { display: block; margin: 0 10px 20px; }
#filters-d select { width: 100%; border: 2px solid #4da6d8; }

@media (min-width: 960px) {

    #filters-d { display: none; }
    ul#filters { display: block;}

    .publication-filters h4.desktop { display: block; }
    .publication-filters h4.mobile { display: none; }

}

.contact .social-panel h2,
.about .social-panel h2 { color: #243d62; }



/* STAFF & TRUSTEES */

.role { font-weight: 400; }






/* VIDEO AND AUDIO SECTION  outline: 1px dashed #CCC; outline-offset: -1px;
------------------------------------------------------------------------------------------------------------------------------------------ */


.page-id-1835 {
    background-color: #333;
}


.audio-video-page .section-intro {
    color: #fff;
}

.audio-video-page .section-intro .glyphicon {
    color: #979797;
    top: 3px;
}


.audio-video-page .section-intro a {
    color: #cee6f4;
}

.audio-video-page .section-intro a:hover {
    color: #fff;
    text-decoration: underline;
}




.video-gallery {

}

.video-section {
    padding-bottom: 40px;
}

.individual-video-container {
    outline: 1px solid #484848;
    outline-offset: -5px;
    padding: 18px;
    height: auto;
}

.individual-video-container .video-meta {
    padding: 13px 0px;
}

.individual-video-container  h3,
.individual-audio-container  h3 {
    font-size: 18px;
    line-height: 22px;
    padding: 0px;
    margin: 0px;
    color: #979797;
}

.individual-video-container  p,
.individual-audio-container  p {
    color: #979797;
}



.audio-section {
    background: url(images/zigzag-dark-grey.png) repeat-x !important;
    padding: 50px 0px 85px 0px;
    margin-bottom: -30px;

}

.audio-section .mejs-container{
    background: rgba(61, 61, 61, 0.61) !important;
	margin-top: 170px !important;
    
    
}

.audio-section .mejs-controls{
    background: rgba(61, 61, 61, 0) !important;
}







.audio-gallery {

}



.individual-audio-container .bg-image-audio {
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	margin-bottom: 10px;
	height: 200px;
	

}

.individual-audio-container h3 {


}

.individual-audio-container p {
	


}





.individual-audio-container {
    outline: 1px solid #484848;
    outline-offset: -5px;
    padding: 18px;
    height: auto;
    overflow: auto;
}


/*  RESPONSIVE IFRAME EMBED  outline: 1px dashed #CCC; outline-offset: -1px;  */

.individual-video-container .embed-container,
.individual-audio-container .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.individual-video-container .embed-container iframe, .individual-video-container .embed-container object, .individual-video-container .embed-container embed,
.individual-audio-container .embed-container iframe, .individual-audio-container .embed-container object, .individual-audio-container .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.individual-audio-container .embed-container {
    height: 250px;
}


@media (min-width: 960px) {

    .individual-video-container {
        
    }

	.mobile-header {
		display: none;
	}

    /* .individual-video-container {
        width: 100%;
    }
    
    .video-meta {
	   
	}
   
    */
    
    
    


}

@media (min-width: 1150px) {

    .individual-video-container {
        height: 400px;
    }


}




/*  CASE STUDY/STORIES SECTION   outline: 1px dashed #CCC; outline-offset: -1px;  */


.post-type-archive-stories {
    background-color: #fff9c5;
}

.related-stories-top {
    background: url(images/zigzag-yellow.png) repeat;
    height: 10px;
}

.related-stories{
    padding: 20px 0px;
    background-color: #fff9c5;
}

.stories-wrap {

}

.stories-archive {
 padding-top: 30px;  /* paddng up to fix archive styling on mobile */
}

.stories-archive .mobile-header {
	color: #0080C7;
}

.stories-archive .section-intro-subhead {
	color: #243d62;
}

.stories-posts {

    padding: 20px 0px 25px 0px;

}

.single-stories .header-desktop a,
.single-stories .tagline-1 {
	
	color: #fff;
	
}

.story-excerpt {
    margin-bottom: 30px;
}

.story-excerpt-img {

}

.story-excerpt-img-overlay {
    width: 0;
    height: 0;
    padding-top: 120px;
    margin-left: 30px;
    border-bottom: 40px solid #243d62;
    border-left: 40px solid transparent;
}

.story-excerpt-panel {
    background-color: #243d62;
    padding: 20px 10px 10px 10px;

}

.story-excerpt-text {
    display: block;
    height: 130px;
    font-size: 18px;
    line-height: 22px;
    padding: 0px;
    margin: 0px;
    color: #a7b1c0;
}


.story-excerpt-read  {
    color: #fff9c5;
}


a:hover > .story-excerpt-panel {
    background-color: #182d4c;

    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

a:hover > .story-excerpt-img .story-excerpt-img-overlay  {
    border-bottom: 40px solid #182d4c;

    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    transition-duration: 0.7s;
}





.single-story {
	padding: 50px 0px 50px 0px;
 
}


.single-story-img-cotainer {

}

.single-story-img {
    height: 400px;
}





.story-content p {
    font-size: 16px;
}

.story-content h1, .story-content h2 {
    color: #0080c7;
}

.story-content h3, .story-content h4 {
    color: #66b5df;
}

.story-content h3 {
    font-size: 28px;
    line-height: 32px;
}

.story-content h4 {
    font-size: 20px;
}

.story-content ul {
    color: #0080c7;
	font-size: 18px;
	line-height: 25px;
}

.story-content em {
	font-size: 18px;
	line-height: 25px;
}

.story-content ul li {
    margin-bottom: 15px;
}

.story-content blockquote {
	border-left: 5px solid #0080c7;
}

.story-content blockquote p {
	color: #0080c7;
	font-size: 18px;
	line-height: 25px;
}

.story-content strong {
	font-weight: 500;
	color: #000;
}

.story-content img.alignleft { 
	float: left; 
	margin: 0 20px 20px 0; 
}

.story-content img.alignright { 
	float: right; 
	margin: 0 20px 20px 0; 
}

.wp-caption-text {

	padding: 2px;
	margin: 0;
	font-size: 12px !important;
	color: #6e6e6e;
}

.wp-caption {
	margin: 0px 10px 0px 0px; 
	font-size: 12px;
}

.wp-caption {
	float: left; 
}

.story-content img { 

	padding-top: 10px; 
}



@media (min-width: 960px) {

    .story-excerpt {
         width: 33.333%;
    }

    .single-story-img-cotainer {
        margin-top: -110px;
    }

}

@media (min-width: 1150px) {
    .single-story-img-cotainer {
        margin-top: -110px;
    }
    
    .single-story-img {
    height: 550px;
}



}


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


.homepage-main.contact-main { padding-bottom: 0px; }
.homepage-main.contact-main .box-colour-wrap { margin-bottom: 0px; position: relative; z-index: 2;}

.box-colour {
	padding: 0px 15px 26px 15px !important;
}


@media (min-width: 959px) {

    .homepage-main.contact-main .box-colour-wrap { margin-bottom: 100px; }

}

.contact-sidebar-tagline { color: #243d62; }

.contact-mobile-map { display: block; margin: -20px 0 0; height: 400px !important; float: left; clear: both; width: 100%; position: relative; z-index: 1;  }
.contact-mobile-map.last { padding-bottom: 0 !important; }

@media (min-width: 959px) {

    .contact-mobile-map { display: none; }

}



#map-canvas { background-color: #f8f8f8; display: block; z-index: 1; width: 100%; overflow: hidden; }

.contact-box { font-size: 18px; font-family: "ff-basic-gothic-web-pro", Helvetica, Arial,sans-serif;}
.contact-box a { color: #FFFF7A; }

p.contact-intro,
p.contact-label { font-weight: 700; }

p.contact-label,
p.contact-address,
p.contact-list { padding: 0; margin: 0; }
p.view-on-gmaps { padding: 0 0 10px; margin: 0; }

p.contact-label a { font-weight: 400; }

p.closest-tube { padding: 10px 0 0; }




/* RICHARD'S HACKs FOR PRESENTATION
------------------------------------------------------------------------------------------------------------------------------------------ */

    .page-id-52 .useful-links a {color: #ffffc8;}
    .page-id-52 .useful-links a:hover {color: #ffff7b;}

/*
    .page-id-38 .main-wrap,
    .page-id-52 .main-wrap { background: #f0f0f0; }


@media (min-width: 959px) {
        .page-id-52 .main-wrap { background: url(images/testbg.jpg) 55% 50% no-repeat; }
    }


@media (min-width: 959px) {
        .page-id-38 .main-wrap { background: url(images/testbg.jpg) 55% 50% no-repeat; }
    }
*/

.mejs-container{

}

.mejs-controls{
    background: #0080C7 !important;
}


input.icon-social.icon-search {
    display: none;
}