@charset "UTF-8";
/* CSS Document */

/* 

CSS Contents

1. breadcrumb-trail-grid
2. logo-header-grid
3. navigation-grid
4. where-you-are-grid
5. pagination .pagination123
6. articles-grid
7. story-grid
8. issue-grid
9. site-map-and-footer
10. Overlays
11. Back to top button
12. Home page scroll divs
13. service-provider-styles
14. archive-section
15. social-media-templates
16. font-icons
17. glossary

SLT blue hex code: #192C4B
SLT secondary blue hex code: #CC7D1F
SLT article and gutter text hex code: #686868

*/

/* Below code is for when you highlight text */
::selection {
  background: #192C4B; /* WebKit/Blink Browsers */
  color:#ffffff;
}
::-moz-selection {
  background: #192C4B; /* Gecko Browsers */
  color:#ffffff;
}

.youTubeIFrame {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    border:solid 1px #686868;

}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body {
	background-color:#ffffff;
	max-width:1440px;
	/* max-width:1440px;*/
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}

h1  {
    font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
    font-size:15px;
    color:#192C4B;
	display:inline;
	font-weight: normal;
	padding:0px;
	margin:0px;
	}
	
@media screen and (min-width:650px){
	
h1  {
    font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
    font-size:10px;
    color:#192C4B;
	display:inline;
	font-weight: normal;
	padding:0px;
	margin:0px;
	}	
}
	
/* the css links below are to make sure that the browser dosn't attach any of its own formats, underline,  visted link, hover, 
etc and sets it to none. Allowing me to display the links exactly as I want with my own css class */
a:link {
    	text-decoration: none;
    	color: #192C4B;
}

a:visited {
    	text-decoration: none;
    	color: #192C4B;
}

a:hover {
    	text-decoration: none;
    	color: #192C4B;
}

a:active {
    	text-decoration: none;
    	color: #192C4B;
}

b {
  color: #000000;
}

img{
max-width:100%;
display: block;
height:auto;
}

.article-img{
max-width:100%;
height:auto;
}

.pull-out-article-img{
max-width:100%;
height:auto;
	border-radius: 10px 10px 0px 0px;
}

.pull-out-magazine-img{
width:100%;
height:auto;
}

.pull-out-article-img-podacast{
max-width:100%;
height:auto;
	border-radius: 0px 0px 0px 0px;
}

.reporter-article-img{
    width:50%;
    border-radius: 50%;
}


.ad-img{
width:100%;
height:auto;
    border:solid 1px #686868;
}

.domicile-sponsors-img{
width:100%;
height:auto;
}


.body {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
}


/* 1. breadcrumb-trail-grid */

.breadcrumb-trail-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:10px;
    margin-right:10px;
    margin-top:7px;
    margin-bottom:5px;
    background-color:#ffffff;
    border-bottom:solid 1px #000000;
}

.breadcrumb-trail {
    grid-column: span 12;
    border-top:solid 1px #000000;
    padding-top:5px;
    padding-bottom:5px;
}


/*text styles */

.breadcrumb-trail-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#192C4B;
    font-weight: normal;
}

@media screen and (min-width:650px){
	
.breadcrumb-trail-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#192C4B;
    font-weight: normal;
}	
}

    
/* breadcrumb-trail-grid ENDS */

/* 2. logo-header-grid */

.logo img {
    height: 50px !important;
}
.logo-header-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:10px;
    margin-right:10px;
    background-color:#ffffff;
}

.logo {
    grid-column: span 12;
    margin-top:15px;
    margin-bottom:5px;
        width:100%;
height:auto;
    /* position:relative; */
}

@media screen and (min-width:650px){
.logo {
    grid-column: span 6;
    margin-top:15px;
    margin-bottom:5px;
        width:100%;
height:auto;
    /* position:relative; */
}

}

@media screen and (min-width:970px){
	
.logo{
    grid-column: span 5;
    margin-top:15px;
    margin-bottom:5px;
        width:100%;
height:auto;
    /* position:relative; */
}	
	
}

.social-follow-buttons-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:10px;
    margin-right:10px;
    background-color:#ffffff;
}

.social-follow-buttons {
    grid-column: span 12;
    margin-top:0px;
    text-align:left;
}

@media screen and (min-width:650px){
.social-follow-buttons {
    grid-column: span 12;
    margin-top:0px;
    text-align:right;
}
}

.social-follow-buttons-spacing-div {
    margin-left:0px;
    margin-right:5px;
    display: inline-block;
}

@media screen and (min-width:650px){
.social-follow-buttons-spacing-div {
    margin-left:10px;
    margin-right:0px;
    display: inline-block;
}

}

.leader-board-ad-position-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:10px;
    margin-right:10px;
    background-color:#ffffff;
}

.leader-board-ad-position {
    grid-column: span 12;
    margin-top:20px;
    margin-bottom:15px;
}

@media screen and (min-width:650px){
.leader-board-ad-position {
    grid-column: 2/12;
    margin-top:20px;
    margin-bottom:15px;
}

}

@media screen and (min-width:970px){
	
.leader-board-ad-position{
    grid-column: 3/11;
    margin-top:20px;
    margin-bottom:15px;
}	
	
}

.fixed-logo-header{
  position: -webkit-sticky;
  position: sticky;
  top: 0; 
  z-index: 98;
  background-color:#ffffff;
}

.social-follow-buttons-text{
    font-family: Arial, Helvetica, sans-serif;
    font-size:20px;
    color:#000000;
}

@media screen and (min-width:650px){
	
.social-follow-buttons-text{
    font-family: Arial, Helvetica, sans-serif;
    font-size:20px;
    color:#000000;
}	
}

.glossary-text{
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#000000;
    font-weight: bold;
}

@media screen and (min-width:650px){
	
.glossary-text{
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#000000;
    font-weight: bold;
}	
}

/* logo-header-grid ENDS */


/* 3. navigation-grid */

.navigation-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:10px;
    margin-right:10px;
    padding-top:10px;
    padding-bottom:12px;
    background-color:#ffffff;
    z-index: 99;
    border-bottom:solid 1px #000000;
}

.navigation-menu{
    grid-column: 1/5;
	display:inline;
}

