/*   
Theme Name: TESS (Timeshare Exit & Support Services) Limited Theme
Theme URI: http://www.http://tesslimited.co.uk
Description: This is a custom WordPress Theme for TESS (Timeshare Exit & Support Services) Limited -- WordPress v4.1
Author: Secret Squirrel
Author URI: http://www.google.co.uk
Version: 1.0
----------------------------------*/

/* COLORS
  HEX COLOR			DESCRIPTION
  
  ---MAIN COLORS---
  
	#000		Navy Blue
	#0e76bc		Orange/Yellow

  
----------------------------------*/

/* CSS STRUCTURE
  DEFINES THE ORDER OF CSS TAGS WITHIN ELEMENTS TO KEEP THINGS CONSISTENT
  
  - positioning (with coordinates) styles
  - float/clear styles
  - display/visibility styles
  - spacing (margin, padding, border) styles
  - dimensions (width, height) styles
  - typography-related (line-height, color, etc.) styles
  - miscellaneous (list-style, cursors, etc.) styles  

----------------------------------*/

/*---------------------------------
 =00 GENERIC 
 
 NOTES: 

----------------------------------*/




/*---------------------------------
  =01 FONTFACE
----------------------------------*/

@font-face {
    font-family: 'GothamHTFBook';
    src: url('../fonts/gothamhtf-book-webfont.eot');
    src: url('../fonts/gothamhtf-book-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/gothamhtf-book-webfont.woff') format('woff'),
         url('../fonts/gothamhtf-book-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'GothamHTFMedium';
    src: url('../fonts/gothamhtf-medium-webfont.eot');
    src: url('../fonts/gothamhtf-medium-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/gothamhtf-medium-webfont.woff') format('woff'),
         url('../fonts/gothamhtf-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'GothamHTFBold';
    src: url('../fonts/gothamhtf-bold-webfont.eot');
    src: url('../fonts/gothamhtf-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/gothamhtf-bold-webfont.woff') format('woff'),
         url('../fonts/gothamhtf-bold-webfont.ttf') format('truetype'),
         url('https://tesslimited.co.uk/wp-content/themes/tess-theme/fonts/gothamhtf-bold-webfont.svg#GothamHTFBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*---------------------------------
  =02 GENERAL
----------------------------------*/

html {
	height: 100%;
}


@media screen and (min-width: 1200px) {
    body { padding-top: 80px; }
     .logo {padding:0; margin: 17px auto 0 auto;}
}

body { padding-top: 50px; }
@media screen and (min-width: 980px) and (max-width: 1199px) {
    body { padding-top: 130px; }
     .logo {padding:0; margin: 0 auto;}
}

@media screen and (min-width: 768px) and (max-width: 979px)  {
    body { padding-top: 130px; }
    .logo {padding:0; margin: 0 auto;}
}

@media screen and (min-width: 480px) and (max-width: 767px)  {
    body { padding-top: 100px; }
    .logo {padding:0; margin: 0 auto;}
}

@media screen and (max-width: 479px)  {
    body { padding-top: 80px; }
    .logo {padding:0; margin: 0 auto;}
}

.clear{
	clear: both;
}




/*---------------------------------
  =03 FONT STYLES
----------------------------------*/

h1 {
    font-family: 'GothamHTFBold', arial, helvetica, sans-serif;
    color: #000;
}


h1.home {
    font-family: 'GothamHTFBold', arial, helvetica, sans-serif;
    color: #000;
    font-size: 3.5em;
    text-align: center;
}


h2 {
    font-family: 'GothamHTFBook', arial, helvetica, sans-serif;
}


h3 {
    font-family: 'GothamHTFBook', arial, helvetica, sans-serif;
    margin-top: 0.5em;
}


.h2buckets {
    font-family: 'GothamHTFBold', arial, helvetica, sans-serif;
}


.orange {
    color: #0e76bc;
}

strong {
font-family: 'GothamHTFBold', arial, helvetica, sans-serif;
}

.text-large {
    font-size: 3.75em;
    line-height: 1.5em;
}

.text-medium {
    font-size: 2em;
}

.text-small {
    font-size: 1.5em;
}

.h1nav {
    font-family: 'GothamHTFBold', arial, helvetica, sans-serif;
    font-size: 18px;
    color: #0e76bc;
}


p, div {
    font-family: 'GothamHTFBook', arial, helvetica, sans-serif;
    padding: 0.35em 0;
}


p a {
    color: #0e76bc;
}

p a:hover,
p a:focus {
    color: #0e76bc;
    text-decoration: underline;
}


.news a {
	color: #000;
    text-decoration: underline;
}
.news a:hover,
.news a:focus {
    color: #0e76bc;
    text-decoration: underline;
}

.background-vignette{
	background: url('../img/background.jpg') no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% auto;
    margin-top: 0;  
}


.center {
    text-align: center;
}


/*---------------------------------
  =03 NAVBAR
----------------------------------*/


.navbar-custom .navbar-nav > .active > a, 
.navbar-custom .navbar-nav > .active > a:hover, 
.navbar-custom .navbar-nav > .active > a:focus {
    color: #000;
    background-color: #fff;
}
.navbar-custom .navbar-nav > .open > a, 
.navbar-custom .navbar-nav > .open > a:hover, 
.navbar-custom .navbar-nav > .open > a:focus {
    color: #000;
    background-color: #fff;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}
.navbar-custom .navbar-nav > .open > a .caret, 
.navbar-custom .navbar-nav > .open > a:hover .caret, 
.navbar-custom .navbar-nav > .open > a:focus .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}
.navbar-custom .navbar-toggle {
    border-color: #000;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #000;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #a4bae0;
}


.navbar-header-custom {
    margin-top: 10px;
    margin-bottom: 0px;
}

 
.navbar .navbar-nav {
	display: inline-block;
	float: none;
}

.navbar .navbar-collapse {
	text-align: center;
}

.navbar-custom .navbar-nav > .dropdown {
text-align: left;
}

.dropdown-menu {
    min-width: 300px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.navbar .nav li .dropdown-menu li a {white-space: normal;}


.navbar-header {
	padding: 0;
    margin: 0;
}

.navbar-custom {
    background-color: #fff;
    border: 0;
    padding-top: 0;
    box-shadow: 0px 5px 5px #999;
}

.navbar-custom .navbar-nav > li > a {
    color: #000;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: #0e76bc;
}


.caret {
  display: none;
}


.navbar-inverse .navbar-toggle {
  border-color: #0e76bc;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #0e76bc;
}


.btn-custom {
  color: #fff;
  background-color: #0e76bc;
  border-color: #e69b00;
  margin: 0.5em 0 0 0;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-custom {
  color: #fff;
  background-color: #e69b00;
  border-color: #0e76bc;
}
.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-custom {
  background-image: none;
}
.btn-custom.disabled,
.btn-custom[disabled],
fieldset[disabled] .btn-custom,
.btn-custom.disabled:hover,
.btn-custom[disabled]:hover,
fieldset[disabled] .btn-custom:hover,
.btn-custom.disabled:focus,
.btn-custom[disabled]:focus,
fieldset[disabled] .btn-custom:focus,
.btn-custom.disabled:active,
.btn-custom[disabled]:active,
fieldset[disabled] .btn-custom:active,
.btn-custom.disabled.active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom.active {
  background-color: #ff0000;
  border-color: #008000;
}
.btn-custom .badge {
  color: #fff;
  background-color: #0e76bc;
}


.btn-contact {
  	font-family: 'GothamHTFBold', arial, helvetica, sans-serif;
  	font-size: 1.0em;
  	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	color: #fff;
	margin:0;
	padding: 0.5em;
	border-radius: 5px;
	border: 0;
	background-color: #0e76bc;
	display: block;
}

.btn-contact:hover {
	background-color: #191f1f;
	text-decoration: none;
	color: #ffffff;
}

/*---------------------------------
  =05 JUUMBOTRON
----------------------------------*/

.jumbotron {
    margin: 0px;
    border-radius: 0 !important;
    background-image: url(../img/jumbotron-1.jpg);
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center; 
    color: white;
    text-shadow: black 0.5em 0.5em 0.5em 0.5em;
}


.carousel-caption {
      background-color: transparent;
      position: static;
      padding: 0 20px;
      margin-top: 300px;
    }

.buckets {
	background: #000;
	padding: 2em 0;
}

.buckets h2 {
	color: #fff;
	text-align: center;
}

.buckets p {
	color: #fff;
	text-align: center;
}


.aside {
	padding: 0;
    margin: 0;
    margin-top: -4px;
}

.custom-aside{
	margin-top: -4px;
	background-color: #a4bae0;
	padding-bottom: 0px;
	border-bottom: 5px #0e76bc;
	
}

.page-header{
	margin: 60px 0 0 0;
}

.h3custom-aside {
    background-color: #0e76bc;
    padding: 1em;
    margin: 0;
    font-family: 'GothamHTFBold', arial, helvetica, sans-serif;
    font-size: 18px;
    color: #fff;
}

.custom-aside-nav > li > a {
  color: #fff;
}

.custom-aside-nav > li > a:hover,
.custom-aside-nav > li > a:focus {
  text-decoration: none;
  background-color: #0e76bc;
}


footer {
	padding: 2em 0;
	margin: 0em 0 0 0;
	background: #fff;
	border-top: 1px solid #eee;
}

footer p {
	color: #000;
}


.zero {
 	padding:0;
 	margin: 0;
 }
 
 
 
 /*---------------------------------
  =06 CLIENT FORM
----------------------------------*/

.client-headline {
	text-align: center;
	display: block;
    background-color: #000;
    padding: 0.75em;
    margin: 0;
    font-family: 'GothamHTFBold', arial, helvetica, sans-serif;
    font-size: 2.0em;
    color: #fff;
}


.client-form { 
	background-color: #0e76bc;
	border-radius: 5px;
	margin: 0;
	padding: 0;
}


.client-form p{ 
	font-family: 'GothamHTFBook', arial, helvetica, sans-serif;
    font-size: 1.00em;
    color: #fff;
    padding: 0.5em 1em;
}


.btn-client-form {
  	font-family: 'GothamHTFBold', arial, helvetica, sans-serif;
  	font-size: 1.25em;
  	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	color: #fff;
	margin:0;
	padding: 0.5em;
	border-radius: 5px;
	border: 1px solid #fff;
	background-color: #a4bae0;
	width: 100%;
	display: block;
}

.btn-client-form:hover {
	background-color: #191f1f;
	text-decoration: none;
	color: #ffffff;
}