/* CSS Document */

@font-face {
  font-family: 'fontawesome';
  src: url('../resources/fonts/fontawesome-webfont.eot/file');
  src: url('../resources/fonts/fontawesome-webfont.eot?#iefix/file') format('embedded-opentype'), url('../resources/fonts/fontawesome-webfont.woff2/file') format('woff2'), url('../resources/fonts/fontawesome-webfont.woff/file') format('woff'), url('../resources/fonts/fontawesome-webfont.ttf/file') format('truetype'), url('../resources/fonts/fontawesome-webfont.svg#fontawesome/file') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotocondensed-regular-webfont';
  src: url('../resources/fonts/oswald-regular-webfont.eot');
  src: url('../resources/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../resources/fonts/oswald-regular-webfont.woff2') format('woff2'), url('../resources/fonts/oswald-regular-webfont.woff') format('woff'), url('../resources/fonts/oswald-regular-webfont.ttf') format('truetype'), url('../resources/fonts/oswald-regular-webfont.svg#robotocondensed-regular-webfontregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'oswald_stencilbold';
  src: url('../resources/fonts/oswald-stencil-webfont.eot');
  src: url('../resources/fonts/oswald-stencil-webfont.eot?#iefix') format('embedded-opentype'), url('../resources/fonts/oswald-stencil-webfont.woff2') format('woff2'), url('../resources/fonts/oswald-stencil-webfont.woff') format('woff'), url('../resources/fonts/oswald-stencil-webfont.ttf') format('truetype'), url('../resources/fonts/oswald-stencil-webfont.svg#oswald_stencilbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'roboto-thin-webfont';
  src: url('../resources/fonts/roboto-thin-webfont.eot');
  src: url('../resources/fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../resources/fonts/roboto-thin-webfont.woff2') format('woff2'), url('../resources/fonts/fonts/roboto-thin-webfont.woff') format('woff'), url('../resources/fonts/fonts/roboto-thin-webfont.ttf') format('truetype'), url('../resources/fonts/roboto-thin-webfont.svg#roboto_thin_webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotocondensed-bold-webfont';
  src: url('../resources/fonts/robotocondensed-bold-webfont.eot');
  src: url('../resources/fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../resources/fonts/robotocondensed-bold-webfont.woff2') format('woff2'), url('../resources/fonts/robotocondensed-bold-webfont.woff') format('woff'), url('../resources/fonts/robotocondensed-bold-webfont.ttf') format('truetype'), url('../resources/fonts/robotocondensed-bold-webfont.svg#robotocondensed_bold_webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotocondensed-regular-webfont';
  src: url('../resources/fonts/robotocondensed-regular-webfont.eot');
  src: url('../resources/fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../resources/fonts/robotocondensed-regular-webfont.woff2') format('woff2'), url('../resources/fonts/robotocondensed-regular-webfont.woff') format('woff'), url('../resources/fonts/robotocondensed-regular-webfont.ttf') format('truetype'), url('../resources/fonts/robotocondensed-regular-webfont.svg#robotocondensed_regular_webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotocondensed-light-webfont';
  src: url('../resources/fonts/robotocondensed-light-webfont.eot');
  src: url('../resources/fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('../resources/fonts/robotocondensed-light-webfont.woff2') format('woff2'), url('../resources/fonts/robotocondensed-light-webfont.woff') format('woff'), url('../resources/fonts/robotocondensed-light-webfont.ttf') format('truetype'), url('../resources/fonts/robotocondensed-light-webfont.svg#robotocondensed_light_webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

@font-face {
  font-family: 'robotothin';
  src: url('../resources/fonts/roboto-thin-webfont.eot');
  src: url('../resources/fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../resources/fonts/roboto-thin-webfont.woff2') format('woff2'), url('../resources/fonts/roboto-thin-webfont.woff') format('woff'), url('../resources/fonts/roboto-thin-webfont.ttf') format('truetype'), url('../resources/fonts/roboto-thin-webfont.svg#robotothin') format('svg');
  font-weight: normal;
  font-style: normal;
}

.tsg-rwd-csi-travel-advisories .tsg-rwd-eab-main-frame-standard .tsg-rwd-eab-title-frame,
.tsg-rwd-travel-advisories .tsg-rwd-eab-main-frame-standard .tsg-rwd-eab-title-frame{
    width: 65%;
    float: left;
    font-family: 'robotocondensed-bold-webfont';
    font-size: 1em;
    padding: 5px 4% 4px 4%;
    color: #444444;text-decoration: underline;
    text-decoration-color: #ffffff;
}

.tsg-rwd-csi-travel-advisories .tsg-rwd-eab-main-frame-blue .tsg-rwd-eab-title-frame,
.tsg-rwd-travel-advisories .tsg-rwd-eab-main-frame-blue .tsg-rwd-eab-title-frame{
    color: #ffffff;
    text-decoration: underline;
    text-decoration-color: #ffffff;
}

.tsg-rwd-csi-travel-advisories .tsg-rwd-eab-main-frame-orange .tsg-rwd-eab-title-frame,
.tsg-rwd-travel-advisories .tsg-rwd-eab-main-frame-orange .tsg-rwd-eab-title-frame{
    color: #ffffff;
    text-decoration: underline;
    text-decoration-color: #ffffff;
}

.tsg-rwd-csi-travel-advisories .tsg-rwd-eab-main-frame-red .tsg-rwd-eab-title-frame,
.tsg-rwd-travel-advisories .tsg-rwd-eab-main-frame-red .tsg-rwd-eab-title-frame{
    color: #ffffff;
    text-decoration: underline;
    text-decoration-color: #ffffff;
}

.tsg-rwd-csi-travel-advisories .tsg-rwd-eab-main-frame-green .tsg-rwd-eab-title-frame,
.tsg-rwd-travel-advisories .tsg-rwd-eab-main-frame-green .tsg-rwd-eab-title-frame{
    color: #ffffff;
    text-decoration: underline;
    text-decoration-color: #ffffff;
}

/*TOOLTIP*/

/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 80px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*END TOOLTIP*/

.tsg-rwd-csi-travel-advisories .tsg-rwd-eab-frame-tsg_rwd_show_emergency_alert {
    display: block;
    border-bottom: none;
}


.tsg-rwd-csi-travel-advisories .tsg-rwd-eab-title-frame {
  color: #444444;
  text-decoration: underline;
  text-decoration-color: #444444;
}

.tsg-rwd-csi-travel-advisories .advisories .advisorybanner {
  margin: 0px 0px 10px 0px;
  float: left;
  width: 98%;
}

.tsg-rwd-csi-travel-advisories #tsg-rwd-advisories {
  width: 100%;
  overflow: hidden;
}

.tsg-rwd-csi-travel-advisories div#container {
    width: 100%;
    margin-top: 3px;
    padding-right: 5px;
    /*display: flex;*/
}

.tsg-rwd-csi-travel-advisories span.showThreat {
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 25px;
    /*font-family: Helvetica, Arial, sans-serif;*/
    border-radius: 25px;
    background-color: #fff;
    color: #000;
    text-align: center;
    font-size: 1.1em;
    border: inset 1px black;
    position: relative;
    margin-right: 2.5px;
    margin-top: 2.5px;
}

.tsg-rwd-csi-travel-advisories #tsg-rwd-advisories span.hideThreat {
  display: none;
}

.tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-main-frame-standard {
  background-color: #F4D97E;
  color: #444444;
  float: left;
  text-align: center;
  display: table-column;
}

.tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-main-frame-orange {
  background-color: #F97800;
  color: #fff;
  float: left;
  text-align: center;
  display: table-column;
}

.tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-main-frame-red {
  background-color: red;
  color: #fff;
  float: left;
  text-align: center;
  display: table-column;
}

.tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-main-frame-green {
  background-color: #629333;
  color: #fff;
  float: left;
  text-align: center;
  display: table-column;
}

.tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-main-frame-blue {
  background: #003875;
  color: #fff;
  float: left;
  text-align: center;
  display: table-column;
}

.tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-main-frame-blue {
  background: #003875;
  color: #fff;
  float: left;
  text-align: center;
  display: table-column;
}

.tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-main-frame-standard .tsg-rwd-eab-type-main-frame {
  background-color: #F2CD54;
  color: #444444;
  float: left;
  text-align: center;
  display: table-column;
}

.tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-main-frame-orange .tsg-rwd-eab-type-main-frame {
  background-color: #F97800;
  float: left;
  text-align: center;
  display: table-column;
}

.tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-main-frame-red .tsg-rwd-eab-type-main-frame {
  background-color: #C61700;
  color: #FFFFFF;
  float: left;
  text-align: center;
  display: table-column;
}

.tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-main-frame-green .tsg-rwd-eab-type-main-frame {
  background-color: #559118;
  color: #FFFFFF;
  float: left;
  text-align: center;
  display: table-column;
}

.tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-main-frame-blue .tsg-rwd-eab-type-main-frame {
  background: #001870;
  color: #FFFFFF;
  float: left;
  text-align: center;
  display: table-column;
}

.tsg-rwd-csi-travel-advisories .tsg-rwd-alert-more-box {
    float: left !important;
    width: 92%;
    font-family: 'robotocondensed-regular-webfont';
    padding: 8px 4% 8px 4%;
    background-color: #fce68e;
    margin-bottom: 10px;
}

.tsg-rwd-alert-more-box {
    float: left;
    width: 100%;
    color: #003875;
}

.tsg-rwd-alert-more-box-btn, .tsg-rwd-alert-close-box-btn {
    float: right;
    cursor: pointer;
    width: auto;
}

.tsg-rwd-alert-close-box-btn {
    font-size: 1.3em;
    line-height: .1em;
    text-align: right;
    background-color: #808080;
    padding: 0px 1% 6px 1%;
    color: #FFF;
    height: 15px;
    float: right;
    display: none;
}

.tsg-rwd-alert-more-box-content {
    float: left;
    width: 100%;
    display: none;
}

@media screen and (min-width: 1441px) {
  .tsg-rwd-csi-travel-advisories {
    /*margin-top: 85px; */
    width: 98%;
}
  .tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-type-main-frame {
    width: 30%;
    float: left;
    text-align: center;
    display: table-column;
  }
  .tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-centerframe {
    width: 100%;
    margin: 0px auto;
    display: flex;
  }
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	
    .tsg-rwd-csi-travel-advisories .tsg-rwd-eab-type-frame {
        font-size: .9em;
        margin-top: 2px;
    }

.tsg-rwd-csi-travel-advisories .tsg-rwd-eab-title-frame {
    width: 40%;
    float: left;
    font-family: 'robotocondensed-bold-webfont';
    font-size: 1em;
    padding: 0px 1% 5px 1%;
    color:  #444444;
  }
  .advisorybanner {
    width: 98%;
  }
  .tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-type-main-frame {
    width: 20%;
    float: left;
    text-align: center;
    display: table-column;
	margin-bottom: -500px;
    padding-bottom: 500px;
	margin-top: -3px;
  }
  .tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-centerframe {
    width: 100%;
    margin: 0px auto;
    /*display: flex;*/
  }
}

@media screen and (max-width: 767px) and (min-width: 80px) {
  .tsg-rwd-csi-travel-advisories .tsg-rwd-eab-type-frame {
    font-size: .8em;
	 margin-top: 2px;
  }
  .tsg-rwd-csi-travel-advisories .tsg-rwd-eab-date-frame {
    font-size: .7em;
    /* height: 23px; */
  }
  .tsg-rwd-csi-travel-advisories .tsg-rwd-eab-title-frame {
    /*width: 55%;*/
    float: left;
    font-family: 'robotocondensed-bold-webfont';
    font-size: 1em;
    padding: 0px 4% 5px 4%;
    color:  #444444;
  }
  .tsg-rwd-csi-travel-advisories {
    /*margin-top: 85px;*/
    width: 98%;
  }
  .tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-type-main-frame {
    float: left;
    text-align: center;
    display: table-column;
    width: 65%;
    margin-bottom: -500px;
    padding-bottom: 500px;
}
  .tsg-rwd-csi-travel-advisories #tsg-rwd-advisories .tsg-rwd-eab-centerframe {
    width: 100%;
    margin: 0px auto;
    display: flex;
	overflow: hidden;
	padding-bottom: 3px;
  }
  .tsg-rwd-csi-travel-advisories .tsg-rwd-eab-title-frame {
    width: 100%;
    float: left;
    font-family: 'robotocondensed-bold-webfont';
    font-size: 1em;
    padding: 0px 4% 5px 4%;
    color: #444444;
  }

}


/*** CQ AEM INTERFACE STYLES ***/

.cq-wcm-edit .tsg-rwd-csi-travel-advisories .tsg-rwd-accordion {
  float: left;
}