@media screen and (min-width:650px){
.navigation-menu{
    grid-column: 1/3;
	display:inline;
}

}

@media screen and (min-width:970px){
	
.navigation-menu{
    grid-column: 1/3;
	display:none;
}	
	
}

.navigation-news-sections{
    grid-column: 1/3;
	display:none;
}

@media screen and (min-width:970px){
	
.navigation-news-sections{
    grid-column: 1/3;
	display:inline;
}	
	
}

.navigation-more-sections{
    grid-column: 3/5;
	display:none;
}

@media screen and (min-width:970px){
	
.navigation-more-sections{
    grid-column: 3/5;
	display:inline;
}

}

.navigation-branded-button-one{
    grid-column: 5/7;
    background-color:#192C4B;
    border:solid 1px #192C4B;
    text-align:center;
    border-radius: 5px 5px 5px 5px;
	display:none;
	padding: 2px;
	letter-spacing: .5px;
}

@media screen and (min-width:970px){
	
.navigation-branded-button-one{
    grid-column: 5/7;
    background-color:#192C4B;
    border:solid 1px #192C4B;
    text-align:center;
    border-radius: 5px 5px 5px 5px;
	display:inline;
	padding: 2px;
	letter-spacing: .5px;
}

}	

.navigation-branded-button-two{
    grid-column: 7/9;
    background-color:#192C4B;  
    text-align:center;
    border:solid 1px #192C4B;
    border-radius: 5px;
	display:none;
	padding: 2px;
	letter-spacing: .5px;
}

@media screen and (min-width:970px){
	
.navigation-branded-button-two{
    grid-column: 7/9;
    background-color:#192C4B;  
    text-align:center;
    border:solid 1px #192C4B;
    border-radius: 5px;
	display:inline;
	padding: 2px;
	letter-spacing: .5px;
}

}

.domicile-guidebook-button-download{
    grid-column: span 12;
    background-color:#192C4B;
    border:solid 1px #192C4B;
    text-align:center;
    border-radius: 5px 5px 5px 5px;
	padding: 20px;
	letter-spacing: .5px;
}

.navigation-search{
    grid-column: 5/9;
    text-align:right;
}

@media screen and (min-width:970px){
.navigation-search{
    grid-column: 9/11;
    text-align:right;
}
	
}

.navigation-subscribe{
    grid-column: 9/13;
    text-align:right;
}

@media screen and (min-width:970px){
.navigation-subscribe{
    grid-column: 11/13;
    text-align:right;
}
	
}

.news-navigation-display-wrapper {
    width:auto;
    height:auto;
    display:none;
}

.news-navigation-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    padding-bottom:20px;
    margin-left:10px;
    margin-right:10px;
    border-bottom: 1px solid #000000;
    background-color:#ffffff;
}

.news-navigation-section-close {
    grid-column: 12/13;
    text-align:right;
    padding-top:10px;
}

.news-navigation-by-section {
    grid-column: 1/13;
    margin-top:0px;
    margin-bottom:0px;
	text-align: center;
}

@media screen and (min-width:650px){
.news-navigation-by-section{
    grid-column: 1/13;
    margin-top:0px;
    margin-bottom:0px;
	text-align: left;
}
	
}


.news-navigation-by-region {
    grid-column: 1/13;
    margin-top:10px;
    margin-bottom:0px;
	text-align: center;
}

@media screen and (min-width:650px){
.news-navigation-by-region{
    grid-column: 1/13;
    margin-top:10px;
    margin-bottom:0px;
	text-align: left;
}
	
}

.news-navigation-section {
    grid-column: span 12;
	text-align:center;
}

@media screen and (min-width:650px){
.news-navigation-section{
    grid-column: span 4;
	text-align:left;
}
	
}

@media screen and (min-width:970px){
.news-navigation-section{
    grid-column: span 2;
	text-align:left;
}
	
}

.more-sections-navigation-display-wrapper {
    width:auto;
    height:auto;
    display:none;
}

.menu-more-sections-navigation-display-wrapper {
    width:auto;
    height:auto;
    display:inline;
}

@media screen and (min-width:970px){
	
.menu-more-sections-navigation-display-wrapper{
    width:auto;
    height:auto;
    display:none;
}

}


/*This class is created because the above class is set to width and hight auto so I can't use magin on the above div*/
.menu-more-sections-navigation-display-wrapper-manual-magin {
    width:auto;
    height:20px;
    grid-column: 1/13;
}

.more-sections-navigation-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    padding-bottom:20px;
    margin-left:10px;
    margin-right:10px;
    border-bottom: 1px solid #000000;
    background-color:#ffffff;
}

.more-sections-navigation-close {
    grid-column: 12/13;
    text-align:right;
    padding-top:10px;
}

.search-display-wrapper {
    width:auto;
    height:auto;
    display:none;
}

.search-navigation-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    padding-bottom:20px;
    margin-left:10px;
    margin-right:10px;
    background-color:#ffffff;
}


.search-navigation-section {
    grid-column:  2/10;
}

@media screen and (min-width:650px){
.search-navigation-section {
    grid-column:  2/11;
}
	
}

.search-input  {
  width: 100%;
  padding: 12px 20px;
  box-sizing: border-box;
}


.search-navigation-section-close {
    grid-column: 12/13;
    text-align:right;
    padding-top:10px;
}

.search-navigation-button{
    grid-column: 10/13;
    text-align:left;
}

@media screen and (min-width:650px){
.search-navigation-button {
    grid-column: 11/13;
    text-align:left;
}

}


button:focus {outline:0;}

.button {
  background-color: #ffffff;
  border: none;
  padding-top: 10px;
  text-align: right;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.subscribe-button {
    background-color: #ffffff;
    border: none;
    text-decoration: none;
    cursor: pointer;
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:17px;
    color:#000000;
    margin:0px;
    padding:0px;
}

.inside-the-issue-button {
    background-color: #ffffff;
    border: none;
    text-align: right;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#192C4B;
    margin:0px;
    padding:0px;
}

/* Slider styles */

.search-what-section-radio-buttons-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    padding-bottom:20px;
    margin-left:10px;
    margin-right:10px;
    border-bottom: 1px solid #000000;
    background-color:#ffffff;
}

