/* Coyote CSS */
/* hold for trash
@media only screen and (max-width: 567px) { /* for mobile */
/* hold for trash
}

@media only screen and (min-width: 1000px) { /* for desktop */
/* hold for trash
  .postcard-on-lg-screen {
	padding:0 0 0 0;
	margin:0 0 0 0;
  }
  .skip-button-on-lg-screen {
	padding:0 4px 0 0;  
  }
  .howling-coyote-on-lg-screen {
	margin:0 15px 0 0;  
  }
  .q-button	{background-color:#f1f1f1;}
  .skip-button {background-color:#f1f1f1;}
}


.center-horizontal-no-image {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.center-div {
  position: absolute;
-ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.center-vertical-v2 {
  position: absolute;
-ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}
.center-horizonal-v2 {
-ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
/* end of trash */

/* styling for tooltip data-type="verbosity-alert" variable */
.tooltip.verbosity-alert .tooltip-inner { background-color: #a0ce4e; }
.tooltip.verbosity-alert.top > .tooltip-arrow    { border-top-color: #a0ce4e; }
.tooltip.verbosity-alert.right > .tooltip-arrow  { border-right-color: #a0ce4e; }
.tooltip.verbosity-alert.bottom > .tooltip-arrow { border-bottom-color: #a0ce4e; }
.tooltip.verbosity-alert.left > .tooltip-arrow   { border-left-color: #a0ce4e; }

.center-img img {        
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.center-all {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.center-horizontal {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

@-ms-viewport {
  width: device-width;
}

/* css for SCC18 page starts */
#elem-to-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.img-centred {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
/* css for SCC18 page ends*/

.heading_type {
	font-family: "Trebuchet MS";
	font-size: 15px;
	font-weight: bold;
	color: #C96;
}
.heading {
	font-family: "Trebuchet MS";
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: b39371;
	font-variant: normal;
	text-transform: none;
}
.heading-black {
	font-family: "Trebuchet MS";
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #000;
	font-variant: normal;
	text-transform: none;
}

.heading_small {
	font-family: "Trebuchet MS";
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}
.heading_small_black {
	font-family: "Trebuchet MS";
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
}
.small_type {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.body {
	margin-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #333;
}

.body_grey {
	margin-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #666;
}

.body_small {
	margin-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000;
}
.body_small-8 {
	margin-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000;
}

.body_small-grey {
	margin-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #CCC;
}
.body_small-grey-8 {
	margin-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #CCC;
}

.image_link img{
	border: 0;
}

.image_link:hover {
  opacity: .5;
}

.image_link2 {
	border: 2px solid #ffffff;
}

.image_link2:hover {
	opacity: .5;	
	border: 2px solid #a0ce4e;
}

.body_link {
	margin-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	color: #a0ce4e;
}
.body_link_small {
	margin-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	text-align: center;
}

.skip-button {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: right;
	color: #ffffff;
	background-color: #e2e2e2;
	padding: 7px 18px 7px 18px;
	border: 0;
	border-radius: 4px;
    }
.skip-button:hover {
	background-color: #a0ce4e;
	opacity: 1.0;
	text-decoration: underline;
	text-decoration-color: #a0ce4e;	
}

.q-button {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: right;
	color: #ffffff;
	background-color: #e2e2e2;
	padding: 7px 12px 7px 12px;
	border: 0;
	border-radius: 4px;
    }
.q-button:hover {
	background-color: #a0ce4e;
	opacity: 1.0;
	text-decoration: underline;
	text-decoration-color: #a0ce4e;	
}


.body_link_small-8 {
	margin-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
}

.body_red {
	margin-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #F00;
}

.body_spacer {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #FFF;
}
.white_small_type {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	position: absolute;
}
.slider-body-centre {
	font-family: 'EB Garamond', Times New Roman, serif;
	font-size: 20px;
	color: #666;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}
.slider-body-centre-m {
	font-family: 'EB Garamond', Times New Roman, serif;
	font-size: 18px;
	color: #666;
	line-height: 1.10;
	text-decoration: none;
}
.slider-body-centre-s {
	font-family: 'EB Garamond', Times New Roman, serif;
	font-size: 15px;
	color: #666;
	line-height: 1.10;
	text-align: center;
	text-decoration: none;
}

.slider-body-left {
	font-family: 'EB Garamond', Times New Roman, serif;
	font-size: 20px;
	color: #666;
	line-height: 1.2;
	text-align: left;
	text-decoration: none;
}
.slider-body-left-m {
	font-family: 'EB Garamond', Times New Roman, serif;
	font-size: 18px;
	color: #666;
	line-height: 1.10;
	text-align: left;
	text-decoration: none;
}
.slider-body-left-s {
	font-family: 'EB Garamond', Times New Roman, serif;
	font-size: 15px;
	color: #666;
	line-height: 1.10;
	text-align: left;
	text-decoration: none;
}

.slider-body-right {
	font-family: 'EB Garamond', Times New Roman, serif;
	font-size: 20px;
	color: #666;
	line-height: 1.2;
	text-align: right;
	text-decoration: none;
}
.slider-body-right-m {
	font-family: 'EB Garamond', Times New Roman, serif;
	font-size: 18px;
	color: #666;
	line-height: 1.10;
	text-align: right;
	text-decoration: none;
}

.new-body {
	font-size: 12px;
	color: #666;
	line-height: 1.15;
	text-align: left;
	font-family: PT, sans-serif;
}

.new-body li {
  padding: 0px 0px 10px 0px;
}

a {
	color: #666;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a:hover {
  color: #a0ce4e;
}
a:focus,
a:active {
	outline: none;
	color: #333;
}
.link-dark {
  color: #333333;
  text-decoration: none!important;
}
.link-dark:hover {
  color: #333333;
  text-decoration: underline!important;
}
.dark .footer .link-dark {
  color: #777777;
  text-decoration: none!important;
}
.dark .footer .link-dark:hover {
  color: #777777;
  text-decoration: underline!important;
}
.link-light {
  color: #ffffff;
  text-decoration: none!important;
}
.link-light:hover {
  color: #ffffff;
  text-decoration: underline!important;
}
.no-trans * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.enter-button img {
  display:block;
  margin-left:auto;
  margin-right:auto
}

.enter-button img:last-child {
  display:none
}
.enter-button:hover img:first-child {
  display:none
}
.enter-button:hover img:last-child {
  display:block;
  margin-left:auto;
  margin-right:auto
}

/*customised 'title' attribute*/
[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    position: absolute;
    bottom: -.5em;
    left: 95%;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding: 4px 6px 4px 8px;
    color: #222;
    white-space: nowrap; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
    -moz-box-shadow: 0px 0px 4px #222;  
    -webkit-box-shadow: 0px 0px 4px #222;  
    box-shadow: 0px 0px 4px #222;  
    background-image: -moz-linear-gradient(top, #f8f8f8, #cccccc);  
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #cccccc);  
    background-image: -moz-linear-gradient(top, #f8f8f8, #cccccc);  
    background-image: -ms-linear-gradient(top, #f8f8f8, #cccccc);  
    background-image: -o-linear-gradient(top, #f8f8f8, #cccccc);
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}
[data-title] {
    position: relative;
}