/* ford fonts */

@font-face {
     font-family: 'FordAntenna';
    font-display: swap;
     src: url('/fonts/FordAntenna/FordAntenna-Regular_gdi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'FordAntenna';
    font-display: swap;
     src: url('/fonts/FordAntenna/FordAntenna-Light_gdi.ttf') format('truetype');
    font-weight: 100;
    font-style: normal; 
}

@font-face {
     font-family: 'FordAntenna';
    font-display: swap;
     src: url('/fonts/FordAntenna/FordAntenna-Bold_gdi.ttf') format('truetype');
    font-weight: Bold;
    font-style: normal; 
}

.FordAntenna {
	font-family: FordAntenna;
    	font-weight: normal;
    	font-style: normal; 	
}

.FordAntenna-Light {
	font-family: FordAntenna;
    	font-weight: 100;
    	font-style: normal; 	
}

.FordAntenna-Bold {
	font-family: FordAntenna;
    	font-weight: Bold;
    	font-style: normal; 	
}

/*  carlito font */

@font-face {
	font-family: 'Carlito-italic';
	font-display: swap;
	src: url('/fonts/carlito/carlito-italic.ttf');
    	font-weight: normal;
    	font-style: normal;
}

.Carlito {
	font-family: Carlito-italic;
    	font-weight: Bold;
    	font-style: italic;	
}

/* Responsive images */

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

/* navbar */
.navbar-static-top {
  padding-bottom: 0px;
}

.navbar-default {
	background-color: #1351d8;
	border-color: #ffffff;
	color: #ffffff;
}

.dropdown-header{
	color:#ffffff;
}

.navbar-toggle {
	background-color: #ffffff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color:  #1351d8;
}

.navbar-default .navbar-nav > li > a {
	color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #ffffff;
	background-color: #0B3182;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #ffffff;
	background-color: #0B3182;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #0B3182;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #ffffff;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #ffffff;
   background-color: #0B3182;
}

@media (min-width: 768px){
.dropdown-header{
	color: #777;
	}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
	}
}

/* end of navbar */

/* carousel */
.carousel-inner img {
  width:100%;
  margin: auto;
}

#caoursel-padding{
	padding-bottom: 10px;
}

.carousel-control {
  padding-top:10%;
  width:5%;
}

/* end of carousel */

/* SVG icons */

/**
 * Default icon style
 */
.svg-icon {
  fill: currentColor;
  width: 1em;
  height: 1em;
  /* The default vertical-align is `baseline`, which leaves a few pixels of space below the icon. Using `center` prevents this. For icons shown alongside text, you may want to use a more precise value, e.g. `vertical-align: -4px` or `vertical-align: -0.15em`. */
  vertical-align: middle;
  /* Paths and strokes that overflow the viewBox can show in IE11. */
  overflow: hidden;
}

.svg-navbar{
  fill: currentColor;
  width: 1.4em;
  height: 1.4em;
  vertical-align:middle;
 overflow: hidden;
}

.spinner{
    display: block;
    background-image: url("/svg/spinner-2.svg");   
    background-repeat: no-repeat;
    background-position: center; 
    background-size: 150px 150px;
    height: 200px;
}

/* Ford Colour */

.fordbluebkgd {
	background-color: #003399;
}

.fordblue {
	color: #003399;
}

/* End Ford colour */

/* typeface general */

.redText {
	color: #ff0000;
}

/* accordion panel header */

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    poistion: relative;
    bottom: 23px;
    font-size: 15pt;
    color: grey;         /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

/* end of accordion panel header */

/* panel header toggle chevron */

.chevron:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    position: relative;
    bottom: 10px;
    font-size: 23pt;
    color: grey;         /* adjust as needed */
}
.chevron.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

/* panel header toggle chevron */

.chevron-white:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    position: relative;
    bottom: 10px;
    font-size: 23pt;
    color: #ffffff;         /* adjust as needed */
}
.chevron-white.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

/* end of accordion panel header */

/* general */
.ul-nostyle {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.pad-lft-10 {
	padding-left: 10px;
}

.width-max-500 {
	max-width: 500px;
}

.width-max-600 {
	max-width: 600px;
}

/* typography */
.fontsize30 {
	font-size: 30px;
}

.margin-10{
	margin: 10px;
}

.bold {
	font-weight: bold;
}

.removepadding {
	margin: 0px;
	padding: 0px;
} 

.nopadding {
	margin: 0px;
	padding: 0px;
} 

.padding-5 {
	padding: 5px;
}

.padding-10 {
	padding: 10px;
}

.margin-5 {
	margin: 5px;
}

.decoration-none:link {text-decoration: none;}
.decoration-none:visited {text-decoration: none;}
.decoration-none:hover {text-decoration: none;}

.decoration-hover:link {text-decoration: none;}
.decoration-hover:visited {text-decoration: none;}
.decoration-hover:hover {text-decoration: underline;}

a.text-white:link {color:#ffffff;}
a.text-white:visited {color:#ffffff;}
a.text-white:hover {color:#ffffff;}

/* sprite logos */

#platts-logo-60, #threecars-60, #threecars-30 {
	background: url("/logos/platts-sprites.png");
	background-repeat: no-repeat;
	display:block;
}

#platts-logo-60 {
	width: 140px;
	height: 60px;	
	background-position: 0 80%;
	background-size: 285%;
}

#threecars-60 {
	width: 100%;
	height: 60px;
	background-position: 0 0;
	background-size: 165%;
}

#threecars-30 {
	width: 100%;
	height: 0;
	padding-bottom: 23%;
	background-position: 0 0;
	background-size: 150%;
}


/* transformation */

.transform12:hover{
   -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.2); /* Standard syntax */
}

.transform12{
    -webkit-transition: all 0.3s ease 0s; /* Safari 3.1 to 6.0 */
     transition: width all 0.3s ease 0s;
}

.translateUP10:hover{
   -ms-transform: translateY(-10px); /* IE 9 */
    -webkit-transform: translateY(-10px); /* Safari */
    transform: translateY(-10px); /* Standard syntax */
}

/* google map container */

#googleMap {
	height: 350px;
	display:block; 
}

/* covid open modal - landing page */

.openModalCloseBtn{
	float: right !important;
	color: blue;
	margin-right: -30px !important;
	margin-top: -30px !important;
	background-color: white !important;
	border-radius: 15px !important;
	width: 30px !important;
	height: 30px !important;
	opacity: 1 !important;
}

a.openModalLink:link, a.openModalLink:active, a.openModalLink:visited{
	color: white;
	text-decoration: underline;
}

.openModalLink:hover{
	color: white;
	font-weight: bold;
}