.email-set-up-radio-buttons {
    grid-column:  span 1;
	margin-bottom:0px;
	text-align: center;
}

.search-what-section-radio-buttons-text {
    grid-column:  span 6;
	margin-top:auto;
	margin-bottom:auto;	
	text-align: right;
}

@media screen and (min-width:970px){
	
.search-what-section-radio-buttons-text {
    grid-column:  span 2;
	margin-top:auto;
	margin-bottom:auto;	
	text-align: right;
}

}
.search-what-section-radio-buttons {
    grid-column:  span 1;
	margin-bottom:10px;
}


.slider-text{
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:16px;
    color:#686868;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-bottom:10px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #192C4B;
}

input:focus + .slider {
  box-shadow: 0 0 1px #192C4B;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/* Slider styles ENDS */

/*text styles */

.navigation-text{
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:18px;
    color:#000000;
}

.navigation-text-branded-button-one{
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:17px;
    color:#ffffff;
}

.navigation-text-branded-button-two{
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:17px;
    color:#ffffff;
}

.navigation-text-domicile-guidebook-button-download{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size:20px;
    color:#ffffff;
}

.navigation-dropdown-text{
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:15px;
    color:#686868;
}

.navigation-dropdown-text:hover {
    color:#192C4B;
    }


.news-navigation-by-section-or-region-text{
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:17px;
    color:#000000;
    font-style:italic;
     
}

.news-navigation-section-text{
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:17px;
    color:#000000;
    cursor: pointer;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
}

.menu-navigation-section-text{
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:17px;
    color:#000000;
    cursor: pointer;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
}

.more-sections-navigation-text{
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:17px;
    color:#000000;
    cursor: pointer;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
}

.search-navigation-text{
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:17px;
    color:#000000;
    cursor: pointer;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
}

.navigation-text-close{
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:18px;
    color:#686868;
    cursor: pointer;
}


/* navigation-grid ENDS */



/* 4. where-you-are-grid */

.where-you-are-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
    border-bottom:solid #000000 1px;
}

.archive-where-you-are-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
}

.where-you-are {
    grid-column: 1/9;
    margin-top:0px;
    margin-bottom:10px;
}

.whats-in-the-latest-issue {
    grid-column: span 12;
    text-align:right;
    margin-top:5px;
}


#features-where-you-are-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:20px;
    margin-right:20px;
}

/*text styles */

.where-you-are-text {
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:25px;
    color:#000000;
    line-height: 1.1;
}

.where-you-are-text-magazine-articles {
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:35px;
    color:#000000;
    line-height: 1.1;
    font-style: italic;
}

.what-is-inside-the-issue {
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:35px;
    color:#000000;
    line-height: 1.1;
}



/* where-you-are-grid ENDS */

/* 5. pagination */

.pagination-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
}

.pagination-articles-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom: solid 1px #000000;
}

.pagination-more-articles {
    grid-column: span 12;
    text-align:left;
}

@media screen and (min-width:650px){
.pagination-more-articles {
    grid-column: 1/9;
    text-align:left;
}

}


.pagination-back-to-top {
    grid-column: span 12;
    text-align:left;
}

@media screen and (min-width:650px){
.pagination-back-to-top {
    grid-column: 9/13;
    text-align:right;
}

}

.pagination-more-articles123 {
    grid-column: 1/10;
    text-align:center;
}

.pagination-more-articlesFullWidth {
    grid-column: span 12;
    text-align:center;
}

.pagination-dates {
    grid-column: 1/5;
}

.pagination-previous-article {
    grid-column: span 12;
    text-align:left;
    margin-top:10px;
}

@media screen and (min-width:970px){
	
.pagination-previous-article {
grid-column: 1/5; 
    text-align:left;
    margin-top:10px;
}	
	
}


.pagination-next-article {
    grid-column: span 12;
    text-align:left;
    margin-top:10px;
}

@media screen and (min-width:970px){
	
.pagination-next-article {
    grid-column: 9/13;
    text-align:right;
    margin-top:10px;
}	
	
}



/*text styles */

.pagination-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#192C4B;
}

@media screen and (min-width:970px){
	
.pagination-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#192C4B;
}	
	
}

.pagination-text:hover {
  color: #192C4B;
}

.pagination-next-article-text {
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:17px;
    color:#000000;
    line-height: 1.1;
}

@media screen and (min-width:970px){
	
.pagination-next-article-text {
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:13px;
    color:#000000;
    line-height: 1.1;
}	
	
}

/* pagination123 */

.pagination123 {
	list-style-type: none;
	display: inline-flex;
}
.pagination123 li {
	padding-right: 10px;
}
.pagination123 li a {
	background-color: #ffffff;
	padding: 8px;
	text-decoration: none;
	font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
	color: #686868;
	border-radius: 5px;
}
.pagination123 li a:hover {
	background-color: #ffffff;
	color: #192C4B;
}
.pagination123 .next a, .pagination123 .prev a {
	font-size: 20px;
}
.pagination123 .currentpage a {
	background-color: #192C4B;
	color: #ffffff;
}
.pagination123 .currentpage a:hover {
	background-color: #192C4B;
	color: #ffffff;
}
			
/* pagination ENDS */

/* 6. articles-grid */


.articles-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    grid-column: span 12;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.articles-one-coloumn-wide{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column: span 3;
    grid-column-gap: 1.6%;
    margin-top:10px;
}

.articles-three-coloumn-wide{
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-column: span 9;
    grid-column-gap: 1.6%;
}


