@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
html {overflow-x:hidden;}
body {background: #FFF;}
body, html {background: linear-gradient(to top,#FFFFFF,#FEFEFE );color: black;text-align: center;}
h2 {color: #0d0630; font-family: 'Catamaran', sans-serif; font-weight: 600; letter-spacing: 1.3; font-size: 1.4em; opacity: 0.88; line-height: 1.3; margin-top: 8px; margin-bottom: 3px; font-size: 25px;}
h3 {font-size: 1em; color: black; font-weight: 300; line-height: 1.35; margin-bottom: -5px;}
h3.description p:nth-child(2) {display: none;}
h4 { font-family: 'Open Sans', 'sans-serif'; font-weight: 300; letter-spacing: 1.1;}

p.header-caption {margin-top: 15%;}
h4.author { font-size: 0.55em; display: inline;}
h4 a {color: #805b57; font-family:'martel', serif}
    a {text-decoration: none;}
#tapestrylaunch {width: 100%;}
#tapestrylaunch .col-md-10 {display: inline-block;}


.toptitle {text-align: center; color: black; padding-top: 10px; font-family: 'Josefin Sans', 'helvetica neue', serif;font-size: 2.3em; margin-left: -10px; margin-top:50px;}
a.signature  {text-decoration: none; font-size: 10px; display: inline-block; width: 100%;}
span.boldby {font-weight: 500;}
img.hamburgerbutton {margin: 7px 0px 0px -10px; float: left; height: 35px; width: 35px;     cursor: pointer }
.tri-feed h1 {font-size: 2.4em; margin-right: -25px;}
.row h3 p {display: block;height: auto;overflow: hidden;margin-left: auto;margin-right:  auto;width: 100%;text-align: center;}

.row h3 p img {background-position: center; height: auto;width: auto; margin-right: auto;-webkit-background-clip: text; -moz-background-clip: text;background-clip: text; }
.row h3 {text-align: left;font-family: 'Slabo 13px', sans-serif;}
.row b {display: none;}
.row blockquote {display: none;}

hr { border: 1px solid black;height: 20px;width: 100%;height: 0px;margin-top: 0;border-bottom: 1px solid #E5DEDD;box-shadow: 0 10px 10px -10px #333;margin: 30px auto 10px; opacity: 0.4}

.icon-deck img {padding: 10px 10px 10px 10px; width: 60px; height: 60px; }
.icon-deck {text-align: center;}

/*Main Header*/
.mainheader { height: 55px; margin-top: -20px;}
#mainheader a:hover {text-decoration: none;}
.feedlist h3 p {height: auto;}

.hidden-list {display: none;}
h4.author a {color:#FA8CB1;}
h4.author {color:#455268; }
h4.publication a {font-size: 17px;}

.header-title {text-align: center; font-family: 'Catamaran', serif;  margin-bottom: 40px; padding-top: 90px; padding-bottom: 80px; margin-left: -50%; margin-right: -50%; margin-top: 50px;margin-bottom:50px; letter-spacing: 1.8; font-size: 3.8em;  background-size: contain; background-repeat: no-repeat;color: white; height: 80vh;background-position: bottom;color:#ffb800; }
.header-title i {font-family: 'Open Sans', sans-serif;}
h1.pub-title {text-align: center; font-family: 'Josefin Sans', serif;  margin-bottom: 40px; padding-top: 100px; padding-bottom: 80px; margin-left: -50%; margin-right: -50%; margin-top: 0px; letter-spacing: 1.7; font-size: 2em;  background:  url(../images/header-standard.jpg) !important;); background-size: cover; color: white; height: 50vh;}
h2.second-subtitle {color: #ffffff; padding: 0px 30% 0px 30%; font-size: 0.4em; font-family: 'Open Sans', sans-serif; font-weight: 700;}

h3.description p {text-align: left; line-height: 1.55;}
h3.description p:first-child {display: block;}
 {display: none;}
.row p:not(:first-child) {display: none;}
h3.description p:not(:first-child) {
   display: none;
}

.row strong {display: none;}
.row p:not(h3.description p) {color: red;}
h3.description hr {display: none;}
h3.description br {display: none;}
h3.description ul li {display: none;}
h3.description .field {display: none;}
h3.description a {background-image: none;}
h3.description p a {display: none;}
h3.description {font-family: 'Open Sans', serif; margin-bottom: 10px }
h3.description .feedflare {display: none;}
h3.description p em {display: none;}
h3.description p i {display: none;}
h3.description div {display: none;}
h3.description h2 {display: none;}
h3.description iframe {display: none;}
h3.description p img {display: none;}

.tri-feed #text-area h1 {display: none;}
#text-area h1 {display: none;}
.row h3 i {display: none;}
.row h3 h3 {display: none;}
._1mf {display: none;}
.row p {display: inline-block;}
.description 
{
 overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-height: 20px;     /* fallback */max-height: 550px;-webkit-line-clamp: 2; /* number of lines to show */-webkit-box-orient: vertical;  }

.description img, .description p img 
{overflow: hidden;display: block;vertical-align:middle;text-align: center;max-width: 330px;}

.description img 
{display: block; margin: auto; margin-bottom: 20px;}
.icon-logos img {height: 25px; width: 25px; display: inline; margin: 6px; padding: 0px; background-image: none; }
.icon-logos {display: block;margin: 0px;padding: 0px;max-width: auto;overflow-y: hidden;overflow-x:auto;margin-left: -20px;}

.header-logos img {height: 35px; width: 35px; display: inline; margin: 10px; padding: 0px; background-image: none; text-align: center; }
.header-logos a { text-decoration: none;}
.header-logos {display: block;margin: 0px;padding: 0px;max-width: auto;overflow-y: hidden;overflow-x:auto;text-align: center;}
.icon-logos a {background-image: none;}   

.publication-header h5 {margin-top: 15px; color: #696969; font-family:'Martel', sans-serif; margin-bottom: 15px;}

.publication-header hr {width: 50px; border-bottom-color: black; border-bottom-style: solid; box-shadow: none; }
 
search-form .form-group {
  float: right !important;transition: all 0.35s, border-radius 0s;width: 32px;height: 32px;background-color: #fff;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;border-radius: 25px;border: 1px solid #ccc;
}
.search-form .form-group input.form-control {padding-right: 20px;border: 0 none;background: transparent;box-shadow: none;display:block;}
.search-form .form-group input.form-control::-webkit-input-placeholder {display: none;}
.search-form .form-group input.form-control:-moz-placeholder {display: none;}
.search-form .form-group input.form-control::-moz-placeholder {display: none;}
.search-form .form-group input.form-control:-ms-input-placeholder {display: none;}
.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 100%;
  border-radius: 4px 25px 25px 4px;
}
.search-form .form-group span.form-control-feedback {
  position: absolute;top: -1px;right: -2px;z-index: 2;display: block;width: 34px;height: 34px;line-height: 34px;text-align: left;color: black;left: initial;font-size: 14px;}

input[type=text] {margin-left: 20px;}
#myBtn {display: none;position: fixed;bottom: 20px;right: 30px;z-index: 99;border: none;outline: none;background-color: #555;color: white;cursor: pointer;padding: 15px;border-radius: 2px;opacity: 0.2;transition: 0.5s;-webkit-transition: 0.5s;-mozkit-transition: 0.5s;}
.editors-choice h2.read {font-size: 2.3em;  width:100%; text-align: left; color: black; }
.editors-choice h4.author a {color: #282729;}
.tri-feed h1 {margin-left: -25px; font-family: 'Ultra', serif;}
h2.read { margin-top: 5px; margin-bottom: 5px; overflow-wrap: break-word;word-wrap: break-word;-ms-hyphens: auto;-moz-hyphens: auto;
-webkit-hyphens: auto;hyphens: auto;}
.editors-choice img.featured-publication {height: auto; width: 180px; margin-top: 20px; }
img.enso {height:38px; width: 38px; margin-top: -12.5px; margin-left: -3px; }



#myBtn:hover {background-color: #282729;opacity: 1;}

h4.publication a em {display: none;}
h3.description em {display: none;}

 #story-of-the-day button {background-color: #1e2951; margin-top: 20px; color: #fff7f6; font-family: 'Martel', sans-serif; padding: 12px;}
.launch-map {border-color: #9CFF00; background: transparent; padding: 1px 15px 1px 15px; border-radius: 5px; color:#9CFF00}
.launch-map:hover {border-color: #9CFF00; background: transparent; padding: 1px 15px 1px 15px; border-radius: 5px; color:#9CFF00}
h1.latest-news-header {text-align: center; font-weight: 700; font-family: 'Josefin Sans', serif; margin-top: 25px; margin-bottom: 25px;}
.container {margin-left: 0%; }
.description img {display: none; margin-left: 0 auto; margin-right: 0 auto;}
.owl-carousel h4 {font-size: 20px; text-align: center; color: white; font-family: 'Josefin Sans', serif; margin-top: 7.5%;}
.owl-carousel .item {background:  linear-gradient(#F39F86, #FC9842); height: 200px; padding-top: 75px; border-radius: 5px; background-size: cover;}
.frontpage-carousel .owl-dots {margin-top: 20px !important; }
.publication-header hr {border: solid white 1px; margin-bottom: 40px;}
.state-header {font-size: 1.6em; color: white; background: #0d0630; text-align: center; padding: 20px; border: 1px solid transparent; border-radius: 5px;}
    

img.plus-button {height: 45px; width: 45px; display: inline;  float: right; margin-top: -50px; margin-right: -2px; background: transparent;}

img.plus-button:hover {background: #efefef !important;}

li.city {color: black; margin-left: 10px;}
ul.city-dropdown.dropdown-menu  {background:transparent; margin-left: 20px; width: 100%; position: relative; border-style: none; border-radius: 0; box-shadow: none;}
ul.city-dropdown.dropdown-menu a {background:transparent;}


.shell {  background: rgba(255,255,255, 0.4);border-radius: 2px;display: inline-block;width: 100%; position: relative;transition: all 0.3s cubic-bezier(.25,.8,.25,1);margin-top: 30px;padding-left: 30px; padding-right: 30px; padding-top: 15px;padding-bottom: 15px;border-bottom-style: dotted;border-bottom-color: #ffae42; border-width: 1px;}
 
h4 {text-decoration: none; color: black; font-weight: 500;}
h4:hover {text-decoration: none;}

.btn-primary {border-color: lime; color: lime}
.btn-primary h4 {color: lime;}

input#search-area {background: rgba(0,0,0, 0.2); color: white; border-style: none; padding: 10px 20px 10px 20px;}
.search-top input#search-area { color: black; border-style: none; padding: 10px 50px 0px 15px; float: right; margin-top: -60px; margin-right: -8%; background: url('../new-icons/008-search.png'); background-repeat: no-repeat; background-position: center; font-size: 30px;background-size: 35px 35px;}

/*Search on Header*/

input[type=search] {-webkit-appearance: textfield;}
::-webkit-search-cancel-button { display: none; } 
li {list-style-type: none;}
.publication-header .search span {display: none;}
.publication-header    ul.ui-autocomplete {background: #fefefe; width: 50px; padding: 0px 0px 0px 0px; opacity: 1; border-color: #fefefe; border-style: solid;margin: 0px 90px 0px 0px; }
.publication-header   input#search-area li {list-style-type: none;}
.publication-header   a.ui-corner-all {font-size: 30px; color: black; margin-left: 20px;text-align: left; }
.publication-header   a.ui-corner-all li {list-style-type: none;text-align: left;}
.publication-header   li.ui-menu-item { height: 50px; cursor:pointer;padding-top:10px;color: black;}
.publication-header   li.ui-menu-item a {color: black !important;}
.publication-header  li.ui-menu-item:hover {background: #efefef;text-decoration: none;}
    
.search-top span {display: none;}
ul.ui-autocomplete a {color: black !important;text-align: left;}

  ul.ui-autocomplete {background: #fefefe; min-width: 300px; padding: 0px 0px 0px 0px; opacity: 1; border-color: #fefefe; border-style: solid; height: auto; overflow-y: scroll; max-width: 300px; max-height: 300px; border-color: gainsboro; border-width: 1px;z-index: 99999999;color: black !important;text-align: left !important;font-family: 'Josefin Sans', 'helvetica neue', serif; font-size: 1.05em; }
}
     li {list-style-type: none;}
   .search-top a.ui-corner-all {font-size: 24px; margin-left: 40px; font-weight: 600;   }
    .search-top a.ui-corner-all li {list-style-type: none;color: black; font-size: 24px; }
    li.ui-menu-item { height: 50px; cursor:pointer;padding-top:16px;color: black;padding-left: 15px; font-size: 16px; color:black; border-top: 1px solid #fefefe; text-align:left;}
    li.ui-menu-item:hover {background: #efefef;text-decoration: none;} 

.search-top input {  outline: none; float: right; border: 1px solid rgba(0,0,0,0.2);	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;/*background-image: url("/new-icons/002-search.png");*/height: 50px;border: 1px solid rgba(0,0,0,0.2);width: 0px;transition: 24ms;padding: 3px 3px 3px 8px;}

.search-top input#search-area:focus {width: 250px;background-color: #696969; z-index: 999999999; background:white; background-image: none;margin-top: -10px; background-color: white; margin-right: -125px ;border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #00a4a7;
}

 .search-top input[type="text"]:invalid {outline: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: black url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAIVBMVEW/v7+/v78AAAC/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v79QUkolAAAAC3RSTlOLYAAJeoMjRhpOcbsbtd4AAABJSURBVHjaVc1JDsAgDATB9uAF8v8Hx0QcSN9KssZI5eClDj18PRsFlmlQDcfUGd6A3EgYP1xncQ+sa5qYOk9jRQt1Y0izhU5bL2o2AW3ZQKeJAAAAAElFTkSuQmCC) 10px 6px no-repeat;}




.topic-thumbnails div {padding-left: 5px; padding-right: 5px;}
.topic-thumbnails .thumbnail {padding: 0px;}
.topic-thumbnails img:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.22), 0 1px 2px rgba(0,0,0,0.34);}
h1.thumbnail-label {color: black; margin-top: -10px;font-family: 'Josefin Sans', 'helvetica neue', serif; font-size: 1.05em; }    
#search-area {background: url(../new-icons/008-search.png)}

/*app-specific*/

.wrapper  body {background-color: #fbfbfb;}

  .wrapper  a {color: #fd084a;text-decoration: none;}
  .wrapper  p {color: #fff;}
  .wrapper  .description {margin-top: 50px;}
  .wrapper  span.left-arrow, span.right-arrow {color: #0d0333;cursor: pointer;display: block;font-size: 2em;height: auto;padding: 1em;position: absolute;top: 80%;transition: all 0.3s ease;width: auto;z-index: 999;}
  .wrapper  span.left-arrow:hover, span.right-arrow:hover {background-color: #fbfbfb;}
 .wrapper  .left-arrow {}
  .wrapper  .right-arrow {right: 0;}

  .wrapper  .slider {color: #0d0333;overflow: hidden;position: relative;display: none !important;}
  .wrapper  .slider .carousel {height: 200px;list-style: none;margin: 0;padding: 0;position: relative;margin-left: -300px;}
  .wrapper  .slider .carousel .carousel-footer {color:#0d0333;bottom: -80px;position: relative;font-size: 9px;}
  .wrapper  .slider .carousel li {background-color: transparent;display: inline-block;float: left;height: 350px;margin: 0;padding: 30px 0;position: relative;text-align: center;}

.slider .carousel li h3, .slider .carousel li a, .slider .carousel li p {color: #0d0333;text-align: center;font-size: 1.3em;font-family: 'Josefin sans', sans-serif;}
@media only screen and (min-width: 780px) {
 .slider .carousel li {width: 700px;}
    .slider{display: none;}
}

.wrapper {align-items: center;display: flex;flex-direction: column;margin: auto;margin-top: -40px;background: #FFFFFF);background-repeat: repeat;}
.wrapper .feed {background: transparent;margin: auto;margin-top:40px}}
.wrapper .feed ul {width: 100%;margin: 0;padding: 0;}
.wrapper .feed h3 {color: #0d0333;padding: 0 0em;font-family: 'josefin sans', sans-serif;font-size: 1em;font-weight: 200;}
.wrapper  .feed li {align-items: center;display: block;justify-content: flex-start;list-style: none;transition: background-color 0.3s ease;width: 100%; text-align: left;}
.wrapper .feed li a {color: #0d0333;margin: 0;padding: 1em;margin-top: 40px;}
.wrapper .feed li:hover {background-color: rgba(13, 1, 52, 0.31);}
    @media only screen and (min-width: 780px) {.wrapper .feed {width: 85%; }
.wrapper {display: block;}
.feed{ padding-top: 50px;}}
    @media only screen and (min-width: 680px) and (max-width: 779px) {.wrapper .feed {width: 85%;}
.wrapper {display: block;}}
    @media only screen and (min-width: 480px) and (max-width: 679px) {.wrapper .feed {width: 90%; }
.wrapper {display: block;}}
    @media only screen and (min-width: 320px) and (max-width: 479px) {.wrapper .feed {width: 95%;}}
    @media only screen and (max-width: 319px) {.wrapper  .feed {width: 95%; }}
.wrapper  h1 {margin-top: -5px; margin-bottom: -5px; font-family: 'Josefin Sans', sans-serif;   word-break:break-word;font-size: 2.4rem;text-align: left;}
.wrapper  h5 {margin-top: 5px; margin-bottom: 5px;  color: #696969; word-break:break-word}
.wrapper  h6 {margin-top: 30px; margin-bottom: 0px; font-family: 'Catamaran', serif; word-break:break-word; color:#00a4a7}
body {background: #FFFFFF;text-align: left;}
.wrapper .feed {padding-top: 50px;}
.row {margin-left: -15px;margin-top: -40px;}   
.social-img a {margin-left: -10px;}

/*Home*/

.list-group-item-heading {font-family: 'Ultra', sans-serif;font-size: 1.5rem !important; margin-top: -20px !important;color: black;text-align: left;}

/*Footer Area*/

.footer-area {background: #f5f5f5; width: 100%; auto; z-index: -100000;}
ul.list-unstyled a,ul.list-unstyled li,.copyright {color: black; font-family: 'Josefin Sans', sans-serif; font-size: 1.7rem;text-align: right;}
ul.list-unstyled li { padding-right: 5%;}

/*Front Page*/
 
.frontpage-body h1 {font-family: 'Josefin Sans', 'helvetica neue', sans-serif}    
.frontpage-body .glyphicon { margin-right:5px; }
.frontpage-body .collapsing {transition:  1s;}
.frontpage-body .glyphicon { margin-right:5px; }
.frontpage-body .thumbnail {margin-bottom: 20px;padding: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;border-style: none;}
.frontpage-body .item.list-group-item {float: none;width: 100%;background-color: #fff;margin-bottom: 10px;}
.frontpage-body .item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover {background: #428bca;}
.frontpage-body .item.list-group-item .list-group-image {margin-right: 10px;max-width: 400px;border-style: solid;}
.frontpage-body .item.list-group-item .thumbnail {margin-bottom: 0px;}
.frontpage-body .item.list-group-item .caption {padding: 9px 9px 0px 9px;}
.frontpage-body .item.list-group-item:nth-of-type(odd) {background: #eeeeee;}
.frontpage-body .item.list-group-item:before, .item.list-group-item:after {display: table;content: " ";}
.frontpage-body .item.list-group-item img {float: left;}
.frontpage-body .item.list-group-item:after {clear: both;}
.frontpage-body .list-group-item-text {margin: 0 0 10px;color: black;text-align: left;}
.frontpage-body .btn-success {background-color: #faa760;border-color: orange;padding: 10px 30px 10px 30px;float: left;}
.frontpage-body .btn-success:hover {background-color: white;color: #faa760;border-color: orange;}
.frontpage-body #products h1 {margin-left: 15px;}


.frontpage-body .collapse .thumbnail .caption {padding-left: 0px;}
.frontpage-body .collapse .list-group-item-heading {color: black;text-align: left;}

    @media (max-width: 768px) {.frontpage-body .item div[class^="col-sm-"] {float: left;}}
    @media (min-width: 768px) {.frontpage-body .container {width: 100% !important;}}
    
.frontpage-body .browse-segment {background: #4463fc; height: 80vh;background-size: cover;}
.frontpage-body .browse-segment h1 {font-size: 3rem;}
.frontpage-body .btn-primary {background: transparent; border-color:white; color: white; padding: 8px 20px 8px 20px;font-size: 15px;margin: 5px;margin: 5px;}
.frontpage-body .btn-primary:hover {background:  linear-gradient(#F39F86, #FC9842); color: white; border-color: white;}
.frontpage-body .btn-primary:focus{background: #faa760; color: white; border-color: white;}
.frontpage-body .btn-primary:visited {background: #faa760; color: white; border-color: white;}
.frontpage-body .toptitle {margin-top: 0px; padding-top:20px}
.frontpage-body .search-top li.ui-menu-item {font-size: 20px;}
.frontpage-body .accordion-group {margin-left: 4%; margin-right: 4%;}
.frontpage-body .row {margin-top: 0px;}
.frontpage-body .row p:not(:first-child) {display: block;}    
.search-top input#search-area { margin-right: 0%}
    
    
@media (max-width: 768px) {.frontpage-body .browse-segment {height: 150vh;}}

@media (max-width: 550px) {
.frontpage-body .thumbnail {margin: 5px -15px 5px -15px;}
.frontpage-body .caption {margin: 5px 15px 5px 0px;}
.frontpage-body h2, h4 {text-align: left;}
.frontpage-body .browse-segment {height: 160vh;}
.search-top input#search-area {padding-right: 20%;margin-right:-15%}
.frontpage-body .btn-primary {width: 70%; padding 10px 0px 10px 0px;border-radius: 5px;height: 60px; background: transparent; color:white; border-color: white;margin-bottom: 10px;}
.frontpage-body .row {margin-left: -20px; margin-right: -20px;}
.feed ul.list {padding: 0px;}}
    
.frontpage-body {margin-left: -4%; margin-right: -4%;}



/*Extras - Resizing sidebar menu*/
a#saint-vincent-grenadines-news {font-size: 14px !important;}


/**/
/*NEWS-API-CSS*/


.news-api-feed a {text-decoration: none;display: block;color: #2d3753;}
.top {color: blue; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.news-api-feed h1 {border-bottom: 2px solid rgba(0, 0, 0, 0.2);margin-bottom: 30px;padding-bottom: 30px;color: #696969;}

.news-api-feed {display: flex;flex-direction: column;max-width: 95%;margin: auto;border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 15px;}

@media only screen and (max-width: 770px) {.news-api-feed {max-width: 100%;margin-left: 0%;}}

.author {margin-bottom: 20px;}

.title {
  font-family: 'Josefin Sans', Helvetica, sans-serif;font-size:  1.7em;margin-bottom: 10px;color: #2d3753;text-align: left;}
.description {font-family: 'Josefin Sans', Helvetica, sans-serif; color: #2d3753;margin-top: 0px;margin-bottom: 0px;padding-bottom: 17px;padding-top: 10px;border-radius: 5px;text-align: left;font-size: 0.9em;}
.date {margin-top: 5px;}
.article-url {font-family: 'Catamaran'; font-size: 13.5px; text-align: left; margin-top: -10px; color: #00a4a7;}
.title, .description. article-url {padding-right: 10px;padding-left: 10px;padding-top: 20px;padding-bottom: 20px;transition-duration: 0.3s;}
.description:hover, .title:hover {
  background: rgba(0, 0, 0, 0.1);}

/*shell*/

.news-api-feed .shell {  background: rgba(255,255,255, 0.4);border-radius: 2px;display: block;
  width: 100%;position: relative;transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  margin-top: 30px;padding-left: 35px; padding-right: 35px; padding-top: 35px;padding-bottom: 15px;word-break:break-word;}
  
.shell img.article-img {width: 100%;}
.social-img img {display: inline-block  ; float: left;}

img[src="null"] {display: none;}

.date { overflow: hidden;max-width: 16ch;font-size: 1.3em;padding-bottom: 10px;margin-top: -5px;}

@media only screen and (max-width: 550px) {
.row {margin-left: -50px; margin-right: -50px;}
    .feed .row {margin-left: -10px; margin-right: 10px;text-align: left;}
.title, .article-url, .description, .social-img  {margin-left: 35px; margin-right: 35px}
#mainheader {margin-left: 20px; margin-right: 40px}
.title {font-size: 1.35em; margin-top: -10px;}
.date {font-size: 1em; margin-top: 25px;}}

@media only screen and (max-width: 990px) {
    #text-area h2 {max-width: 500px;}
    .featured-authors div h2 {height: 100%; margin-top: 0%; border-style: solid; padding-top: 100px; border-width: 1px; font-size: 2.3em;}
    .featured-authors .col-md-4 {width: 100%; margin-left: 0%;}
    .featured-authors .col-md-4 button {padding: 20px; padding-left: 40px; padding-right: 40px;}
    .editors-choice img.featured-publication {margin-top: 0px; width: 100%; max-width: 300px}
    .tri-feed #tapestrylaunch .icon-logos {margin-left: -45px;}
    .owl-carousel h4 {font-size: 20px; text-align: center; color: white; font-family: 'Josefin Sans', serif; margin-top: 60px;}
    .owl-carousel .item { height: 200px; padding-top: 30px; border-radius: 5px; 
    }}

@media only screen and (max-width: 768px) {
    #text-area h2 {max-width: 500px;}
    .featured-authors div h2 {height: 100%; margin-top: -1%;}
    .description img     {max-height: 450px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
    .editors-choice h2.read {text-align: center;}
    #tapestrylaunch {text-align: center;}
    #fictionlaunch {text-align: center;}
    .frontpage-carousel .owl-dots {display: none;}
.owl-carousel h4 {font-size: 20px; text-align: center; color: white; font-family: 'Josefin Sans', serif; margin-top: 60px;}
.owl-carousel .item { height: 200px; padding-top: 30px; border-radius: 5px; 
    }}

@media only screen and (max-width: 550px) {
     body {margin-left: 0%;margin-right: 0%;position: relative}
     h2, h4 {text-align: center;}html, body {overflow-x: hidden;}
    .featured-authors .col-md-4 div {margin-top: 0px; font-size: 0.8em;}
    .featured-authors .row {margin-left: 0px; margin-right: 0px;}
    .icon-logos {text-align: center;    margin-left: 0px;}
    .icon-logos img {height: 25px; width: 25px; display: inline; margin: 10px; padding: 0px; background-image: none; }
    .icon-logos {display: block;margin: 0px;padding: 0px;max-width: auto;overflow-y: hidden;overflow-x:auto;margin-left: 0px; }
    .icon-logos a {background-image: none;}  
    h4.publication a {font-size: 14px;background-position: center; letter-spacing: 0.5px; display: block; }
    h3.description.cut-description {text-align: center;}
    h2.read {font-size: 1.3em; text-align: center;}
    .tri-feed h2, tri-feed h4, h1, h5.read
    {text-align: center;}
    h1.pub-title {font-size: 1.2em; height: 40vh;}
    h1.cover-title  {font-size: 1.8em; height: 50vh; padding-top: 75px;}
    .publication-header {margin-left: -40px; margin-right: -40px; }
    .feedlist {margin-left: -15px; margin-right: -15px;}
    .toptitle {font-size: 1.8em; z-index: -99999999;margin-top:43px;}
    #mainheader {margin-top: 0px;}
    img.enso {height: 30px; width: 30px;}
    #myBtn {display: block;position: fixed;bottom: 0px;right: 0px;z-index: 99;border: none;outline: none;background-color: #555;color:  white;cursor: pointer;padding: 10px;border-radius: 2px;opacity: 0.2;transition: 0.5s;-webkit-transition: 0.5s;-mozkit-transition: 0.5s;}
    .search-top input#search-area {padding: 20px 100px 0px 15px;}
    .search-top input#search-area:focus {margin-top: -20px; background-color: white; font-size: 22px;background-image: none; margin-right: -100px;   }
    h1.pub-title .search {display: none;}
    h1.cover-title .search {display: none;}
    h1.cover-title {padding-top: 60px;}
    img.hamburgerbutton {margin: 42.5px 0px 0px 10px !important ;float: left;height: 40px;width: 40px;cursor: pointer;}
    iframe.globe {margin-top:-5px !important;}
.owl-carousel h4 {font-size: 1.8rem; text-align: center; color: white; font-family: 'Josefin Sans', serif; margin-top: 60px;}
.owl-carousel .item {background:  linear-gradient(#F39F86, #FC9842); height: 200px; padding-top: 30px; border-radius: 5px; width: 90%; margin: 0 auto;}}


@media only screen and (max-width: 550px) {
     .search-top input#search-area {padding: 20px 65px 0px 15px;}
}


/*Inline CSS*/

.country-list #products {display: table-cell;}
.frontpage-body .country-list .list-group-item-heading {position:absolute;margin-top: -15px;}
.frontpage-body .country-list #collapseUSA .list-group-item-heading {position:absolute;margin-top: 0px;min-height: 250px;}
.frontpage-body .country-list #collapseUSA .thumbnail img,.frontpage-body .country-list #collapseCanada .thumbnail img  {height: 90px; width: auto}
.frontpage-body .country-list #collapseCanada .item {margin-top: 0px;min-height: 170px;}
.frontpage-body .country-list #collapseCanada .list-group-item-heading {margin-top: 5px;position: absolute;}

.frontpage-body .country-list .list-group-item-heading h4 {text-align: left;}
@media (max-width: 550px) {
#mainheader {width: 90%; margin: 0 auto;padding-top: 8px;margin-left: 0px;}
.search-top input#search-area {padding-right: 20%;margin-right: -15%;}
img.list-group-image {padding: 5px;}}   
.frontpage-body {margin-left: -4%; margin-right: -4%;}
    @media (min-width: 768px) {#mainheader {width: 80%; margin: 0 auto;}}
    @media (min-width: 992px) {.container {width: 100%;}}  

.frontpage-carousel .item {height: 325px !important;padding-top: 150px !important;}
.frontpage-carousel .item h4 {font-size: 2.2rem !important; margin: 0 5% !important;}
.frontpage-carousel .owl-nav {display:none !important;}
.frontpage-carousel {margin:  0% !important;background: #f0f0f0; padding: 5% 5% !important;margin-top: -10px !important;}

/*Expand Owl Button Size*/
.owl-theme .owl-nav [class*=owl-] {width: 40px; font-size: 3rem; color: #404040}

/*Hide Slider*/

.slider{display: none;}

/*Center Amazon Affiliate Adjustment*/
div#amzn-native-ad-0.amzn-native-enhanced-links-small-title {;margin: 0 auto;}