/*

Green:		#56afad;
Green 2:	#1e6a66;
Yellow:		#ecad3c;
D Purple:	#690d5a;
Purple:		#931c80;
Blue:		#25aae3;
D Grey:		#383838;
L Grey: 	#d5d5d5;


*/



/* TEMPLATE COLORS & STYLE */

#google_translate_element {
    float: right;
    margin-left: 10px;
    margin-top: 4px;
}

body { font-family: 'Open Sans', sans-serif, arial, helvetica; }

.yellow-bg  { background-color: #ecad3c; color: #fff; }
.blue-bg  { background-color: #25aae3; color: #fff;}
.purple-bg  { background-color: #931c80; color: #fff;}


.hero-button { padding: 30px; padding-right: 10px; padding-left: 15%; }
.hero-button a { display: block }
.hero-button h2 { font-size: 18px; color: #fff; line-height: 26px; font-weight: normal; margin: 0; padding-right: 40px;} 


.speach-question { background-image: url(../img/icon-question.png); background-position: center left; background-repeat: no-repeat; background-size: 15%; }
.speach-child { background-image: url(../img/icon-report.png); background-position: center left; background-repeat: no-repeat; background-size: 15%; }
.speach-adult { background-image: url(../img/icon-report.png); background-position: center left; background-repeat: no-repeat; background-size: 15%; }

@media only screen and (min-width: 970px) {
.col2 {
  display: flex;
  flex-flow: row;
}
.hero-button {

}
	.speach-question { background-size: 30%; }
	.speach-child { background-size: 30%; }
	.speach-adult { background-size: 30%; }
	.hero-button { padding-left: 10%; }
	.hero-button h2 { font-size: 20px; color: #fff; line-height: 26px; font-weight: normal; margin: 0; padding-right: 50px;} 

}
@media only screen and (min-width: 1120px) {
	.container {
	  display: flex;
	  flex-flow: row;
	  min-height: 400px;
	}
	.col1 {
	  flex: 2;
	}
	.col2 {
	  width: 80%;
	  display: flex;
	  flex-direction: column;
	  flex: 1;
	}
	
	.hero-button { padding: 40px; padding-right: 10px; padding-left: 130px; height: 100%; }
	.hero-button h2 { font-size: 24px; color: #fff; line-height: 26px; font-weight: normal; margin: 0; padding-right: 40px;} 
	
	.speach-question { background-size: 35%; }
	.speach-child { background-size: 35%; }
	.speach-adult { background-size: 35%; }
	
}

@media only screen and (min-width: 1280px) {
	.container {
	  display: flex;
	  flex-flow: row;
	  min-height: 400px;
	}
	.col1 {
	  flex: 2;
	}
	.col2 {
	  width: 80%;
	  display: flex;
	  flex-direction: column;
	  flex: 1;
	}
	
	.hero-button { padding: 53px 10px 53px 170px; }
	.hero-button h2 { font-size: 24px; color: #fff; line-height: 26px; font-weight: normal; margin: 0; padding-right: 40px;} 
	
	.speach-question { background-size: 40%; }
	.speach-child { background-size: 40%; }
	.speach-adult { background-size: 40%; }
	
}



.content-row .fbox { width: 48.9495798%; margin-right: 2.1008403%; float: left; min-height: 260px; }
.content-row .fbox:last-child { margin-right: 0 }
.content-row .fbox .wrap { display: none; padding: 10px }
.content-row .fbox .wrap p { margin: 1.4em 0 !important; }
.content-row .fbox:hover .wrap { display: block }
.content-row .fbox:hover img { display: none; }
.content-row .fbox .wrap a { color: #fff; }


.hero-row img { display: block; width: 100%; height: auto; }




.button {  background-color: #383838; color: #fff;  margin-bottom: 20px;background: rgb(147,28,128);
background: linear-gradient(168deg, rgba(147,28,128,1) 0%, rgba(97,94,175,1) 52%, rgba(37,170,227,1) 100%); }
.button a,
.button a:link{ display: block; padding: 10px; min-height: 50px; color: #fff}

.button h2 { font-size: 16px;line-height: 1.4em; margin: 0 } 

.button.img a { background-position: 10px center; background-repeat: no-repeat; background-size: contain; padding: 40px 10px 40px 140px;
display: flex; justify-content: center; align-content: center; flex-direction: column;} 
.button.training a { background-image: url(../img/icon-training.png); }
.button.reviews a { background-image: url(../img/icon-reviews.png); }
.button.contact a { background-image: url(../img/icon-contact-us.png); }
.button.news a { background-image: url(../img/icon-news.png); }
.button.briefings a { background-image: url(../img/icon-7min-briefing.png); }
.button.campaigns a { background-image: url(../img/icon-campaigns.png); }



@media only screen and (min-width: 970px) {
	.button { width: 48.7500000%; margin-right:2.500%; float: left;  }
	.button:nth-child(2n) { margin-right: 0; } 
	.button.img a { background-size: 15%; padding: 30px 10px 30px 80px;  }

}	
@media only screen and (min-width: 1200px) {
	.button { width: 31.9327731%; margin-right:2.1008403%; float: left; }
	.button:nth-child(2n) { margin-right: 2.1008403%; } 
	.button:nth-child(3n) { margin-right: 0; } 
	.button.img a { background-size: 30%; padding: 30px 10px 30px 100px; text-decoration: none;  }
	.button.img a:hover {text-decoration: underline; }
}	



.cookie-banner a { color: white!important; }

.btn { margin-left: 6px; }

a,
a:link {
  color: #23aae1;
  text-decoration: underline;
}
a:visited {
  color: #23aae1;
}
a:hover,
a:active,
a:focus {
  color: black;
}
.panic {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  overflow: hidden;
}
.panic a {
    background-color: #ecad3c;
    display: block;
    padding: 6px 10px;
    font-weight: bold;
    color: black !important;
}
.rss {
  float:right;
  margin-left: 10px;
}


h2 {
    margin-top: 20px;
}
body {
  background-color: #ffffff;
}
.issue-bar {
  background-color: #404040;
}
.masthead-row {
  background-color: #fff;
  margin-top: 10px;
}
.masthead .title,
.masthead .title a {
  color: #404040;
}
.top-row {
  background-color: #fff;
}
.top-row .wrapper {
  padding: 5px 0;
  border-bottom: 1px solid #efefef;
}
.logo-wrap {
  text-align: right;
}
.toggle-nav {
  margin: 0;
}
.toggles a {
  background-color: #ffffff;
  color: #404040;
}
.issue-title {
  color: #ffffff;
  background-color: #404040;
  padding: 5px 10px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
ul.section-list.horizontal {
  position: relative;
  clear: both;
  margin: 20px 0;
  padding: 0;
  text-align: right;
  background-color: #931c80;
  background: linear-gradient(168deg, rgba(147,28,128,1) 0%, rgba(97,94,175,1) 52%, rgba(37,170,227,1) 100%);
}
ul.section-list.horizontal li {
  margin: 0 !important;
  padding: 0;
}
ul.section-list.horizontal li a,
ul.section-list.horizontal li a:link {
  color: white;
  padding: 10px;
}
ul.section-list.horizontal li a:visited {
  color: #fff;
}
ul.section-list.horizontal li a:hover,
ul.section-list.horizontal li a:active,
ul.section-list.horizontal li a:focus {
  color: white;
  text-decoration: underline;
  background-color: #690d5a;
}
ul.section-list.horizontal li.selected a,
ul.section-list.horizontal li.selected a:link {
  color: white;
}
ul.section-list.horizontal li:last-child {
  border-bottom: none;
}
ul.section-list.horizontal li:hover .content-list {
  display: block;
}
ul.section-list.horizontal li .content-list {
  background-color: #690d5a;
  position: relative;
  margin: 0 !important;
  padding: 0;
  float: none;
  z-index: 99;
  display: block;
}
ul.section-list.horizontal li .content-list li {
  text-align: left;
  float: none;
  display: block;
  border-bottom: none;
  margin: 0;
}
ul.section-list.horizontal li .content-list li a,
ul.section-list.horizontal li .content-list li a:link {
  font-weight: normal;
  color: white;
  background-color: #931c80 !important;
  /*background: linear-gradient(168deg, rgba(147,28,128,1) 0%, rgba(97,94,175,1) 52%, rgba(37,170,227,1) 100%);*/
}
ul.section-list.horizontal li .content-list li a:visited {
  color: #ffffff;
}
ul.section-list.horizontal li .content-list li a:hover,
ul.section-list.horizontal li .content-list li a:active,
ul.section-list.horizontal li .content-list li a:focus {
  color: #fff;
}
ul.section-list.horizontal li .content-list li a.selected {
  font-weight: bold;
  color: #ffffff;
}
ul.section-list.horizontal li .dropdown {
  display: none;
  position: absolute;
  min-width: 160px;
  z-index: 99;
  margin: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #931c80;
}
ul.section-list.horizontal li .dropdown a {
  height: auto !important;
  text-align: left;
}
ul.section-list.horizontal li.sec:hover .dropdown {
  display: block;
}
ul.section-list.horizontal li .content-list li,
ul.section-list.horizontal li .sub-section-list li {
  text-align: left;
  display: block;
  float: none;
  margin: 0 !important;
  width: 100%;
  height: auto;
  font-size: 13px;
  line-height: 1.2em;
}
ul.section-list.horizontal li .content-list li a:hover{
  background-color: #690d5a !important;
}

ul.section-list.horizontal li ul.sub-section-list {
  margin-top: 0;
}
.hero-button a {
  text-decoration: none;
}
.hero-button a:hover {
  text-decoration: underline;
  color: #ffffff;
}
.breadcrumb-list { padding: 0; margin: 0 0 20px 0; }
.breadcrumb-list li {
    font-size: 12px;
    display: inline-block;
}
    .breadcrumb-list li:after {
        content: "/";
        margin-left: 10px;
        padding-right: 10px;
    }
    .breadcrumb-list li:last-child:after {
        content: "";
    }

    .breadcrumb-list li a,
    .breadcrumb-list li a:link {
        color: #404040;
    }
.breadcrumb-list li a:hover { color: #404040; }
.breadcrumb-list li a:active { color: #404040; }

.twitter-wrap {
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    background-color: #404040;
}
.fbox {
  color: #ffffff;
}
.fbox .content p {
  padding: 0;
}
.fbox a,
.fbox a:link {
  font-weight: normal;
  color: #404040;
  text-decoration: none;
}
.fbox a:visited {
  color: #404040;
}
.fbox a:hover,
.fbox a:active,
.fbox a:focus {
  color: black;
  text-decoration: underline;
}
.fbox h1,
.fbox h2 {
  font-size: 1em !important;
  color: #ffffff;
}
.fbox h2 {
  padding: 10px !important;
  border: none !important;
  margin: 0 !important;
  text-align: left !important;
  line-height: 1.2em;
}
.home .fbox p {
  margin: 0 !important;
}
.home .fbox img {
  display: block;
  width: 100%;
}
.home .fbox h2.title {
  border: none !important;
}
.issue-summary a,
.issue-summary a:link,
.issue-summary a:hover {
  text-decoration: none;
}
.issue-summary .section {
  float: left;
  margin-bottom: 16px;
}
.issue-summary .section h2 {
  margin-top: -5px;
  font-size: 1em;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background-color: lightgrey;
  border: 5px solid white;
  padding: 16px 0;
  color: white;
  text-align: center;
  z-index: 2;
  position: relative;
}
.issue-summary .section img {
  margin-top: -40px;
  width: 97%;
  margin-left: 2%;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  z-index: -1;
}
.issue-summary .section {
  width: 31.93277311%;
  margin-right: 2.100840336%;
}
.issue-summary .section:nth-child(3n+3) {
  margin-right: 0;
}
.prevent,
.see-also-wrap {
  padding: 20px;
}
.see-also-wrap h2 {
  color: #383838;
}
.see-also-wrap .see-also-list li.selected a {
  color: #931c80;
}
.prevent a,
.prevent a:link,
.see-also-wrap .see-also-list a,
.see-also-wrap .see-also-list a:link {
  color: #383838;
  margin: 0;
}
.prevent a:visited,
.see-also-wrap .see-also-list a:visited {
  color: #383838;
}
.prevent a:hover,
.prevent a:active,
.prevent a:focus,
.see-also-wrap .see-also-list a:hover,
.see-also-wrap .see-also-list a:active,
.see-also-wrap .see-also-list a:focus {
  color: #931c80;
}
.see-also-wrap .see-also-list .summary {
  color: #383838;
}
.prevent a {
  margin-left: 20px;
}
.poll-wrap {
  background-color: #404040;
  padding: 20px;
}
.poll-wrap h2 {
  color: #ffffff;
}
.poll-wrap .poll .graph {
  background-color: #ffffff;
  color: #404040;
}
.poll-wrap .poll .totalVotes {
  color: #ffffff;
}
.poll-wrap .poll .pollQ {
  color: #ffffff;
}
.poll-wrap .poll .option {
  color: #ffffff;
}
.content-row {
  margin-top: 20px;
}
.subsection-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.subsection-list li {
  margin-bottom: 15px;
}
.subsection-list li a {
  color: white;
}
.subsection-list li .content-list {
  list-style-type: none;
  padding: 0;
  margin: 20px 0 10px 20px;
}
.top-row .social {
  margin-top: 3px;
}
.text-size-options {
  float: right;
  border-left: 1px solid #404040;
  margin-top: 2px;
}
.text-size-options li a {
  color: #404040;
}
.content-wrap .content h1 {
  color: #404040;
}
.page-tools li a {
  color: #404040;
}

.toggle-content { display: none; margin-left: 15px; margin-bottom: 3em}
.toggle-content h4 { line-height: 1.4em; font-size: 0.9em;}
.toggle-content ul li { margin-bottom: 5px;}
.toggle-cross { cursor: pointer }
.toggle-cross:before {
  content: '• ';
    position: relative;
    color: #66747d;
	font-size: 0.9em;
}
.toggles a {
  background-color: #ffffff;
}


.multiple { text-align: center; }
.slick-slide img { display: inline !important; }
   .slick-prev:before,
    .slick-next:before {
      color: black;
    }
    .slick-current {
      opacity: 1;
    }
.index-row h3 { float: left; margin: 0 20px 0 0; color: #404040; }
.index-row > div { background-color: #ecad3c; padding-top: 10px; padding-bottom: 10px;  margin-bottom: 20px;}
.index-row > div > div { padding: 0 20px; }
ul.inline { float: left; margin: 0; }
ul.inline li {display: inline-block; margin-right: 10px; }
ul.inline li a,
ul.inline li a:link { color: #fff; }

.footer-row .wrapper { text-align: center;  }
.footer-row address { border-top: 1px solid lightgrey; padding-top: 20px; margin-top: 40px }


.footer .page-tools li {
  display: inline-block;
}
.footer .page-tools li a {
  color: #404040;
}
.next-prev-links li {
  background-color: #404040;
}
.next-prev-links li a,
.next-prev-links li a:link {
  color: #ffffff;
  text-decoration: none;
}
.footer {
  text-align: center;
  color: #404040;
}
.subscribe-wrap {
  padding: 20px 85px 20px 20px;
  float: none;
  margin: 0;
  background: url(../img/subscribe.png) calc(100% - 20px) center no-repeat #ecad3c;
  
  text-align: center;
}
.subscribe-wrap a {
  color: #404040;
  font-size: 1em;
  text-decoration: none;
}
.subscribe-wrap a:hover {
  color: #404040;
  text-decoration: underline;
}
.tf-link {
  color: #404040;
  padding: 0 0 10px 0;
  text-align: center;
}
.tf-link a {
  color: #404040;
}
.comment-wrap {
  display: none;
}
.comment-wrap .comment-list li {
  background-color: lightgrey;
}
.comment-wrap .comment-list li .reply {
  background-color: white;
}
.form-search {
  float: right;
  margin: 4px 10px 0 0 !important;
  padding: 0;
}
.form-search label {
  color: #404040;
}
.form-search #q {
  width: auto;
  margin-left: 3px;
  margin-top: 0px;
  border: 1px solid #404040;
  border-right: none;
  padding: 5px 5px;
  font-weight: normal;

}
.form-search #btnSubmitSearch {
  padding: 6px 6px 5px 6px;
  border-radius: 0;
  margin-left: -2px;
}
ul.search-list li {
  border-bottom: 1px solid #c7c7c7;
}
ul.search-list li ul.content-list li .section-title {
  color: #404040;
}
ul.search-list li ul.content-list li .highlight {
  color: #404040;
  background-color: #ffea00;
}
.ticker-wrapper {
	background-color: #d6d4d4; 
    padding: 10px;
    margin-bottom: 20px;
}
.ticker-wrapper a,
.ticker-wrapper a:link {
  color: #404040;
}
    .ticker-wrapper p {
        margin: 0;
    }
    .ticker-wrapper span {
        display: block;
        float: left;
        padding-left: 5px;
        margin-right: 10px;
        color: #404040;
		font-weight: bold;
    }
	
.carousel-row  p { text-align: center }
@media only screen and (min-width: 768px) and (max-width: 989px) {
  .m1.nav {
    border-bottom: 1px solid white;
  }
  .see-also-wrap {
    padding: 10px 0 0 0;
    border-top: 5px solid #404040;
  }
  .masthead {
    float: none;
    width: 100%;
  }
  .masthead-title {
    padding-bottom: 40px;
    width: 100%;
    height: auto;
    float: none;
  }
}
@media only screen and (max-width: 768px) {
  .issue-summary .section {
    width: 48%;
    margin-right: 2%;
  }
  .issue-summary .section:nth-child(2n+2) {
    margin-right: 0;
  }
  ul.section-list.horizontal li .dropdown {
    position: relative;
    display: block;
  }
  ul.section-list.horizontal li:hover .content-list {
    display: block;
  }
  .masthead {
    float: none;
    width: 100%;
  }
  .masthead-title {
    width: 100%;
    height: auto;
    float: none;
  }
  .masthead-title .title {
    font-size: 2.2em;
    padding: 20px 40px 10px 40px;
    font-weight: bold;
    display: block;
  }
  .masthead-title .strapline {
    font-size: 1em;
    display: block;
    padding: 0 40px 30px 40px;
  }
  .social-links {
    float: none;
  }
  fieldset.form-search {
    padding: 0;
    margin: inherit;
    margin-bottom: 10px !important;
    text-align: left;
  }
  fieldset.form-search #q {
    width: 80%;
  }
  ul.section-list.horizontal li {
    display: block;
    float: none;
    padding: 0;
    margin: 0 0 6px 0 !important;
  }
}
.print .content-wrap {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}
.print .issue-bar {
  background-color: transparent;
  border-bottom: 1px solid #404040;
}
.print .issue-title {
  color: #404040;
}


    .nivoSlider {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: 0 !important;
}

    .nivoSlider img {
        position: absolute;
        top: 0px;
        left: 0px;
        max-width: none;
    }

.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
    background: white;
    filter: alpha(opacity=0);
    opacity: 0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    z-index: -1 !important;
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
    top: 0;
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
    overflow: hidden;
}

    .nivo-box img {
        display: block;
    }
/* Caption styles */
.nivo-caption {
    font-size: 0.9em;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: hsla(0, 0%, 100%, 0.25);
    color: #fff;
    width: 100%;
    z-index: 8;
    padding: 10px 10px;
    /*opacity: 0.8;*/
    overflow: hidden;
    display: none;
    -moz-opacity: 0.8;
    filter: alpha(opacity=8);
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

    .nivo-caption p {
        color: #ffffff;
        padding: 5px;
        margin: 0;
        float: right;
    }

    .nivo-caption a {
        display: inline !important;
    }

.nivo-html-caption {
    display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position: absolute;
    top: 45%;
    z-index: 9;
    cursor: pointer;
}

.nivo-prevNav {
    left: 0px;
}

.nivo-nextNav {
    right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    text-align: center;
    padding: 15px 0;
}

    .nivo-controlNav a {
        cursor: pointer;
    }

        .nivo-controlNav a.active {
            font-weight: bold;
        }

.theme-default .nivoSlider {
    position: relative;
    background: #ffffff url(/i/slideshow/loading.gif) no-repeat 50% 50%;
    margin-bottom: 10px;
}

    .theme-default .nivoSlider img {
        position: absolute;
        top: 0px;
        left: 0px;
        display: none;
    }

    .theme-default .nivoSlider a {
        border: 0;
        display: block;
    }

.theme-default .nivo-controlNav {
    text-align: center;
    padding: 20px 0;
}

    .theme-default .nivo-controlNav a {
        display: inline-block;
        width: 22px;
        height: 22px;
        background: url(/i/slideshow/bullets.png) no-repeat;
        text-indent: -9999px;
        border: 0;
        margin: 0 2px;
    }

        .theme-default .nivo-controlNav a.active {
            background-position: 0 -22px;
        }

.theme-default .nivo-directionNav a {
    display: block;
    width: 30px;
    height: 30px;
    background: url(/i/slideshow/arrows.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.theme-default:hover .nivo-directionNav a {
    opacity: 1;
}

.theme-default a.nivo-nextNav {
    background-position: -30px 0;
    right: 15px;
}

.theme-default a.nivo-prevNav {
    left: 15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}

    .theme-default .nivo-caption a {
        color: #fff;
        border-bottom: 1px dotted #fff;
    }

        .theme-default .nivo-caption a:hover {
            color: #fff;
        }

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
    width: 100%;
}

    .theme-default .nivo-controlNav.nivo-thumbs-enabled a {
        width: auto;
        height: auto;
        background: none;
        margin-bottom: 5px;
    }

    .theme-default .nivo-controlNav.nivo-thumbs-enabled img {
        display: block;
        width: 80px;
        height: auto;
    }

.nivoSlider {
    position: relative;
    background: url(images/loading.gif) no-repeat 50% 50%;
}

    .nivoSlider img {
        position: absolute;
        top: 0px;
        left: 0px;
        display: none;
    }

    .nivoSlider a {
        border: 0;
        display: block;
    }

.gallery-wrapper {
    max-width: 650px;
    position: relative;
    margin: auto;
}

/* Slideshow container */
.slideshow-container,
.slideshow-container-2 {
    max-width: 650px;
    position: relative;
    margin: auto;
}


li.tag { margin-bottom: 10px; }

/* 
END TEMPLATE STYLES 
=========================== 
*/