.lead-article{
    grid-column: span 12;
	padding-left:0px;
	margin-top:10px;
	margin-bottom:10px;
	border-left:solid 10px #192C4B;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


@media screen and (min-width:650px){
.lead-article{
    grid-column: span 6;
	padding-left:0px;
	margin-top:10px;
	margin-bottom:10px;
	border-left:solid 10px #192C4B;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

}

@media screen and (min-width:970px){
	
.lead-article{
    grid-column: span 3;
    padding-left:0px;
	margin-top:10px;
    margin-bottom:10px;
	border-left:solid 10px #192C4B;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}	
	
}

.article{
    grid-column: span 12;
    padding-left:0px;
    margin-top:10px;
    margin-bottom:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.domicile{
    grid-column: span 12;
    margin-top:10px;
    margin-bottom:10px;
}

.article-padding{

    padding:20px;

}

@media screen and (min-width:650px){
	
.article{
    grid-column: span 6;
    padding-left:0px;
    margin-top:10px;
    margin-bottom:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
}

@media screen and (min-width:970px){
	
.article{
    grid-column: span 3;
    padding-left:0px;
    margin-top:10px;
    margin-bottom:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}	
	
}

.article-no-lead{
    grid-column: span 12;
    padding-left:0px;
    margin-top:10px;
    margin-bottom:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media screen and (min-width:650px){
	
.article-no-lead{
    grid-column: span 6;
    padding-left:0px;
    margin-top:10px;
    margin-bottom:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);;
}
}

@media screen and (min-width:970px){
	
.article-no-lead{
    grid-column: span 3;
    padding-left:0px;
    margin-top:10px;
    margin-bottom:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}	
	
}

.article-magazine{
    grid-column: span 12;
    padding-left:0px;
    margin-top:10px;
    margin-bottom:10px;
	text-align: center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media screen and (min-width:650px){
	
.article-magazine{
    grid-column: span 6;
    padding-left:0px;
    margin-top:10px;
    margin-bottom:10px;
	text-align: center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
}

@media screen and (min-width:970px){
	
.article-magazine{
    grid-column: span 3;
    padding-left:0px;
    margin-top:10px;
    margin-bottom:10px;
	text-align: center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}	
	
}

.article-magazine-home-page{
    grid-column: span 12;
    padding-left:0px;
    margin-top:20px;
    margin-bottom:20px;
	text-align: left;
}

@media screen and (min-width:650px){
	
.article-magazine-home-page{
    grid-column: span 6;
    padding-left:0px;
    margin-top:auto;
    margin-bottom:auto;
	text-align: left;
}
}

@media screen and (min-width:970px){
	
.article-magazine-home-page{
    grid-column: span 5;
    padding-left:0px;
    margin-top:auto;
    margin-bottom:auto;
	text-align: left;
}
}

.you-may-have-missed {
    grid-column: span 3;
    margin-top:5px;
    margin-bottom:20px;
    margin-left:10px;
    border-bottom:solid 1px #000000;
}

.magazine-pull-out{
    grid-column: span 12;
    padding-right:0px;
    padding-left:0px;
	border-right:solid 0px #192C4B;
	border-left:solid 0px #192C4B;
	padding-top:0px;
	padding-bottom:0px;
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 	margin-top:10px;
	margin-bottom:10px;
}

@media screen and (min-width:650px){
	
.magazine-pull-out{
    grid-column: span 6;
    padding-right:0px;
    padding-left:0px;
	border-right:solid 0px #192C4B;
	border-left:solid 0px #192C4B;
	padding-top:0px;
	padding-bottom:0px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-top:10px;
	margin-bottom:10px;
}	
	
}

@media screen and (min-width:970px){
	
.magazine-pull-out{
    grid-column: span 3;
    padding-right:0px;
    padding-left:0px;
	border-right:solid 0px #192C4B;
	border-left:solid 0px #192C4B;
	padding-top:0px;
	padding-bottom:0px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-top:10px;
	margin-bottom:10px;
}	
	
}

.magazine-pull-out-home{
    grid-column: span 12;
    padding-right:0px;
    padding-left:0px;
	border-right:solid 0px #0d2e45;
	border-left:solid 0px #0d2e45;
	padding-top:0px;
	padding-bottom:0px;
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 	margin-top:10px;
	margin-bottom:10px;
}

@media screen and (min-width:650px){
	
.magazine-pull-out-home{
    grid-column: span 12;
    padding-right:0px;
    padding-left:0px;
	border-right:solid 0px #0d2e45;
	border-left:solid 0px #0d2e45;
	padding-top:0px;
	padding-bottom:0px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-top:10px;
	margin-bottom:10px;
}	
	
}

@media screen and (min-width:970px){
	
.magazine-pull-out-home {
    grid-column: span 4;
    padding-right:0px;
    padding-left:0px;
	border-right:solid 0px #0d2e45;
	border-left:solid 0px #0d2e45;
	padding-top:0px;
	padding-bottom:0px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-top:10px;
	margin-bottom:10px;
}	
	
}

.article-pull-out-box-ad{
    grid-column: span 12;
	margin-top:auto;
	margin-bottom:auto;
}

@media screen and (min-width:650px){
	
.article-pull-out-box-ad{
    grid-column: span 6;
	margin-top:auto;
	margin-bottom:auto;
}	
	
}

@media screen and (min-width:970px){
	
.article-pull-out-box-ad{
    grid-column: span 3;
	margin-top:auto;
	margin-bottom:auto;
}	
	
}

.image-container{
    position: relative;
}

.pull-out-image-container{
    background-color:#000000;
    position: relative;
    border-radius: 25px;
}

.article-what-news-section{
    width:auto;
    height:auto;
	background-color: #192C4B;
    z-index: 1;
	position: absolute;
	top: 5px;
	left: 5px;
	padding:5px;
}
.article-what-news-section:hover {
    color:#ffffff;
    }

.pull-out-article-what-news-section{
    width:auto;
    height:auto;
	background-color: #ffffff;
    z-index: 1;
	position: absolute;
	bottom: 0px;
	padding:10px;
    border-top: 4px solid #192C4B;
}

.pull-out-article-what-news-section-alternative{
    width:auto;
    height:auto;
	background-color: #192C4B;
    z-index: 1;
	position: absolute;
	bottom: 10px;
	left: 10px;
	padding:5px;
}

.reporter{
    width:auto;
    height:auto;
	background-color: #ffffff;
    z-index: 1;
	position: absolute;
	bottom: 0px;
	right:0px;
	padding:10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#192C4B;
    border-top: 4px solid #192C4B;
}
.reporter:hover {
    color:#CC7D1F;
    border-top: 4px solid #CC7D1F;
    }

.pull-out-reporter{
    width:auto;
    height:auto;
	background-color: #192C4B;
    z-index: 1;
	position: absolute;
	bottom: 0px;
	right:0px;
	padding:10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#ffffff;
    border-top: 4px solid #192C4B;
}

/*text styles */

.lead-article-headline-text {
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:35px;
    color:#ffffff;
    line-height: 1.1;
}

@media screen and (min-width:970px){
	
.lead-article-headline-text{
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:25px;
    color:#ffffff;
    line-height: 1.1;
}	
	
}

.article-headline-text {
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:30px;
    color:#000000;
    line-height: 1.1;
}

@media screen and (min-width:970px){
	
.article-headline-text{
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:19px;
    color:#000000;
    line-height: 1.1;
}	
	
}

.video-under-poster-headline-text {
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:30px;
    color:#000000;
    line-height: 1.1;
}

@media screen and (min-width:970px){
	
.video-under-poster-headline-text{
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:25px;
    color:#000000;
    line-height: 1.1;
}	
	
}

.article-headline-text:hover {
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:30px;
    color:#192C4B;
    line-height: 1.1;
	/*
	transition: all 0.5s ease;
	*/
    }

@media screen and (min-width:970px){
	
.article-headline-text:hover{
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:19px;
    color:#192C4B;
    line-height: 1.1;
}	
	
}

.video-under-poster-headline-text:hover {
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:30px;
    color:#192C4B;
    line-height: 1.1;
	/*
	transition: all 0.5s ease;
	*/
    }

@media screen and (min-width:970px){
	
.video-under-poster-headline-text:hover{
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:25px;
    color:#192C4B;
    line-height: 1.1;
}	
	
}


.email-setup-headline-text {
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:19px;
    color:#000000;
    line-height: 1.1;
}


.pull-out-article-headline-text {
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:25px;
    color:#ffffff;
    line-height: 1.1;
}

.article-synopsis-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#686868;
    line-height: 1.1;
}

@media screen and (min-width:970px){
	
.article-synopsis-text{
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#686868;
    line-height: 1.5;
}	
	
}

.inside-issue-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#686868;
    line-height: 1.1;
}

.pull-out-article-synopsis-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#ffffff;
    line-height: 1.1;
}

.read-full-story {
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#192C4B;
}

.read-full-story:hover {
  color: #686868;
}


.pull-out-read-full-story {
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#ffffff;
}


.date-location-reporter {
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#686868;
}

@media screen and (min-width:650px){
	
.date-location-reporter {
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#686868;
}	
}

.pull-out-date-location-reporter {
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#ffffff;
}

.location {
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#686868;
}

@media screen and (min-width:650px){
	
.location {
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#686868;
}	
}

.pull-out-location {
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#ffffff;
}

.location:hover {
  color: #686868;
}

.pull-out-date-location-reporter {
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#ffffff;
}


.article-what-news-section-text{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:20px;
    color:#ffffff;
}

@media screen and (min-width:650px){
	
.article-what-news-section-text{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:12px;
    color:#ffffff;
}	
	
}

.article-what-news-section-text:hover{
    color:#ffffff;
}

.pull-out-article-what-news-section-text{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:12px;
    color:#ffffff;
}

.magazine-issue-no-text{
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:23px;
    color:#000000;
}

.magazine-date-text{
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#686868;
}


/* articles-grid ENDS */

/* 7. story-grid */

.story-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    grid-column: span 12;
    margin-left:20px;
    margin-right:20px;
}

.reporter-image{
    grid-column: 1/2;
    margin-top:5px;
    margin-bottom:10px;
    padding-top:0px;
}

.story-gutter{
    grid-column: span 12;
    margin-top:10px;
    margin-bottom:10px;
    padding-right:0px;

}

@media screen and (min-width:650px){
	
.story-gutter{
    grid-column: 1/4;
    margin-top:10px;
    margin-bottom:10px;
    padding-right:0px;

}	
	
}

@media screen and (min-width:970px){
	
.story-gutter{
    grid-column: 1/3;
    margin-top:10px;
    margin-bottom:10px;
    padding-right:0px;

}	
	
}

.emerging-gutter{
    grid-column: span 12;
    margin-top:10px;
    margin-bottom:10px;
    padding-right:0px;

}

@media screen and (min-width:650px){
	
.emerging-gutter{
    grid-column: 1/6;
    margin-top:10px;
    margin-bottom:10px;
    padding-right:0px;

}	
	
}

@media screen and (min-width:970px){
	
.emerging-gutter{
    grid-column: 1/4;
    margin-top:10px;
    margin-bottom:10px;
    padding-right:0px;

}	
	
}

.story-headline{
    grid-column: 3/8;
    margin-bottom:15px;
}

.story{
    grid-column: span 12;
    margin-top:10px;
    margin-bottom:10px;
}

@media screen and (min-width:650px){
	
.story{
    grid-column: 4/13;
    margin-top:10px;
    margin-bottom:10px;
}	
	
}

@media screen and (min-width:970px){
	
.story{
    grid-column: 3/9;
    margin-top:10px;
    margin-bottom:10px;
}	
	
}

.emerging-talent-story{
    grid-column: span 12;
    margin-top:20px;
    margin-bottom:10px;
}

@media screen and (min-width:650px){
	
.emerging-talent-story{
    grid-column: 6/13;
    margin-top:20px;
    margin-bottom:10px;
}	
	
}

@media screen and (min-width:970px){
	
.emerging-talent-story{
    grid-column: 4/10;
    margin-top:20px;
    margin-bottom:10px;
}	
	
}

.emerging-talent-story-quote{
    grid-column: span 12;
    margin-top:20px;
    margin-bottom:10px;
}

@media screen and (min-width:650px){
	
.emerging-talent-story-quote{
    grid-column: 5/13;
    margin-top:20px;
    margin-bottom:10px;
}	
	
}

@media screen and (min-width:970px){
	
.emerging-talent-story-quote{
    grid-column: 10/13;
    margin-top: 100px;
}	
	
}

.poster-ad{
    grid-column: span 12;
    margin-top:10px;
    margin-bottom:10px;
}

@media screen and (min-width:650px){
	
.poster-ad{
    grid-column: 4/13;
    margin-top:10px;
    margin-bottom:10px;
}	
	
}

@media screen and (min-width:970px){
	
.poster-ad{
    grid-column: 9/13;
    margin-top:10px;
    margin-bottom:10px;
}	
	
}

.content-under-poster-ad{
	margin-top: 20px;
/*	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}
.story-headline-text {
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:35px;
    color:#000000;
    line-height: 1;
}

.story-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#686868;
    font-weight: normal;
	line-height: 1.3;
}

@media screen and (min-width:970px){
	
.story-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#686868;
    font-weight: normal;
	line-height: 1.3;
}	
	
}

.story-text-quote {
    font-family: Georgia, serif;
    font-size:20px;
    color:#192C4B;
    font-weight: 900;
	line-height: 1.3;
}

.story-text-quoter {
    font-family: Georgia, serif;
    font-size:15px;
    color:#192C4B;
	font-style: italic;
    font-weight: 900;
	line-height: 1.3;
}

.gutter-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#686868;
}

@media screen and (min-width:650px){
	
.gutter-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#686868;
}	
	
}

.gutter-link-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#686868;
}

@media screen and (min-width:650px){
	
.gutter-link-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#686868;
}	
	
}

.gutter-link-text:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#686868;
}

.gutter-image-credit-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#686868;
    font-style: italic;
}

@media screen and (min-width:650px){
	
.gutter-image-credit-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:8px;
    color:#686868;
    font-style: italic;
}	
	
}

.gutter-social-media-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:20px;
    color:#192C4B;
}

/* story-grid ENDS */

/* 8. issue-grid */

.issue-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 0%;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
    margin-top:20px;
    position:relative;
}

.issue{
    grid-column: span 12;

}

.issue-number-download-now{
    grid-column: span 12;
    position:absolute;
    top:0;
    left:0;
    background-color: rgba(0,141,209,0.8);
    padding-top:10px;
    padding-bottom:10px;
    padding-right:20px;
    padding-left:10px;
    text-align:right;
    border-top: 7px solid #192C4B;
}

.issue-image{
    grid-column: 2/4;
    position:absolute;
    top:0;
    Margin-top:40%;
}

.issue-content{
    grid-column: 7/13;
    position:absolute;
    top:0;
    background-color: rgba(0,141,209,0.8);
    Margin-top:15%;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:20px;
    padding-left:10px;
    text-align:right;
    border-top: 7px solid #192C4B;
}

.issue-strap-1{
    grid-column: 1/4;
    border-right: 2px dotted #ffffff;
    position:absolute;
    bottom:95px;
    background-color: rgba(0,141,209,0.8);
    padding-top:10px;
    padding-bottom:10px;
    padding-right:20px;
    padding-left:10px;
    text-align:left;
}

.issue-strap-2{
    grid-column: 4/7;
    border-right: 2px dotted #ffffff;
    position:absolute;
    bottom:95px;
    background-color: rgba(0,141,209,0.8);
    padding-top:10px;
    padding-bottom:10px;
    padding-right:20px;
    padding-left:10px;
    text-align:center;
}

.issue-strap-3{
    grid-column: 7/10;
    border-right: 2px dotted #ffffff;
    position:absolute;
    bottom:95px;
    background-color: rgba(0,141,209,0.8);
    padding-top:10px;
    padding-bottom:10px;
    padding-right:20px;
    padding-left:10px;
    text-align:center;
}

.issue-strap-4{
    grid-column: 10/13;
    position:absolute;
    bottom:95px;
    background-color: rgba(0,141,209,0.8);
    padding-top:10px;
    padding-bottom:10px;
    padding-right:20px;
    padding-left:10px;
    text-align:right;
}

.next-issue-in{
    grid-column: 1/13;
    width:100%;
    position:absolute;
    bottom:0;
    background-color: rgba(0,0,0,0.7);
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
}


/* text styles */

.issue-number-download-now-text{
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:25px;
    color:#ffffff;
}

.issue-headerline-text{
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:50px;
    color:#ffffff;
    line-height: 1.1;
}

.issue-headerline-synopsis-text{
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:25px;
    color:#ffffff;
    line-height: 1.1;
}

.issue-strap-headerline-text{
    font-family: Georgia, serif;
    font-weight: 700;
    font-size:25px;
    color:#ffffff;
}

.issue-strap-headerline-synopsis-text{
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:15px;
    color:#ffffff;
}

/* issue-grid ENDS */


/* 9. site-map-and-footer */

.site-map-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
}

.site-map-sections-wrapper {
    grid-column: span 12;
	text-align: center;
}

@media screen and (min-width:650px){
	
.site-map-sections-wrapper{
    grid-column: span 3;
	text-align: left;
}	
	
}

.site-map-sections {
    grid-column: span 3;
    border-bottom: 1px solid #000000;
    margin-top:20px;
    margin-bottom:5px;
    padding-top:10px;
    padding-bottom:10px;
}

.site-map-section-list {
    grid-column: span 3;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
    border-top: 1px solid #000000;
}

.footer {
    grid-column: 1/13;
    margin-top:10px;
    text-align:center;
}

.contact-us-privacy-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
}

.contact-us {
    grid-column: 1/13;
    margin-top:20px;
    text-align:center;
    border-bottom: 1px solid #000000;
    padding-bottom:20px;
}

.privacy-policy {
    grid-column: 1/13;
    margin-top:10px;
    text-align:left;
    border-bottom: 1px solid #000000;
    padding-bottom:20px;
}

/*text styles */

    .site-map-section-text {
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:18px;
    color:#000000;
}

.site-map-section-list-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#000000;
}

/* site map ENDS */


/* 10. overlays */

/* subscribe-modal (background) */
.subscribe-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

.subscribe-modal-box-close-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:20px;
    margin-right:20px;
}

.subscribe-modal-box-close {
  grid-column: 10/11;
}

.subscribe-modal-box-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    padding-bottom:20px;
    margin-left:20px;
    margin-right:20px;
}

.subscribe-modal-box {
  grid-column: 4/10;
  background-color: #ffffff;
  padding: 40px;
  text-align:center;
}

.subscribe-input {
  width: 100%;
  padding: 8px 20px;
  box-sizing: border-box;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #000000;
  margin-top:25px;
}

input[type=button], input[type=submit], input[type=reset] {
  width:100%;
  background-color: #000000;
  border: none;
  color:#ffffff;
  padding: 8px 20px;
  margin-top:25px;
  margin-bottom:25px;
  margin-left:auto;
  margin-right:auto;
  text-decoration: none;
  cursor: pointer;
  font-family: Georgia, serif;
  font-weight: 700;
  font-size:20px;
}

/* inside-the-issue-modal-box (background) */
.inside-the-issue-modal-box {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 10px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

.inside-the-issue-modal-box-close-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:20px;
    margin-right:20px;
}

.inside-the-issue-modal-box-close {
  grid-column: 12/13;
}

.inside-the-issue-modal-box-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin-left:20px;
    margin-right:20px;
    position:relative;
}

.inside-the-issue-modal-box-issue-contents {
  grid-column: 2/12;
}

.inside-the-issue-modal-box-issue-contents-download-now {
    grid-column: 2/12;
    position:absolute;
    top:0;
    left:0;
    background-color: rgba(0,141,209,0.8);
    padding-top:10px;
    padding-bottom:10px;
    padding-right:20px;
    padding-left:10px;
    text-align:right;
    border-top: 7px solid #192C4B;
}

.inside-the-issue-modal-box-issue-contents-issue-image{
    grid-column: 3/5;
    position:absolute;
    top:0;
    Margin-top:85px;
}

.inside-the-issue-modal-box-issue-content{
    grid-column: 6/12;
    position:absolute;
    top:0;
    background-color: rgba(0,141,209,0.8);
    Margin-top:100px;
    Margin-left:0px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:20px;
    padding-left:10px;
    text-align:right;
    border-top: 7px solid #192C4B;
}

.modal-box-issue-strap-1{
    grid-column: 2/7;
    border-right: 2px dotted #ffffff;
    position:absolute;
    bottom:95px;
    background-color: rgba(0,141,209,0.8);
    padding-top:10px;
    padding-bottom:10px;
    padding-right:20px;
    padding-left:10px;
    text-align:center;
}

.modal-box-issue-strap-2{
    grid-column: 7/12;
    position:absolute;
    bottom:95px;
    background-color: rgba(0,141,209,0.8);
    padding-top:10px;
    padding-bottom:10px;
    padding-right:20px;
    padding-left:10px;
    text-align:center;
}

.modal-box-next-issue-in{
    grid-column: 2/12;
    width:100%;
    position:absolute;
    bottom:0;
    background-color: rgba(0,0,0,0.7);
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
}



/* overlay-modal-box (background) */
.overlay-modal-box {
  display: none; /* display: none display: block */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

.overlay-modal-box-close-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:20px;
    margin-right:20px;
}

.overlay-modal-box-close {
  grid-column: 11/12;
}

@media screen and (min-width:1290px){
.overlay-modal-box-close {
  grid-column: 10/11;
}

}

.overlay-modal-box-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    padding-bottom:20px;
    margin-left:20px;
    margin-right:20px;
}

.overlay-modal-box-contents {
  grid-column: 3/11;
}

@media screen and (min-width:1290px){
.overlay-modal-box-contents {
  grid-column: 4/10;
}

}


/* text styles */

.subscribe-box-text{
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:18px;
    color:#000000;
}

.close-subscribe-modal-box-text {
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:25px;
    color:#ffffff;
    cursor: pointer;
}

.close-inside-the-issue-modal-box-text {
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:25px;
    color:#ffffff;
    cursor: pointer;
}

.close-overlay-modal-box-text {
    font-family: Georgia, serif;
    font-weight: 400;
    font-size:25px;
    color:#ffffff;
    cursor: pointer;
}

/* 10. overlays ENDS */

/* 11. Back to top button */

.backToTopBtn {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 40px;
  z-index: 99;
  font-size: 20px;
  border: none;
  outline: none;
  background-color: rgba(0,0,0,0.7);
  color: white;
  cursor: pointer;
  padding: 20px;
  border-radius: 25%;
}

.backToTopBtn:hover {
  background-color: #000000;
}


/* 11. Back to top button ENDS */


/* 12. Home page scroll divs */

#mostReadThisWeekScroll {
    padding-top: 150px;
    margin-top: -150px; 
    display: block; 
}

#featuresScroll {
    padding-top: 150px;
    margin-top: -150px; 
    display: block; 
}

#interviewsScroll {
    padding-top: 150px;
    margin-top: -150px; 
    display: block; 
}

#countryProfilesScroll {
    padding-top: 150px;
    margin-top: -150px; 
    display: block; 
}


/* 12. Home page scroll divs ENDS */



/* 13. service-provider-styles */

.pagination-service-provider {
    grid-column: span 12;
    text-align:left;
    margin-top:10px;
}

.service-provider-gutter{
    grid-column: span 12;
    margin-top:10px;
    margin-bottom:10px;
    padding-top:0px;
}

@media screen and (min-width:650px){
	
.service-provider-gutter{
    grid-column: 1/4;
    margin-top:10px;
    margin-bottom:10px;
    padding-top:0px;
}	
	
}

.service-provider-logo{
    grid-column: span 12;
    border-bottom: solid 1px #000000;
    margin-bottom:10px;
}

@media screen and (min-width:650px){
	
.service-provider-logo{
    grid-column: 1/2;
    border-bottom: solid 1px #000000;
    margin-bottom:10px;
}	
	
}

.service-provider-info{
    grid-column: span 12;
    margin-top:10px;
    margin-bottom:10px;
}

@media screen and (min-width:650px){
	
.service-provider-info{
    grid-column: 4/9;
    margin-top:10px;
    margin-bottom:10px;
}	
	
}

.service-provider-headline{
    grid-column: span 12;
    margin-bottom:15px;
}

@media screen and (min-width:650px){
	
.service-provider-headline{
    grid-column: 3/8;
    margin-bottom:15px;
}	
	
}

/* 13. service-provider-styles ENDS */

/* 14. archive-section */

.where-you-are-issue-archive{
    grid-column: 1/9;
    margin-top:10px;
    margin-bottom:10px;
    text-align:center;
}

/* 14. archive-section ENDS */


/* 15. social-media-templates */

/*
.social-media-templates-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.6%;
    margin-left:10px;
    margin-right:10px;
    margin-top:15px;
    margin-bottom:5px;
    background-color:#ffffff;
    border-bottom:solid 1px #000000;
	text-align: center;
}
*/

.social-media-admin-wrapper {
	width: auto;
	height: auto;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
}

.set-up-sticky{
  position: -webkit-sticky;
  position: sticky;
  top: 0; 
  z-index: 99;
  text-align: right;
  margin-left: 20px;
  margin-right: 20px;
}

.social-media-twitter-cut-here {
	width: 602px;
	height: auto;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

.social-media-twitter-template-dashed-line {
	width: 602px;
	height: auto;
    border:dashed 1px #000000;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}

.social-media-twitter-template {
	width: 600px;
	height: 335px;
	margin: 1px;
	overflow: hidden;
}

.social-media-twitter-blue-filter {
	width: 600px;
	height: 335px;
	margin: 1px;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	z-index: 1;
}

.social-media-twitter-what-section {
	width: 450px;
	height: 50px;
	position: absolute;
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 20px;
	z-index: 2;
	border-left:solid 10px #ffffff;
}

.social-media-twitter-headline-and-synopsis {
	width: 450px;
	height: 100px;
	position: absolute;
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-top: 50px;
	z-index: 2;
	border-left:solid 10px #ffffff;
}

.social-media-twitter-logo {
	width: 350px;
	height: auto;
	position: absolute;
	margin-left: 20px;
	margin-top: 175px;
	padding-top: 100px;
	margin-bottom: 20px;
	padding-left: 20px;
	z-index: 2;
	border-left:solid 10px #ffffff;
}

/*text styles */

.social-media-templates-section-text {
    font-family: Georgia, serif;
    font-weight: 900;
    font-size:25px;
	color: #ffffff;
	line-height: 1.1;
}

.social-media-templates-headline-text {
    font-family: Georgia, serif;
    font-weight: 900;
    font-size:27px;
	color: #ffffff;
	line-height: 1.1;
	text-decoration: underline;
}

.social-media-templates-synopsis-text {
    font-family: Georgia, serif;
    font-size:15px;
    font-weight: normal;
	color: #ffffff;
	line-height: 1.1;
}

.social-media-templates-crop-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight: normal;
	color: #000000;
}

.social-media-admin-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight: normal;
	color: #188dcd;
}
    
/* 15. social-media-templates ENDS */


/* 16. font-icons */

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?fwxbm3');
  src:  url('fonts/icomoon.eot?fwxbm3#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?fwxbm3') format('truetype'),
    url('fonts/icomoon.woff?fwxbm3') format('woff'),
    url('fonts/icomoon.svg?fwxbm3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-iconfinder_arrow-circle-up_1608521:before {
  content: "\e903";
}
.icon-iconfinder_facebook_1608692:before {
  content: "\e910";
}
.icon-iconfinder_f0e1_213133:before {
  content: "\e911";
}
.icon-iconfinder_arrow-circle-down_1608514:before {
  content: "\e900";
}
.icon-iconfinder_arrow-circle-left_1608515:before {
  content: "\e901";
}
.icon-iconfinder_arrow-circle-right_1608520:before {
  content: "\e902";
}
.icon-iconfinder_f0c4_213106:before {
  content: "\e904";
}
.icon-iconfinder_f0c9_213111:before {
  content: "\e905";
	vertical-align: middle;
}
.icon-iconfinder_f0e0_213132:before {
  content: "\e906";
}
.icon-iconfinder_f08c_213066:before {
  content: "\e907";
}
.icon-iconfinder_f057_213016:before {
  content: "\e908";
  font-size: 28px;
}
.icon-iconfinder_f130_213205:before {
  content: "\e909";
}
.icon-iconfinder_f166_213256:before {
  content: "\e90a";
}
.icon-iconfinder_rocket_1608817:before {
  content: "\e90b";
}
.icon-iconfinder_search_1608826:before {
  content: "\e90c";
}
.icon-iconfinder_send_1608828:before {
  content: "\e90d";
}
.icon-iconfinder_share-alt_1608416:before {
  content: "\e90e";
}
.icon-iconfinder_twitter_1608705:before {
  content: "\e90f";
}

/* 17. glossary */

.glossary-a-z-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
	margin-top:40px;
	margin-bottom:40px;
    margin-left:20px;
    margin-right:20px;
    position:relative;
}

@media screen and (min-width:970px){
	
.glossary-a-z-grid {
    display: grid;
    grid-template-columns: repeat(27, 1fr);
	margin-top:40px;
	margin-bottom:40px;
    margin-left:20px;
    margin-right:20px;
    position:relative;
}

}


.glossary-a-z {
  	grid-column: span 1;
  	text-align: center;
	padding:10px;
	background-color: #ffffff;
	border-radius: 10px;
}

.glossary-a-z-active {
  	grid-column: span 1;
  	text-align: center;
	padding:10px;
	background-color: #192C4B;
	border-radius: 10px;
}

.glossary-a-z-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#686868;
    font-weight: bold;
}

.glossary-a-z-active-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#ffffff;
    font-weight: bold;
}

.glossary-a-z-text:hover {
    color:#192C4B;
    }

.glossary-a-z-redundent-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#E0E0E0;
    font-weight: bold;
}

.glossary-definition-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
	margin-top:0px;
	margin-bottom:20px;
    margin-left:20px;
    margin-right:20px;
    position:relative;
}

.glossary-definition {
  	grid-column: span 12;
	padding: 30px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-top:10px;
	margin-bottom:10px;
}


.glossary-a-z-big-capital-letter {
  	grid-column: span 1;
  	text-align: center;
	padding:20px;
	margin-top: 20px;
	background-color: #192C4B;
}

.glossary-a-z-big-capital-letter-text {
    font-family: Georgia, serif;
    font-size:50px;
    color:#ffffff;
    font-weight: bold;
}

.glossary-definition-title-text {
    font-family: Georgia, serif;
    font-size:30px;
    color:#000000;
    font-weight: bold;
}

.glossary-definition-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#686868;
    font-weight: normal;
}

/* 17. glossary ends */